UE、UI、UCD、Interaction Design、UED、UX、HCI、Usability,IA


Accessibility—-可访问性/无障碍访问
Accessibility在此处指网页的可访问性。W3C网页可访问性定义如下:

“网页可访问性是残障人士可以无障碍的使用该网页。更具体的说,网页可用性是残障人士可以感知、理解、操纵网页,并与之互动,还能对网页做贡献。网页可访问性也惠及非残障人士,包括由于老化而能力变弱的老人。网页可用性包括所有影响。”

网页可用性概括了所有影响接近或使用网页的残障因素,包括视觉、听觉、身体、语言、感知和神经的残障。

WAI(Web Accessibility Initiative)即网页可用性倡议通过其全球的组织开发战略、指南和资源以帮残障人士制定网页可用性。

延伸阅读:


HCI/CHI(Human-Computer Interaction)—-人机交互

人机交互 CHI(Computer Human Interaction),国际上也称(HCI,Human Computer Interaction)是一门跨学科的研究,它的研究内容很广,包括心理学领域的认知科学,心理学;软件工程领域的系统构架技术;信息处理领域的语音处理技术和图像处理技术;人工智能领域的智能控制技术等。

总的来说,人机交互本质上是认知过程,人机交互理论是以认知科学为理论基础;人机交互系统是一个闭环系统,人机交互研究是以系统科学作为人机交互研究的框架的方法学;同时,人机交互是以信息技术作为用户界面的技术基础,通过信息系统的建模、形式化描述、整合算法、评估方法以及软件框架等信息技术最终实现和应用人机交互理论。

延伸阅读:

IA(Information Architecture)—-信息体系架构

《Information Architecture for the World Wide Web》作者Louis Rosenfeld的观点,信息体系结构包括“对系统的组织、标注、导航以及搜索所进行的设计工作,这些功能能够帮助人们更加成功地找到和管理信息”(2000)。

信息体系结构,或简称为IA,是高层的信息结构设计,它规划出了用户最终将如何从系统获取信息和知识。信息体系架构师可以被认为是用户体验团队的“系统工程师”,这意味着他(或她)将对内容是如何被组织的、在任何给定时刻哪些页面元素需要可见或可用以及其它的较高层次的决定负责。信息体系架构师直接和用户体验团队的主任一起工作,以便将商业需求和用户需求转换为系统原型。这些原型通常是以一个对系统或过程的描述图表的形式交付的。一个优秀的信息体系架构师的知识背景通常会略微侧重于工程而非设计,同时他们在进行信息结构设计时更倾向于采取以一种较为务实的观点,而非追求创新。

Interaction Design—-交互设计


Alan Cooper的定义
简单地说,交互设计是人工制品、环境和系统的行为,以及传达这种行为的外观元素的设计和定义。交互设计首先规划和描述事物的行为的方式,然后描述传达这种行为的最有效形式。交互设计是一门特别关注以下内容的学科:
  • 定义与产品的行为和使用密切相关的产品形式
  • 预测产品的使用如何影响产品与用户的关系,以及用户对产品的理解
  • 探索产品、人和上下文(物质、文化和历史)之间的对话(Riemann和Forlizzi)

《Interaction Design——Beyond Human-Computer Interaction》作者的定义:
交互设计指的是:设计支持人们日常工作与生活的交互式产品。具体地说,交互设计就是关于创建新的用户体验的问题,其目的是增强和扩充人们工作、通信及交互的方式。Winnogard(1997)把交互设计描述为“人类交流和交互空间的设计”

延伸阅读:

UCD(User-Centered Design)—-以用户为中心设计

一个成功的交互系统必须能够满足用户的需要。这意味着不仅要能够识别各种用户群,而且还可辨别各个用户所掌握的技能、经验以及他们的偏好,但是设计人员并不是想象中的那样了解目标用户。

关于以用户为中心的设计的构成内容尚未达成明确的共识。但是 John Gould 和他在 IBM 的同事于 20 世纪 80 年代开发了一种称为 Design for Usability (GOU88) 的方法,它包括了最为普遍接受的定义。它从若干交互系统的实践中发展而来,其中最著名的系统是 IBM 公司的 1984 Olympic Messaging System (GOU87)。 该方法由四个主要部分组成,如下所述:关注用户、集成化设计、初期用户测试、迭代式设计。

