1、1案例：西门子公司用户界面设计中心 西门子公司分别在德国慕尼黑、美国普林斯顿和中国北京设立了三个用户界面设计中心 中心按照ISO9241标准执行 中心的目标是使西门子公司的产品更加适合用户的需求，提高产品的竞争力 人性化的设计是计算机软件工程的重要指标，因为软件最终是要服务于用户，用户是设计的中心。2重视用户市场研究 西门子公司非常重视项目初期的用户市场研究 他们认为匆匆上马的项目只会浪费时间，不仅不会抓住市场机会，反而会丧失稍纵即逝的市场机会 只有循序渐进的操作才能保证以最少的风险、高效的达到目标 好的开始是成功的一半好的开始是成功的一半3重视产品的可用性 作为较早开始进行使用性研究的企业之
2、一，西门子公司已经把使用性作为一项战略性的产品策略。在产品开发过程中，根据用户需求分析和市场调研的结果做出产品原型并对其进行使用性评估，根据评估结果进行再设计、再评估，如此循环反复，最终获得的便是充分体现用户需求的高品质产品。4重视产品的可用性 具备良好使用性的产品应该满足用户方便而高效使用的需要应当拥有突出的情感吸引力和用户满意度应该体现产品生产者对目标用户的关怀5开发产品的流程 科学的产品研发过程是一个把技术技术与用户用户和市场市场紧密结合的过程。西门子用户界面设计中心开发产品的流程如图所示6开发产品的流程 在所有环节中非常强调面向用户的设计，用户始终是关注的焦点 在项目的开始阶段，做为开
3、发者：应该进行充分的市场调研和用户分析，研究用户的需求究竟在哪里，他们期待什么样的产品来满足他们的需求，他们愿意为这样的产品支付多少等等7开发产品的流程 以此为基础可以初步界定产品的功能模式以及分析技术实现的可行性 在项目的初期就对整个市场以及相关的风险有了非常感性的了解 这一阶段所获得的信息是指导之后各个阶段的总纲 8开发产品的流程 接着进入原型设计阶段，一个成功的样品并非一蹴而就，它往往是不断改进的结果 在设计与再设计之间极其关键的一步是测试，除了必要的功能性测试之外，更加强调的是研究用户对产品的接受程度 只有经过反复测试的产品才是合格的高质量产品，才能获得客户的满意9开发产品的流程 例如
4、：某软件的一个功能叫做“ISP配置”设计人员大概认为他们的用户都是从事IT行业的人员，应该理解ISP配置的意思实际上一般的消费者很难搞明白“ISP设置”到底是什么通过测试可以发现这样的问题改进其实很简单，把“ISP配置”改为“互联网服务商配置”就容易理解了10可用性与经济效益 以用户为中心、关注产品的可用性可以带来显著的经济效益，主要体现在:1.销售量的增加和用户满意度的提高2.产品市场竞争力的增强3.产品开发和产品维护成本的降低4.用户工作效率的提高5.电话支持次数的减少6.培训成本的降低11可用性检查检查和可用性测试测试 使用性检查和使用性测试是进行产品可用性评估的两种主要方法 可用性检查
5、可用性检查由可用性工程师完成没有用户参与检查根据用户界面设计的基本原则和个人对界面设计的认知程度，对被测产品/界面进行评估针对可用性问题提出改进方案12可用性测试 可用性测试是有用户参与的可用性评估 其目的是在产品投入市场之前让潜在的用户帮助产品研发人员发掘产品原型中的可用性问题 了解用户对于产品/界面的整体印象和改进建议13可用性测试 可用性测试为企业管理层、产品研发部门和市场及销售部门提供了一个直接观察用户、获得用户对产品反馈的宝贵机会 直接影响对产品开发的决策14可用性研究工作 可用性研究已经形成了一门跨专业的系统学科即使用性工程学 涉及人体工效学、认知心理学、行为心理学、社会学、计算机
6、科学、语言学、美学等众多独立的学科 贯穿于从了解用户需求到产品投放市场的整个产品开发过程15可用性实验室 西门子公司可用性实验室完全按照ISO9241标准建立 装配有完备的可用性测试设备 自成立以来已经为众多网络产品、软硬件产品和工业产品进行了可用性检查/测试16结论 总而言之产品不是开发者意愿的体现产品应该是用户需求的体现因为用户是产品的最终购买者和使用者 事实证明只有经过科学的用户研究和可用性评估的产品才能具备强大的市场竞争力才能赢得目标用户群体的青睐17传统方法传统方法UCD完成任务时间9.4分钟4.1分钟发现的网络问题16%78%平均求助电话时间30分钟10分钟用户手册篇幅25页4页需
7、要手册的用户 53%3%用户满意度（SUMI）3.56.818案例：Web设计中的可用性 Web设计中有一个非常流行的观点：吸引眼球、引人注目 美工、图形设计者成为网站设计的必不可少的、甚至是非常重要人员 人们通常认为用户界面设计是一种艺术 但是这种观点容易误导Web的设计者 吸引眼球成了设计的重点 忽略了可用性 有效的用户界面设计是一项工程，而不是一种图形艺术19案例：Web设计中的可用性 Web设计的三要素 内容 可用性 美感 对于各种类型的网站，三要素共同起作用，但是他们的相对重要程度取决于网站的目的 商业展示、公共关系网站，美感-内容-可用性 在线出版网站，内容-美感-可用性 技术支持
8、网站，内容-可用性-美感内容内容美感美感可用性可用性20案例：Web设计中的可用性 点击率是衡量Web网站成功与否的准则 吸引点击、提高点击率成为设计者非常关注的问题 设计人员把更多的精力投入到网站的包装上 色彩、图像、动画 过度使用动画和不适当地使用动画，是当今Web网站的共同问题 臃肿、热闹、怪诞 下载慢、难阅读、不可用21案例：Web设计中的可用性 与此形成对比的是，设计人员很少把精力投入在网站的可用性方面 如：分页显示等 因为实现起来困难 或者要付出更多的性能代价22案例：Web设计中的可用性 Web用户的观点并不像设计人员想象的那样(1)操作速度(2)信息内容(3)图像效果23案例：
9、Web设计中的可用性 不使用或很少使用超链接的线性布局 冗长的没有链接的文字界面 同样存在可见性问题 建议 把语义上密切相关的信息或者在用户看来属于同一自然结构的信息组合在单个页面中24Nielsens F-Shaped Pattern Eyetracking visualizations show that users often read Web pages in an F-shaped pattern:two horizontal stripes followed by a vertical stripe.(F for fast!).用户读Web页面经常是F型模式：水平方向看两行，然后就
10、是垂直地看！25Nielsens F-Shaped Pattern The F patterns implications for Web design are clear:Users wont read your text thoroughly in a word-by-word manner.The first two paragraphs must state the most important information.Start subheads,paragraphs,and bullet points with information-carrying words that use
11、rs will notice.26Nielsens F-Shaped Pattern27Nielsens F-Shaped Pattern“Heatmaps”from user eyetracking studies of three websites(232 users).The areas where users looked the most are colored red;the yellow areas indicate fewer views,followed by the least-viewed blue areas.Gray areas didnt attract any f
12、ixations.28Website Evaluation Methods网站评价方法 The increasing significance of the Quality Assurance(QA)of websites Applying techniques developed for not Internet-based software products29The increasing significance of the QA of websites Simultaneously with the rapidly developing Internet the quality of
13、 websites is having ever increasing significance.伴随互联网的快速发展，网站质量越来越重要30The increasing significance of the QA of websites The QA approach regarding websites should focus both on the ergonomic(navigation,information display,legibility,visual design,etc.)and content(relevant,valid,up-to-date,understand
14、able,etc.)aspects.网站的质量保证方法应该关注于人机工程和内容方面31The increasing significance of the QA of websites General experience is that usability can make all the difference between success or failure of a site,thus is crucial for QA.一般的经验表明，网站的成功与失败，可用性起着至关重要的作用，因此可用性是质量保证的关键。32The increasing significance of the Q
15、A of websites Website usability,one of the most crucial aspects of any e-business,however,sadly is treated with utter disregard.网站可用性是电子商务网站最重要的方面之一，但是却被完全忽视了33The increasing significance of the QA of websites Despite the abundance of design recommendations(recipes,guidelines,etc.)website usability
16、and accessibility continue to be pressing problems.尽管有大量的设计建议，但是网站可用性和可达性一直存在问题34The increasing significance of the QA of websites Accessibility可达性可达性The usability of a product,service,environment or facility(website)by people with the widest range of capabilities.产品、服务、环境或设备（网站）对不同能力的人所表现出的可用性可以理解为
17、能否被老人、孩子和有生可以理解为能否被老人、孩子和有生理障碍的人正常使用理障碍的人正常使用 35The increasing significance of the QA of websites This current state is attributable mainly to the fact that many people who build website are trained in the technical aspects of site creation(e.g.HTML coding),but not trained in software ergonomics.造成这
18、种现状的主要原因是许多建网站的人只接受过创建网站技术方面的训练，但是没有接受过软件人机工程学方面的训练36The increasing significance of the QA of websites A recent 6000-person American study found that on average users wasted more than five hours a week frittering time away on their computers:waiting for programs to run,or help to arrive,or double ch
19、ecking printouts for accuracy and formatting.花费在等待程序运行、等待帮助到达、检查打印输出等方面的时间，平均每个用户每周浪费的时间超过5小时37The increasing significance of the QA of websites Another study conducted in England revealed that 70 per cent of people admitted to shouting,swearing at,or generally acting violently toward their computer
20、.70%的人承认对他们的计算机喊叫、诅咒、敲打等38The increasing significance of the QA of websites Fighting with an unfriendly website needs extra effort and takes extra time.39The increasing significance of the QA of websites Building usability into an application or Web site means designing it with carefully researched
21、and well understood user needs as the top priority(rather than,say,technical efficiency).增强应用或网站的可用性，需要认真研究和理解用户需要，并作为头等重要的事情来做40The increasing significance of the QA of websites General recommendations 一般建议 High-quality content 高质量的内容 Often updated 经常更新 Minimal download time 最小下载时间 Ease of use 容易使用
22、 HOME41Minimal download time Many experimental data prove that the duration of this“psychological present time”is about 100 ms Too long download times are perceived by website visitors as frustration.42Minimal download time Field experiences have shown that:below 0.1 sec:“immediate answer”feeling(in
23、 accordance with the 100 ms“present time”)1 sec:lower limit of“interruption”feeling 10 sec:lower limit of“focused attention”(above this the visitor is likely to start some other activity)43Minimal download time The Internet is huge,the visitors are impatient:if they cannot find out how to use a site
24、,they go quickly away(the competitors site is just a few clicks away)互联网是巨大的，访问者是不耐烦的44Minimal download time Allowable maximal page-,and/or object sizes that still provide less than 1,or 10 s download times 1 s 10 sModem(56kbit/s)6 kByte 60 kByteISDN(64kbit/s)7 kByte 70 kByteT1(100Mbit/s)100 kByte 1
25、 MByte45案例：Web设计中的可用性 为什么很多网站（网页）使用起来都那么别扭呢？原因很多，但是没有以用户为中心进行设计可能是其中最重要的原因 以部门结构作为网站的结构 以内容和特性作为设计依据46指导性界面 易掌握准则的理想目标 用户不需要帮助和培训就可以有效使用 一种新设计的界面如何才能实现易掌握 秘诀在于使界面本身可以教会用户如何使用 指导性界面 通过聪明的构思和设计，使界面自身具有教学能力 依靠内在特点而不依靠外部帮助或提示47指导性界面的三个特点 可猜测性 用户关于某种事物是什么或能够做什么的猜测往往是正确的 尽可能的采用现实世界中的抽象（暗示、隐喻）传统与创新、主题与变奏相结
26、合 可探索性 允许用户探索，可以通过试错学习使用方法 一致性 创新设计要避免出现大的不一致48可猜测性的例子 设置两个数以确定某个范围从到从到创新设计49可猜测性的例子 隐喻的使用创新设计数值调节钮就是旋钮的隐喻，向上增大，向下减小50隐喻使用不成功的例子 Southwest航空公司订票系统（错误的结构隐喻）51隐喻使用不成功的例子 Southwest航空公司订票系统52提供与约束 提供与约束是支持指导性界面的两个支柱 提供(affordances)界面或各种对象如何使特定的使用或动作更加容易 门把手的例子 约束(constraints)是提供的向对面 对象如何限制或约束可能的动作或使用53约
27、束的例子 滑块 滑块下面的小槽就是约束54案例：企业技术支持网站的设计 做法一：通过调研收集到相关部门提出的要求，并按部门进行网站设计，部门如下：市场营销部 技术支持部 生产部 客户服务部 供销运输部 财务部55案例：企业技术支持网站的设计 做法二：通过调研收集到相关部门提出的功能要求，筛选出一些重要功能，并按功能进行网站设计，重要功能如下：公司消息和产品公告 产品规格表 硬件和软件产品清单 在线产品订单表格 关于产品的常见问题解答 关于技术的常见问题解答 在线参考手册56案例：企业技术支持网站的设计 做法三：调研用户和用户需求，描述用户和用户类型，提出设计目标和用例，构建原型，用户反馈 用户类型 碰到困难的安装者：专注某项特定查询；情绪可能不好。产品寻求者：有特定的查询目的；情绪可能挺好。潜在购买者：可能会关注某些产品 信息寻找着：只是看一看，不大可能购买57案例：企业技术支持网站的设计 对三种做法的评价 第一种做法是把现实世界直接映射到网站上，网站与现实世界有很好的对应性，但是没有考虑和利用网站的特点 第二种做法是把必要的功能做某种组合后放到网站上，脱离了部门的限制，但是查找和使用的方法由设计人员决定 第三种方法是按照用户的类型和需求组织网站，查找和使用的方法充分听取用户的意见
