雅虎用户体验设计指南.doc

Yahoo! 用户体验设计指南 技术部BI组 2008年11月 第一部分：以用户为中心的设计 2 1.1 什么是用户为中心的设计？ 2 1.2 UCD的商业价值 5 1.3 应用UCD 7 第二部分：设计原理 10 2.1 人性化的界面设计原理 10 2.2 可视化设计原理 14 2.3 可视化语言 28 2.4 设计时普遍需要考虑的问题 31 第三部分 Yahoo！设计版式介绍 32 3.1 页面类型（重要） 32 3.2 页面结构和页面整体设计原理 32 3.3 局部页面设计原理 43 3.4 颜色 58 3.5 字体 59 3.6 图形和图标 60 3.7 行为 62 3.8 技术 64 3.9 书写字体、语言和术语 65 3.10 广告 68 第一部分：以用户为中心的设计 1.1 什么是用户为中心的设计？ 以用户为中心的设计（UCD）是一种增加产品易用性、提升用户体验的设计方法。UCD的关键在于理解用户——他们所处的环境、他们的目的是什么、达成目标必须完成哪些任务、他们的技能和能力如何。整个设计过程必须基于实际数据——用户的输入和反馈，以保证设计不是基于产品开发团队的假想——即假想用户会怎么做。由于UCD简化了收集用户反馈的流程，并将之集成到设计过程中去，因此保证了交互系统设计的有效性。 UCD意味着，产品开发团队首先“观察用户”，并和用户一起开展随后的所有工作。在整个设计过程中，用户会对产品原型进行评估，并判断产品是否满足了他们的要求。经过反复的评估和设计，使得产品技术满足用户需求。 UCD会描述用户的所有体验，而不仅仅是用户在页面上所看见的。它将用户的目标与产品功能应用联系起来，而不是接受需求后就直接开发产品。UCD要保证产品是有用的、易用的、并且是用户需要的；它不仅仅是最终的HTML、程序代码或可执行程序。 需要注意的是，UCD和市场调研是不同的，UCD和市场调研可互为补充。市场调研通常回答“应该做什么产品？”，市场调研能知道用户需要什么，什么促使用户购买，他们会为什么产品付钱，以及什么决定了他们的消费习惯。用户体验，则从另一个方面入手，它解决：用户实际上会怎么做，什么使得产品简单或复杂、易用或不易用。因此，用户体验更适合回答“产品应当如何设计？” 图1：将一个新产品/技术的采纳者根据他们采纳的时间分为五类人： 创新的扩散曲线 ·创新者（Innovators） 他们是勇敢的先行者，自觉推动创新。 创新者在创新交流过程中，发挥着非常重要的作用。 ·早期采用者（Early Adopters） 他们是受人尊敬的社会人士，是公众意见领袖，他们乐意引领时尚、尝试新鲜事物，但行为谨慎。 ·早期采用人群（Early Majority） 他们是有思想的一群人，也比较谨慎，但他们较之普通人群更愿意、更早地接受变革。 ·后期采用人群（Late Majority） 他们是持怀疑态度的一群人，只有当社会大众普遍接受了新鲜事物的时候，他们才会采用。 ·迟缓者（Laggards） 他们是保守传统的一群人，习惯于因循守旧，对新鲜事物吹毛求疵，只有当新的发展成为主流、成为传统时，他们才会被动接受。 这个划分对于新产品/新技术的推广者来说非常重要，针对不同的人群要采用不同的推广策略。 将Rogers 创新的扩散曲线和AU模型关联起来的话，关键点还是主导设计，主导设计是被大多数人接受的设计，它出现于上图中黑圈附近。/5264926.html 鸿沟期是指产品吸引了早期接纳者后、赢得更多的客户之前的那段间歇期。在硅谷这样的现象不断重复：新的技术出现，获得风险投资的支持，大量的媒体报道，然而最终这些新技术却失败了。这些新技术、新产品就是掉进了鸿沟，实际上每个新技术都会经历鸿沟，关键在于采取适当的策略“跨越鸿沟”。这个时期是个“令人极度绝望的时期”，大多数失败的产品都是在鸿沟结束了其整个生命周期。 高科技产品的最大特点，也是市场营销最困难的地方，就是其“早期市场”（初期的小范围专业市场）与“大众市场”（中期的非专业大众市场）之间存在着“鸿沟”，能否顺利跨越“鸿沟”，决定了一个高科技产品的成败。 1.2 UCD的商业价值 长期来说，UCD可以节省成本 人们通常会误解UCD将引起设计开发拖延、雇佣UCD团队会增加成本。但实际上并非如此。在长期来看，采用UCD是可以节省成本的。在软件的整个生命周期中，80%的成本来自于发布后的维护费用。在维护费用中，80%是由于没能满足或没能预见用户的需求。 如果能在早期就解决易用性问题，相对产品设计后期才考虑这个问题可以节省约1/4的成本。更进一步，着急上线不能满足用户需求或不便于使用的产品，在后期可能会带来更多的维护成本。 UCD降低客服成本 由于提高了产品的易用性，客户支持的成本将降低。 例子：1998年，Yahoo客服