延伸阅读:

UI(User Interface)—-用户界面
在人和机器的互动过程(Human Machine Interaction)中,有一个层面,即我们所说的界面(interface)。从心理学意义来分,界面可分为感觉(视觉、触觉、听觉等)和情感两个层次。用户界面设计是屏幕产品的重要组成部分。界面设计是一个复杂的有不同学科参与的工程,认知心理学、设计学、语言学等在此都扮演着重要的角色。用户界面设计的三大原则是:置界面于用户的控制之下;减少用户的记忆负担;保持界面的一致性。
GUI(Graphical User Interface)图形用户界面是UI一个部分
Usability—-可用性

可用性(Usability)是交互式IT产品/系统的重要质量指标,指的是产品对用户来说有效、易学、高效、好记、少错和令人满意的程度,即用户能否用产品完成他的任务,效率如何,主观感受怎样,实际上是从用户角度所看到的产品质量,是产品竞争力的核心。

ISO 9241-11国际标准对可用性作了如下定义:产品在特定使用环境下为特定用户用于特定用途时所具有的有效性(effectiveness)、效率(efficiency)和用户主观满意度(satisfaction)。其中:

  • 有效性 -用户完成特定任务和达到特定目标时所具有的正确和完整程度;
  • 效率 -用户完成任务的正确和完整程度与所使用资源(如时间)之间的比率;
  • 满意度 -用户在使用产品过程中所感受到的主观满意和接受程度。

可用性工程(Usability Engineering)是交互式IT产品/系统的一种先进开发方法,包括一整套工程过程、方法、工具和国际标准,它应用于产品生命周期的各个阶段,核心是以用户为中心的设计方法论(user-centered design - UCD),强调以用户为中心来进行开发,能有效评估和提高产品可用性质量,弥补了常规开发方法无法保证可用性质量的不足,九十年代以来开始在美、欧、日、印等国IT工业界普遍应用。

延伸阅读:

UXD/UED(User Experience Design)—-用户体验设计

“用户体验”,UX(User Experience)指的是软件应用和审美价值,是以用户至上的观点作为基石的。主要由以下四种因素构成:

  1. 印象(感官冲击)
  2. 功能性
  3. 使用性
  4. 内容

这些因素相互关联,不可分割,共同形成正确的用户体验。这些因素也是一个软件成功,所必不可少的主要因素。其中“印象”也可以归结成这个软件塑造的一个“品牌”效应。UXD就是指围绕UX而进行的一些列设计。

延伸阅读:

(0)

