User-Centered Design[以用户为中心的设计]

       简单的说，就是在进行产品设计、开发、维护时从用户的需求和用户的感受出发，围绕用户为中心进行产品设计、开发及维护，而不是让用户去适应产品。无论产品的使用流程、产品的信息架构、人机交互方式等，都需要考虑用户的使用习惯、预期的交互方式、视觉感受等方面。

　　衡量一个好的以用户为中心的产品设计，可以有以下几个维度：产品在特定使用环境下为特定用户用于特定用途时所具有的有效性（effectiveness）、效率（efficiency）和用户主观满意度（satisfaction）,延伸开来还包括对特定用户而言，产品的易学程度、对用户的吸引程度、用户在体验产品前后的整体心理感受等。
 

　　这是一个著名的模型，把UCD过程中的每个工作步骤和内容都完整而流畅的概括进来。以这个模型为基础，一个比较可行的UCD流程：　　 

　　六个阶段，每个阶段又有关键的工作内容和要求。

　　第一阶段：基础调研

　　竞争产品分析
　　寻找市场上的竞争产品，挑选3-5款进行解剖分析。整理竞争产品的功能规格；并分析规格代表的需求，需求背后的用户和用户目标；分析竞争产品的功能结构和交互设计，从产品设计的角度解释其优点、缺点及其原因，成为我们产品设计的第一手参考资料。

　　领域调研
　　结合上述分析基础和资料，纵观领域竞争格局、市场状况，利用网络论坛、关键字搜索等手段获得更多用户反馈、观点、前瞻性需求。

　　产出物：相应的对比分析文档和领域调研报告。

　　第二阶段：产品分析

　　产品定位
　　从软件提供者的角度分析产品推出的意义和重点关注的方面，实际考量、丰满决策层的idea，明确列出产品定位，通过讨论修缮取得决策层的认可；

　　用户分析
　　结合竞争产品的分析资料，采用定性分析的方法，获得对产品目标用户在概念层面的认识；

　　产品概述
　　以软件提供的身份，以最简短的文字，向用户介绍产品，突出产品对用户的价值。避免功能点的简单罗列，而应该在归纳总结的基础上突出重点；

　　功能需求规格整理
　　在归纳关键功能的基础上，结合竞争产品规格整理的领域认识，从逻辑上梳理需求规格列表，重在逻辑关系清楚、组织和层级关系清晰。划定项目（设计和研发）范围；

　　产出物：用户分析文档和产品概述、功能规格列表。

　　第三阶段：交互设计（功能结构和交互流程设计）

　　产品概念模型分析
　　从产品功能逻辑入手，结合对常见软件的经验积累和竞争产品的认识，加上对用户的理解，为产品设计一个尽量接近用户对产品运行方式理解的概念模型，成为产品设计的基础框架；

　　功能结构图
　　在产品概念模型的基础上丰富交互组件，并理顺交互组件之间的结构关系；

　　使用场景分析
　　模拟典型用户执行关键功能达到其目标的使用场景；

　　交互流程分析
　　模拟在上述概念模型和功能结构决定的产品框架之中，支持使用场景的关键操作过程（即鼠标点击步骤和屏幕引导路径）；

　　产出物：产品设计文档的交互设计部分。

　　第四阶段：原型设计（信息架构和界面原型设计）

　　信息架构和界面原型设计
　　设计产品界面中应该包含的控件数量和类型、控件之间的逻辑和组织关系，以支持用户对控件或控件组所代表的功能的理解，对用户操作的明确引导；所有界面设计成为一套完整的可模拟的产品原型；

　　设计要点说明
　　对界面设计的重点添加说明，帮助涉众对设计的理解；

　　产出物：产品设计文档的原型设计部分.

　　第五阶段：详细设计（详细设计和交互逻辑表述）

　　详细设计
　　完善设计细节、交互文本和信息设计（Message box）；

　　控件和交互逻辑表述
　　对界面控件/控件组/窗口的属性和行为进行标准化定义，梳理完整的交互逻辑，用状态迁移图或伪代码形式表示；

