KK-KWANG'S BLOG

细心的读客应该会发现，在昨天 Making Life Easy - 使生活更容易 里提到一个英国的Flow Interactive 交互设计咨询公司，今天继续阅读了他们的网站，发现了他一些对UCD（User-centred Design 以用户为中心设计）的实施流程， 觉得很有代表性，也很清晰，所以简单整理了一下，给自己和大家学习备份：

他们大概把UCD的流程分为了下面几个阶段：

Research stage 调查研究阶段
Concept stage 概念定义阶段
Iterative design stage 迭代的设计阶段
Implementation stage 执行阶段
Launch stage 发布阶段



图片来自Flow Interactive

下面是图片内容的解析，连接都有相应的安例解析，很有帮助。

Research (调查研究)
Context studies(背景研究)
Focus groups 关注群体
Competitor comparisons (竞争对手对比)
Depth interviews 深度面试
Questionnaires 问答
User personas and scenarios 用户角色与场景了解
User goals 用户目标
Usability goals 可用性目标
Concept (概念定义)
Concept models 概念模型
Usage scenarios 使用场景
Paper prototyping 简易原型
Usability testing 可用性测试
Expert evaluation 专家评估
Design (界面设计)
Product structure diagram 产品结构示意图
Process flows 程序流程
Wireframes 框架
Interactive prototypes 交互原型
Card sorting 卡片分类排序 － 就是把关键流程用卡片形式定义下来，然后不断组织，了解和挖掘最佳的排序模式
Usability testing 可用性测试

Accessibility evaluation 易用性评估
Expert evaluation 专家评估
Functional specifications 功能型详述
Implementation (执行测试)
Usability testing 可用性测试
Expert evaluation 专家评估
Accessibility evaluation 易用性评估
Launch (发布)
Usability testing 可用性测试
Expert evaluation 专家评估
Accessibility evaluation 易用性评估
Focus groups 关注群体
Competitor comparisons (竞争对手对比)
Metrics 测量
因为UCD或一些新兴的用户研究课题，对于大部分设计师或研究员来说总是觉得概念模糊，难于掌握或不知如何着手，所以，我想不断尝试用简单清晰的方式来定义这些概念，使我们未来的工作有律可依，并更有效的完成手上的项目。 如果有问题的请提出来一起讨论学习。谢谢。

http://hi.baidu.com/momoca

用户体验(ue)决定网站成败-孙健,英文叫做User Experience，缩写为UE。它是指用户访问一个网站或者使用一个产品时的全部感受，给用户留下的印象。用户体验在今年被越来越多的人所重视，用户体验决定着网站是否能够黏贴住用户，是否健康，受大家欢迎。

用户体验 ，英文叫做User Experience，缩写为UE。它是指用户访问一个网站或者使用一个产品时的全部感受，给用户留下的印象。用户体验在今年被越来越多的人所重视，用户体验决定着网站是否能够黏贴住用户，是否健康，受大家欢迎。

·视觉冲击最先影响用户体验，网站整体配色，架构，多媒体等诸多因素是给用户进入网站的第一感受。直接影响用户有没有兴趣在继续浏览网站内容。与视觉识别（VI）更好的相结合，形成整体。借助一句话表达 第一眼，看是否抢眼；第二眼，看是否顺眼；第三眼，看是否养眼。

·内容要做到能够及时准确提供给目标用户人群，用户最想了解的内容信息如何体现，最新新闻性质内容如何提交给用户。网站内容的专业度与价值度直接影响着用户黏贴度。用户到达页面浏览数量决定网站是否健康，是否不足。

·功能根据不同性质的网站有所区别，站内搜索是普遍的也是必要的，能够给用户提供尽量多的方便功能，做好在线与离线功能的结合。特别针对注册用户提供特殊的方便功能。针对各个层面的用户是否提供相应的功能，如：多国家语言切换，

·使用性由用户在使用网站内容和产品时的感受，对于信息内容的体现完善，如信息的标题最好有title属性，图片有alt属性。列表页中每个

信息要有简短的介绍。对于功能方面要尽量简单方便，使目标人群都会使用。功能的位置也决定着使用性，如：用户登录，询单，留言等放到什么位置，那些页面可以让用户方便使用。是否能够做到即使弥补预料不到的错误或攻击。如一下错误：网站打开过慢，代码有错误，有弹出页面或插件，受到攻击不能即使修复等都不是一个合格的网站。

以上几点相互关联，共同形成正确的用户体验。根据网站的性质和提供服务的不同，侧重点也略有不同。对于销售产品的网站侧重点是与客户的沟通，及时解决客户的问题。对于新闻信息网站主要侧重于内容和使用性方面。对于广告设计网站视觉冲击应多下功夫。用户体验与seo 向结合能够达到网络营销更好的效果。

