从用户角度进行设计课件

从用户的角度进行产品设计信息咨询部翟天骄2010.08.312whatwhyhow如果一个产品很难用，我就不会经常使用如果一个产品我不需要，我就不会用不同的人

不同的理解不同的需求不同的设计不同的设计不同的效果心理模型表现模型实现模型容易使用，体验良好记忆负担，体验较差最好的技术是消失在生活当中的技术8whatwhyhow产品设计市场调研需求分析详细设计研发发产品（软件、网站）建房子土木工程师装修设计师建筑设计师程序设计ＵＩ设计交互设计——《软件设计的艺术》TerryWinograd(2004年度的ACM人机交互院士)12whatwhyhow设计者怎么想需求集合功能集合出水写字保护笔芯的笔盖颜色墨水易擦墨水产品写字长久的写字标识不同内容写新的内容用户能当发簪变形金刚？？？要了解人，从而了解用户，更要习惯站在用户的角度看问题。他们要“随时随地变成用户”产品功能重排

口碑相传的产品设计之道

核心能力和速度交互体贴细致，视觉简洁清爽高端用户的关注如何在良好口碑下持续增加功能要了解人，从而了解用户，更要习惯站在用户的角度看问题。他们要“随时随地变成用户”产品规划的流程定义产品规划流程对市场走势及客户需求进行分析，创建合理的市场细分规则，对要投资和取得领先地位的细分市场进行选择和优先级排序，从而制定可执行的业务计划，并驱动新产品包的开发。过程交付件对应产品阶段用户需求收集产品候选概念用户需求分析和PK阶段市场分析市场评估报告制定规划产品路标规划书制定综合FeatureList和规划PPT例撰写策划产品需求规格说明书产品需求说明书例制定业务计划产品业务计划书开发阶段？用户需求分析法（例：QQ秀）要素细分项目对应腾讯产品的元素$价格设计、可生产性、技术、原材料、生产、供应商、制造、元件、人力成本、管理费用、装备付费Item的价格/包月价格A安全/质量行销、销售、渠道、分配、交货期、广告、配置、定价、客户定制客服/投诉的响应P性能功能、吸引力、规格、功率、速度、容量、适应性、多功能、尺寸用得爽不爽P包装风格、尺寸、数量、几何设计、模块性、体系结构、界面、机械结构、同一性、图形、包含的/不包含的页面好看不好看E易用用户友好、操纵控制、显示、人类工程学、培训、文档、帮助系统、人为因素、接口、操作UI（界面操作性）A可获得性可靠性、质量、安全性、误差极限、完整性、强度、适应性、动态特性、负荷量、冗余Q币购买/充值渠道L生命周期成本寿命、正常运行/停工时间、保险、责任、可维护性、服务、备件、移植通道、标准化、基础设施、运转成本、安装成本Item有效期S社会接受程度间接影响、顾问、采购代理商、标准组织、政府、社会认可程度、法律关系、政治、股东、管理层、工人、工作场所同龄人认可度/流行度市场分析用户分析小案例：用户需求优先级排序QQ发布第一个版本时，有以下用户需求：卡通头像QQ表情聊天记录管理器看谁在线上安全性传文件很小的.exe文件视频聊天室语音反应速度快请从中选出最重要的三项，发布QQ1.0。？别让我思考(Don’tMakeMeThink)网站可用性三大定律用户浏览网站不是在阅读，而是扫描注意力是有限的过多的内容。。。不追根究底，而是勉强应付Krug可用性三大定律别让我思考(Don'tmakemethink)要点击多少次都没关系，只要每次点击都是无须思考，明确无误的选择。

去掉每个页面上一半的文字，然后把剩下的文字再去掉一半。Krug可用性第一定律别让我思考(Don'tmakemethink)网页应该设计得不言而喻网页避免强迫用户思考的地方如果做不到一切不言而喻，起码做到让页面自我解释麦当劳两则强迫我们思考的地方(1)强迫我们思考的地方(2)卓越网和当当网的搜索框当当网2006年1月1日首页快照什么是页面的自我解释？页面的自我解释即用户对页面稍加学习就可以明白，用户能够更加专注于他要做的事情。特别是在进行一些崭新的，开拓性或者非常复杂的页面设计时，也许只能做到自我解释(Self-explanatory)。返回Krug可用性第二定律要点击多少次都没关系，只要每次点击都是无须思考，明确无误的选择。用户的挫折感限度不取决于到达相关网页所需要的点击数而是点击的困难程度。经验准则：一次需要思考的点击等于三次无须思考的点击。例子Krug可用性第三定律去掉每个页面上一半的文字，然后把剩下的文字再去掉一半。有力的文字都是简洁的。必须消灭欢迎词，必须消灭指示性文字。MicrosoftTechNet

欢迎词中国建设银行反馈表单指示性文字可用性实践中需要注意的问题导航条(页头，页尾，页内)主页团队中可用性的讨论可用性实践中需要注意的问题导航条作用帮助找到想要的，告诉我们如何使用网站给人固定的感觉告诉我们身在何处注意事项导航条(页头，页尾，页内)Bearlookingatmapofparkwithsign"Youarehere"导航条设计时需要注意网站的每一页(表单可能例外)都需要导航次级导航都应该有返回首页的链接页面名称应该醒目(自我解释)要提供简洁，没有无关选项的搜索框优秀的导航条示例:Amazon,BAmazon.COM导航条B导航条可用性实践中需要注意的问题主页主页的作用主页需要额外考虑的问题主页的作用准确、快速的传达一个整体形象网站的标识和起点内容更新导读服务以及搜索的入口返回准确、快速的传达一个整体形象主页要做到这点必须清晰的回答四个问题这是什么网站？网站上面有什么？我能在这里干什么？为什么我应该在这而不是在别的地方？返回主页需要额外考虑的问题每个人都想占一席之地想要参与的人太多设计要满足所有人返回站点的标识和口号没有什么比得上一个好口号每天五分钟，给思想加油。()理性，建设性。()可用性实践中需要注意的问题团队中可用性的讨论现状：无休止的信仰大战本质：浪费时间关键：没有什么所谓的普通用户唯一改变的方法：用户体验测试团队中可用性的讨论可用性最佳实践提供增大网页字体的选项(国内网站…)为每张图片增加ALT文本用户不可能在一个界面中接受过多信息，而且信息量和页面长度不是正比关系为每张图片增加ALT文本<imgsrc="" alt="凤凰网网站图标LOGO"/>返回交互设计—Don'tmakemethink“返回”的位置和做法很重要：这是整个QQMail的交互的“枢纽”，如同围棋中的“玉柱”，也定义了邮箱的交互风格。帮用户自动选中：在输入独立密码或加密folder输入密码时错误后，应该把输入框内的内容select上，这样就可以直接打入而不用清除了光标定位：之前的点"回复"时光标focus到正文的问题改好了,但却没有注意到点"转发"时光标,反而应是在"收件人"处而不是正文处,因为一般总要填写转发人,而回复(包括回复全部)则是直接输入内容.交互设计—符合用户习惯与预期类Outlook客户端操作，但比它做得更优秀先字母排序，再优先显示最近联系人，减少键盘操作。这么细的体验，但一旦用上，就觉得别的同类产品很粗糙了！VS交互设计—符合用户习惯与预期兼容客户端邮件菜单习惯在用TT或QQ/TM/RTX截屏后的图,mail原来在写信时用Ctrl-V可以贴出来，但右键则不能。不要随意去掉用户正在使用的功能原来mail在做出了“HTML方式查看”后，去掉了“打开”功能符合用户预期，点击其他地方，WEBQQ的浮动窗口隐藏到固定位置交互设计—适时的提醒没必要的提醒不需要出现而适时出现的提示或功能，用得好，不但不会骚扰用户，还是对用户的细致的关怀（当未读邮件过多时，提示删除历史邮件）数字和字母帐号不同方式；图片验证旁提示“不区分大小写”，细节中体现体贴;

修改前修改后交互设计—操作便利鼠标响应区域的大小，灵敏度和精确度，直接影响操作体验示例：QQMail，业务导航区，QQ音乐QQ影音的快捷播放按钮：最初的设计改为方形扩大点击区域，考虑性能去掉按钮显示

最初的设计优化后最后鼠标动作需要精确的判断，捕捉用户意图（如：QQ影音的鼠标左键点击的精确判断）左键单击画面可以移动窗口没有移动窗口时左键弹起才暂停画面，移动范围少于一定数值算暂停右键菜单出现后的左击画面不执行暂停，视为取消右键菜单视觉设计—制定规范，维持统一文字使用要规范，语法，大小，颜色，大小写都需要注意能用一个词表达的，不用一句话。能用一句话表达清楚的，不用两句话每个概念都只有唯一一种表达。如”VIP”的概念能用一种字体颜色的，不多用一种颜色能用一种字体大小的，不多用一种大小用标准组件能用标准控件的，不自己画控件

（一个button，就有focused,selected,up/down,enabled/disabled,tab顺序等多种状态要画和处理，不容易的，而且要考虑浏览器兼容）能用文字的，不用图片（加图片是要申请的）保持尽可能少的格式式样维持统一就算字体和行间距等小细节都应该关注到英文字体Tahoma视觉设计—重点突出每个页面（板块）只有一块视觉重点。并且，突出重点，不让用户去找。原来的设计排版不对，有一横条的压着的情况黄色块就不能加框，视觉会很繁杂看着不舒服，句号也是多余的原来方案目前方案·Pony：在设置了独立密码的情况下,当登陆到需要输入独立密码时,总是先出来输入框,此时已可输入,我经常是立刻输入,但打了几个字母后上面,才瞬间出现上面的黄色提醒"请输入独立保护密码",而会导致输入框位置立刻下压,比较影响输入.最好能改一改html里的结构,能够快速让人立刻输入(越快越好)的基础上,其他显示的可以慢些load到但不应影响其他部件的改变.总结：需要关注的用户体验交互设计Don'tmakemethink符合用户习惯与预期做适时的提醒不强迫用户选择最佳方案操作便利视觉设计传播产品理念大气成熟，干净整洁，工具化规范与统一重点突出防止不恰当的低龄化产品设计口碑传播少即是多兼容性无所不用其极关注性能和速度抓住高端用户大气的设计满足用户个性化需求寻求差异运营不稳定会“功亏一篑”跟踪用户定位问题抗灾容灾能力如何关注把自己想象成一个迟钝、挑剔、易怒的傻瓜来使用产品抓主要矛盾，重点关注最常使用的交互点产品经理有前台和后台技