　　产出物：产品设计文档的详细设计部分.

　　第六阶段：设计维护（研发跟踪和设计维护）

　　语言文档整理
　　设计通过评审之后，把产品中所有的交互文本整理成excel文档，预备研发工作；

　　研发跟踪维护
　　进入研发阶段后负责为研发工程师解释设计方案、问题修改、文档完善、Bug跟踪等；

　　产出物：产品语言文档，设计调整维护.

      

延伸：

　　用户体验， 英文叫做User Experience，缩写为UE, 或者UX。

　　它是指用户访问一个网站或者使用一个产品时的全部体验。他们的印象和感觉，是否成功，是否享受，是否还想再来/使用。他们能够忍受的问题，疑惑和BUG的程度。

　　以用户为中心的设计， 英文叫做User-Centered Design 缩写为UCD

　　信息架构，英文叫做information architecture，缩写为IA。

　　它是一个整理信息，斡旋信息系统与使用者需求的过程，主要是要将信息变成一个经过组织、归类、以及具有浏览体系的组合结构。

　　这样的结构性设计将使得使用者对于信息的内容存取更直接，让使用者的任务更容易完成，它也可说是在结构与分类上的艺术与科学，可以帮助我们寻找信息并且予以管理。

　　交互设计，英文叫做Interaction Design

　　交互设计是指设计人和产品或服务互动的一种机制 , 以用户体验为基础进行的人机交互设计是要考虑用户的背景、使用经验以及在操作过程中的感受，从而设计符合最终用户的产品，使得最终用户在使用产品时愉悦、符合自己的逻辑、有效完成并且是高效使用产品。

　　交互设计的目的是使产品让用户能简单使用。任何产品功能的实现都是通过人和机器的交互来完成的。因此，人的因素应作为设计的核心被体现出来。

　　HCI：human computer interaction人机交互

　　用户界面 - User interface

　　图形界面 - Graphics User Interface

　　在人和机器的互动过程中，有一个层面，即我们所说的界面。

　　从心理学意义来分，界面可分为感觉（视觉、触觉、听觉等）和情感两个层次。

　　有效的界面设计经常是预见的过程，设计目标是开发者根据自己对用户需求的理解而制定的。优秀的界面简单且用户乐于使用，这意味着设计需适应硬件的局限。

　　可用性 - Usability

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

　　Usability Engineer 使用性工程师

　　Handset User Interface 手持设备用户界面 (HUI)

　　human computer interaction人机交互(HCI)

　　Man Machine Interface人机接口(MMI)

 

----------------------------------------------------------------

两个实例：

一、不用注册就能浏览

        有个朋友在网上非常兴致勃勃的和我说：“我弄了一个很酷的网站，去玩玩吧！真的不错哦！”，然后他把网址发给我，我点击打开后发现是“请先注册”的页面。

我：“能不能不注册啊？”
他：“注册很快的～填几个简单的信息东西后你就可以玩了！”
我：“能不能先看点东西啊？为啥一定要注册后才能看？”
他：“只要注册后就很方便了～注册才能长久保留你的信息嘛～”
我：“我不想注册……我不玩了，要么你发个帐号给我”
……

    这个例子其实说明了我自己内心是多么抵制在一个新网站上注册，我都不知道这个东西是干嘛的，也许我以后再也不会过来了，凭什么先要填一堆信息来折磨我自己？与其这样，不如离开！

    作为设计师，我们必须要好好思考一件事情：一些内容和功能，是不是只有、仅仅、必须要注册和登录后才能提供给用户？如果不是，干掉他。

 

二、价值3亿美元的按钮

作者：Jared M. Spool
原文：http://www.uie.com/articles/three_hund_million_button

当Luke Wroblewski正在写他那本畅销书《网页表单设计：在空格中填字》的时候，他问我有没有这么一个例子：一个表单设计的改变造就了商业上引人注目的不同。“你的意思是比如3亿美元的新收入？”我说， “对，就是那样子的！” luke回复到。于是我写了这篇已经被收录在他书中的文章