出处：http://young-hi.blog.163.com/

网络技术的应用所产生的电子流程工作方式既不能彻底更改传统的工作流程，也不是对传统工作流程的简单复制，而需要对传统的工作流程进行合理的优化、改进和重组。

随着技术的不断发展和用户对网站功能性的需求不断提高，如今网站项目的设计已经不能再仅仅简单地利用静态Html文件来实现，与前几年网站设计由一两名网页设计师自由的创作相比，网站项目的设计和开发越来越像一个软件工程，也越来越复杂，网站项目的设计和开发进入了需要强调流程和分工的时代，建立规范的、有效的、健壮的开发机制，才能适应用户不断变化的需要，达到预期的计划目标。

网站项目管理（WPM）的含义为WebbasedProjectManagement，即以Web应用程序为主要表现方式的架构来进行的项目设计及管理，这样的架构中包含了浏览器、网络和Web服务器等关键主体，主要体现在网站设计、以浏览器为客户端的Web应用程序开发（例如信息类网站、网上商店、虚拟邮局、客户关系管理。）等项目管理中。

在本文中，笔者将网站项目管理（WPM）与软件工程的统一过程管理（RUP）进行参照比较，并结合实际工作经验，力求将网站工程管理（WPM）的角色、分工、流程进行完整的阐述，使网站项目管理逐渐走向规范化。

按照笔者的经验，网站项目管理可以分为以下六个阶段进行控制：
1.需求分析及变更管理
2.项目模型及业务流程分析
3.系统分析及软件建模
4.界面设计、交互设计及程序开发
5.系统测试和文档编写
6.客户培训、技术支持和售后服务
需要说明的是，这些阶段虽然具有一定的延续性，但是并非完全隔断的，例如需求变更管理和测试工作、文档编写都是贯穿整个项目过程的，许多工作时交叉进行或同时进行的。

项目模型及业务流程分析

网络技术的应用所产生的电子流程工作方式既不能彻底更改传统的工作流程，也不是对传统工作流程的简单复制，而需要对传统的工作流程进行合理的优化、改进和重组。
本章包括以下内容：
一.编写项目模型文档，使所有人都一目了然
二.业务流程分析员进行流程设计
三.界面工程师设计用户界面原型
四.以用户为中心的设计思考
五.制作设计计划书
六.总结

一.编写项目模型文档，使所有人都一目了然

为什么要制作项目模型文档？
通常用户提出的需求是凌乱的，不完整的，甚至是不正确的，而且更细致的需求经常是在项目开发进行中才被挖掘发现的，这对于开发人员来说是个极其困扰的问题。那么，在进行需求分析后制作项目模型文档，能在项目进入开发前，双方对即将要开始完成的项目的结果有个共同的认识，并提早暴露可能出现的需求变更，那么将大大提高开发的效率和质量。

缺乏经验的项目人员往往在接受任务后迫不及待地进行系统分析和开发，而不愿意多一点时间在和客户反复推敲项目需求和模型，开发过程中想当然地凭空为客户做了很多假想，费了九牛二虎之力却吃力不讨好，可想而知，在不知道终点在哪里的马拉松比赛中，你会跑到哪里去？！

因此在确认了客户的初步需求以后，业务人员应该进行项目模型的设计描述。

首先，我们要定义一下词汇表，并非每个客户或者项目小组成员都能够明白“用户”、“角色”、“用例”之间的差别，也不见得都能很好地理解“通道”、“前台”、“后台”到底是什么含义，为了让项目模型文档使每个浏览者正确地理解，定义词汇表是非常需要的，尤其是面对传统行业初次进行信息化设计的用户。

模型描述采用最自然的语言进行描述，这份文档是对需求分析报告的进一步描述。使得客户代表、项目经理、开发人员对即将展开的项目通过项目模型的描述产生最直观的印象，并针对关键的问题进行讨论并达成统一认识，比如功能要求、性能指标、运行环境、投资规模等等。

二.业务流程分析员进行流程设计

业务流程分析员的人员应该善于简化工作，担任此角色的人员中必须要有具备广博的专业领域知识，并且具有良好的沟通技巧。

业务分析人员重点需要协助客户将需求进行归纳分析，查找出所有的业务主角，确定业务主角后，每个主角的相关活动及流程应清晰地制定出来，最终设计出逻辑视图、用户界面示意图。比如一个电子商店系统，除了系统管理员、业务经理、业务员、物流配送员、客户服务人员等角色以外，可能还存在外部协作单位的不同角色，比如供应商、分销商、广告客户，还有购买用户，甚至再细分为普通消费用户、VIP消费用户、集团消费用户等等，每一类角色参与系统活动时的入口和流程都有所不同，通过逻辑图和示意图，业务流程分析员将系统的机构简要明确地进行描述。