相关推荐

  • UE、UI、UCD、Interaction Design、UED、UX、HCI、Usability,IA

    Accessibility--可访问性/无障碍访问 Accessibility在此处指网页的可访问性.W3C的网页可访问性定义如下: "网页可访问性是残障人士可以无障碍的使用该网页.更具体的说,网页可用性是残障人士可以感知.理解.操纵网页,并与之互动,还能对网页做贡献.网页可访问性也惠及非残障人士,包括由于老化而能力变弱的老人.网页可用性包括所有影响." 网页可用性概括了所有影响接近或使用网页的残障因素,包括视觉.听觉.身体.语言.感知和神经的残障. WAI(Web Accessibi

  • JS脚本混淆、加密讨论第1/2页

    新年新气象!好好研究一把自己关心的专项问题.感兴趣的兄弟们请务必踊跃发言. 首先,我抛砖引玉了. "混淆"也好,"加密"也好,都是为了加强代码的安全性,防范被人任意查看,在一定程度上保护资源. 请大家注意,在本主题的标题上,我把"混淆"."加密"这两个概念堆在一起了,为的是从实现目的的角度着眼,从实践的角度着手,不主观地排斥任何手段.所有"混淆"技巧都是为了降低代码的可读性:所有"加密"

  • 67 个节约开发时间的前端开发者的工具、库和资源

    在本文中,我不会去谈 React.Angular.Vue 等等这些大的前端框架,也不会谈 Atom.VS code.Sublime 等等这些已经很出名的代码编辑器,我只是想简单的分享一套我认为有助于提升开发者工作流的工具集. 这套工具集中的大部分你可能见过,也可能没见过,如果有哪个/些让你眼前一亮,那么我的分享就很值了. 这个列表包含许多种类的资源,所以这里我将它们分组整理. Javascript 库 Particles.js - 一个用来在 web 中创建炫酷的浮动粒子的库 Three.js 

  • jquery zTree异步加载、模糊搜索简单实例分享

    本文实例为大家讲解了jquery zTree树插件的基本使用方法,具体内容如下 一.节点模糊搜索功能:搜索成功后,自动高亮显示并定位.展开搜索到的节点. 二.节点异步加载:1.点击展开时加载数据:2.选中节点时加载数据. 前台代码如下: <script type="text/javascript"> //ztree设置 var setting = { view: { fontCss: getFontCss }, check: { enable: true }, data:

  • win2003 IIS虚拟主机网站防木马、权限设置、安全配置整理

    一.系统的安装 1.按照Windows2003安装光盘的提示安装,默认情况下2003没有把IIS6.0安装在系统里面. 2.IIS6.0的安装 以下为引用的内容: 开始菜单->控制面板->添加或删除程序->添加/删除Windows组件 应用程序 ---ASP.NET(可选) |--启用网络 COM 访问(必选) |--Internet 信息服务(IIS)---Internet 信息服务管理器(必选) |--公用文件(必选) |--万维网服务---Active Server pages(必

  • 详解Java5、Java6、Java7的新特性

    Java5: 1.泛型 Generics: 引用泛型之后,允许指定集合里元素的类型,免去了强制类型转换,并且能在编译时刻进行类型检查的好处.Parameterized Type作为参数和返回值,Generic是vararg.annotation.enumeration.collection的基石. A.类型安全 抛弃List.Map,使用List.Map给它们添加元素或者使用Iterator遍历时,编译期就可以给你检查出类型错误 B.方法参数和返回值加上了Type 抛弃List.Map,使用Li

  • 解决layui的使用以及针对select、radio等表单组件不显示的问题

    layui是国内一款界面比较整洁大方的ui框架,里面封装了很多前端开发常用的组件,通常我们直接复制代码过去就可以实现效果,可以提高我们的开发效率. 使用步骤: 1.下载layui:https://www.layui.com 2.将layui文件夹复制到自己的项目里: 3.在html页面引入相关的css和js: <link rel="stylesheet" type="text/css" href="/layui/css/layui.css"

  • Android布局技巧之include、merge与ViewStub标签的巧用

    前言 在开发中UI布局是我们都会遇到的问题,随着UI越来越多,布局的重复性.复杂度也会随之增长. 相信大家经常听到include.merge.ViewStub这样的标签,官方也提到这三种布局可用于布局的优化.今天就介绍下这三种布局的使用,记录下来,便于后续app中的使用. include布局重用 app开发过程中,会遇到不同页面里有相同的布局,这时我们可以将这些通用的布局提取出来到一个单独的layout文件里,再使用<include>标签引入到相应的页面布局文件里,主要通过include的la

  • Android Studio安装配置、环境搭建详细步骤及基本使用的详细教程

    前言 Android Studio的安装配置及使用篇终于来啦~ 废话不多说,以下针对JDK正确安装(及其环境变量配置完毕,即Java开发环境下).Android Studio的安装,配置,以及创建工程.主题字体更换.窗口工具.布局.快捷方式等的基本使用逐一说明. 安装java 下载Java安装包(jdk,网上有很多下载地址,最好去官网下:https://www.java.com/zh_CN/),安装完后记得配置环境变量: 在"系统变量"新建一个变量名为JAVA_HOME的变量,变量值为

  • Spring Cloud Admin健康检查 邮件、钉钉群通知的实现

    本文主要介绍了Spring Cloud Admin的使用,分享给大家,具体如下: 源码地址:https://github.com/muxiaonong/Spring-Cloud/tree/master/cloudadmin Admin 简介 官方文档:What is Spring Boot Admin? SpringBootAdmin是一个用于管理和监控SpringBoot微服务的社区项目,可以使用客户端注册或者Eureka服务发现向服务端提供监控信息. 注意,服务端相当于提供UI界面,实际的监

随机推荐