更改一个按钮是如何让网站营业额增加3亿美金的

很难想到比这更简单的表单了：2个输入框，2个按钮，1个链接。事实是这个表单正在妨碍用户从一个大型电子商务网站上付钱买东西，妨碍了多少呢？大约3亿美元一年。更糟糕的是网站的设计师根本没有觉察到有这么一个问题存在。

这个表单太简单了，输入框分别是邮箱地址和密码，按钮是登录和注册，链接是忘记密码。这是网站的登录表单，用户到处都会碰到这玩意，怎么可能有问题呢？

表单结构也许有些问题，但更严重的可能是它出现的时机。当用户在购物车中填满想要购买的商品，点击“付款”按钮的时候就会见到它。在用户基本上已经卷起袖子准备签单的时候，它蹭的蹦出来了。

团队成员认为这个表单可以让客户更快的购买东西。第一次来买东西的人不会介意花一点点时间注册——因为，以后他们还可能回来买更多的东西，他们会感谢在今后购买时的便利，所有人都得利，不是么？

“我不是为了和你们搞关系才来这里的”

我们针对那些在网站上购买产品的人们做了一场可用性测试。我们请他们购买一系列想要的商品，并提供给他们钱来支付，他们所要做的仅仅是完成整个购物流程。

在测试中我们发现之前对初次购物者的看法是错误的，他们十分在乎注册这个事情。他们十分厌恶到达这个页面就必须要注册。一位顾客对我说“我不是为了和你们搞关系才来这里的，我只想要买东西”

还有一些顾客不记得自己之前是不是来过这个网站，于是尝试输入不同的邮箱地址和密码组合，随着一次次的失败他们开始抓狂。总的来说，用户对注册的抵制程度让我们十分吃惊。

当不知道“注册”的后面包含着什么内容的时候，用户对点击那个按钮都抱着一种绝望的感觉。许多人嚎叫着说那些零售商就是想方设法收集自己的信息，好在某一天给他们发送那些邪恶的广告和促销信息，还有些人甚至觉得这整个就是一阴谋，很明显是用来侵犯个人隐私的。

让用户反复去做一件事情没有一点好处

让用户反复去做一件事情不会产生任何愉悦。除了那些极少数记得自己注册信息的人，大部分的用户都被表单绊倒了，他们不记得自己的曾用过的邮箱名称和密码。让用户记住自己注册时使用的邮箱地址本身也很有问题，因为许多人都拥有不止一个邮箱，或也许某个邮箱已经被抛弃很多年了。

当一个用户记不住邮箱地址和密码的时候，他们会进行好几次的猜测和尝试。猜测很少成功，一些人最终要求网站把密码发到他们的邮箱里，然而这也有问题，如果你记不住自己注册时使用的邮箱地址的话。

（后来，我们依据零售数据库做了一个统计，发现所有顾客中有45%的人在系统中注册了多次，一些人甚至注册了10个帐号。我们还研究了有多少顾客索取密码，发现每一天的请求量就是16万次，在这之中75%的人发送请求后就停止了购买行为。）

这个本来想方便大多数人的表单，其实只方便了很小部分的顾客。（哪怕这小部分用户也没有真的方便到，因为他们一样要花精力来更新自己的资料，比如收件地址和信用卡号）最直接的结果就是这个表单妨碍了营业额——非常非常多的营业额。

价值3亿美金的修复

设计师们解决的方法非常简单：他们干掉了注册按钮，取而代之的是一个继续按钮，还有一小段话“在我们网站上您可以直接购物而不需要专门建立一个帐户，点击继续去支付。如果您希望以后更方便的购物，也可以在结账时顺便创建一个帐户”

结果：购买商品的顾客数量上升了45%。在第一个月就创造了1千5百万的额外购买额，在第一年整个网站获得了额外3亿美金的交易额。