在进行业务流程设计，需要注意以下事项：
*调查用户网络环境和配置，使架构设计师能够制定合理可行的系统架构；
*调查用户偏好和技能水平，这将直接影响到项目开发的深度和用户界面的设计；
“虽然开发人员和管理人员很容易自认为他们了解用户需要，但实际情况常常不是这样。人们往往关注于用户应该如何执行任务，而不是用户偏好如何执行。多数情况下，偏好问题不仅仅是简单地认为已掌握了用户需要，尽管这本身就很值得研究。偏好还要由经验、能力和使用环境决定。”
*预测并制定系统的性能指标，为测试人员编写测试计划提供依据。
许多项目设计中比较重视功能的实现，测试阶段看似满足了客户的需求，但一旦投入使用的时候，便会发现性能上面临着一个个瓶颈。客户由于对专业知识的了解程度有限，也往往忽略了这方面要求，因此为了避免日后陷入纠纷，事先预测并制定性能指标是非常重要的。

三.界面工程师创建用户界面原型

为了在实际系统开发投入之前，创建用户界面模型是非常重要的，开发原型的成本远远低于实际开发的成本，在项目初期，创建完整的用户界面揭示和测试系统的所有功能和可用性，并能够使客户代表参与讨论及修改，可以大大提高项目的成功几率。

创建正确可行的原型以后，系统分析、设计及代码的编写都必须遵照原型进行，确保构建的系统是正确的，测试人员和客户也能够在开发过程中即实时地参与检查，可以有效地保障了项目的质量。

根据业务流程分析员所提供的流程分析逻辑图及示意图，界面设计工程师开始设计制作用户界面原型，目前这个阶段，对于界面设计人员来说还没有进入精细设计的阶段，所以最重要的是将业务流程完整地表现出来，并和客户就设计风格，设计规范进行确认和定义。

界面工程师在充分理解客户需求和所有的业务流程之后，利用合理的布局设计用户界面。比如网站的首页风格、首页需要显示的各个元素、导航的分类和表现方法、各类业务角色的入口等等。

在此需要注意的是，用户界面不仅仅是网站访问者所浏览的界面，也包括了特殊用户、管理员、业务伙伴等不同的用户界面，甚至还有提示界面、警告界面、出错界面等等，设计完整的用户界面原型不仅能够使客户及测试人员更容易明确需求，也对项目的质量起到不可忽视的作用。
四.以用户为中心的设计思考

无论项目设计开发人员的水平多么精尖，毕竟不是系统的最终用户，最大限度地满足客户的需要才是关键，系统设计人员往往口头上挂着以用户为中心的口号，而实际上工作中又在大量地假想，或是出于懒惰或是出于条件限制，对于将来使用系统的不同用户来说都可能产生意想不到的障碍。

真正做到以用户为中心，就要先放弃沉淀在脑子里的经验和想象，到客户工作的地方去、观察记录客户如何工作、然后与客户谈论他们的工作。

在团队拓展训练中有一项叫做“盲人方阵”的课程，可以想象一群什么也看不见的人如何把一根长绳子拉成正方形景象吗？目中无人的人会懂得倾听和服从吗？我们不能假设用户到底是个健全人还是盲人，也不能假想用户应该会怎么做不该会怎么做，只有去仔细观察和沟通，才能制定出真正符合用户需要的计划。

有专家提出：开发人员应决定用户的组成，并让用户尽可能早地涉入，并提出了几种熟悉用户、他们的任务以及需求的方法：
*与用户交谈
*到办公地点拜访用户
*观察用户工作
*将用户工作录像
*了解工作组织
*自我尝试
*使用户在工作时边想边说
*让用户参与设计
*在设计小组中包括专家级用户
*执行任务分析
*利用调查和问卷
*制定可测试的目标
在有可能的情况，在需求和流程设计中努力做到精确、客观和细致，不但能保证系统开发的质量和成熟度，也会使你得到客户高度的满意和信任，为今后更多的业务合作敞开大门。
五.制作设计计划书

到了这个阶段，可以说掌握了客户的需求并对计划实施的系统开发有了清楚地认识，与客户之间达成了共识，那么在进入下个阶段的工作时，制作设计计划书是非常必要的。

设计计划书是全面描述整个系统的全貌，作为系统分析、测试人员工作的基础，同时也是客户验收的标准，作为业务合同的内容之一，因此，应该仔细谨慎地撰写设计计划书。

根据项目的不同，设计计划书的内容或许有所不同，以下笔者提供一份样本供大家参考，该份样本基本涵盖了需要在计划书中进行确认和描述的核心要素。

六.总结

在本阶段的工作过程中，核心的任务是通过上个阶段的需求分析，进行项目模型设计和业务流程分析，并制作用户界面原型得到用户的确认，最终完成双方认可的《设计计划书》，作为下一阶段系统设计和软件建模的依据。

如何高质量地完成业务流程分析阶段的工作，笔者总结的经验如下：
*真正以用户为中心的设计，到客户的实际工作环境中观察和记录；
*仔细查找各种业务主角，并表述不同主角的各种操作流程步骤；
*简化需求，将客户的需求归纳整理，抓住核心问题；
*细化需求，针对核心问题，模拟用户角色，进一步确认流程和规范；
*认真制定设计计划书，为下阶段的工作打好基础

基本原则：

1、关注用户及其任务，而不是技术
2、首先考虑功能，然后才是表示
3、从用户的视角看问题，使用用户的词汇进行描述
4、不要向用户暴露实现细节
5、使常用的用户任务简单化，不要让用户解决额外的问题
6、保持一致性，引导用户的使用习惯
7、保持显示惯性，传递信息，而不仅仅是数据
8、设计应满足响应需求

禁忌：

1、同一页面包含重复功能的链接或按钮
2、将复选框用作单选按钮
3、无初始值的多选一设置
4、在非开/关设置中使用复选框
5、用文本框显示只读数据
6、单选按钮之间间隔太大
7、属性标记对齐方式不一致
8、当前无效的控件不充分置灰
9、显示对用户无意义的错误提示
10、不同的类型页面窗口显示相同的标题
11、窗口的标题和调用的命令不一致
12、要求用户输入随机数
13、相似的功能却有不一致的用户操作界面
14、取消按钮无法真正取消操作
15、网站结构反映公司的结构或网站升级的历史
16、返回按钮不能达到预期的目的
17、搜索选项过多，过度复杂
18、使用容易被忽略的隐藏的图片链接
19、需要向下滚动才能看到当前页的重要信息
20、图片按钮对鼠标按下操作没有视觉变化
21、无意义的虚假进度条
22、执行长时间的任务时鼠标指针不显示成忙状态
23、不考虑用户可能的人为的错误输入
24、认为好的UI就是漂亮的UI
25、盲目错误的使用页面模块化设计

台电新款人体感应触摸数码播放器即将上市的消息受到多方关注。C260不仅拥有超薄机身，而且可以使用Micro sd卡（TF卡）扩展，在轻薄化上向前迈进。

　　C260在硬件配置上，有两点十分引人注目：QVGA分辨率的2.4寸26万色TFT液晶显示屏与现在最流行的人体感应触摸按键的结合。QVGA屏幕在数码便携产品中，属于中高端配置。QVGA不论在屏幕的色彩表现，灰度，显示精度都远远高于其他非QVGA的小型液晶屏。



小贴示：只有在显示屏上拥有320*240分辨率的屏幕才是QVGA显示屏。人体感应触摸也是最近的流行词汇，在LG的巧克力手机中"一碰你就脸红"就是使用的人体感应触摸键。当没有手触动时，按键区是隐藏在机器的正面下。只有当手触动操作区，才能唤醒C260，操作区的指示灯就会变亮，这样可以有效避免误操作。

　　触摸感应(touch sensor)是运用电容感应原理实现，按键感应电极与人体手指之间无论隔着何种电介质(可以是 玻璃、塑料、石材、陶瓷或者木材)都可以反映出独立的感测区域信号




　不仅操作显示有特点，而且在功能上，9.8毫米厚度机身拥有TF卡扩展功能，也是在超薄机身上十分少见的设计。图象化菜单设计，USB2.0高速传输，FM，学习功能，游戏，电子相册，数码伴侣，电子图书功能一个都不少。



技术参数：

● 2.4寸26万色TFT彩色液晶屏，分辨率320＊240像素
● 支持MP3、WMA、WAV多种格式歌曲播放
● 支持播放vxid\xvid(AVI)视频格式（需软件转换）
● 人体感应触摸式按钮
● 尺寸：80*47*9.8(mm)
● JPG图片浏览
● Micro sd存储卡插槽，最大支持1GB容量扩充
● 电池续航时间：12小时（关屏）
● 8种EQ模式(正常、摇滚、3D、流行、古典、重低音、爵士、用户自定)
● 多任务操作（可边听歌边看电子书）
● 七种播放模式(单曲一次、单曲重复、目录一次、目录重复、全部一次、全部重复、试听)
● 超强FM及FM直录，可预设20个FM频道
● 高清晰MIC录音
● TXT文本阅读功能
● 高速USB2.0（HI-speed）
● 支持子目录歌曲文件播放
● 歌曲文件列表功能
● LRC歌词同步显示
● 全中文图形化用户操作界面
● 游戏
● 复读功能（具有A-B复读、跟读和对比功能）
● 自动关机功能（可设定睡眠模式和省电模式）
● 无驱U盘功能（WINME/Win2000/XP/2003/Vista）
● 支持固件升级


来源:台电科技