从用户角度进行产品设计.pptx

《从用户角度进行产品设计.pptx》由会员分享，可在线阅读，更多相关《从用户角度进行产品设计.pptx（75页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、从用户的角度进行产品设计信息咨询部 翟天骄 2010.08.312whatwhyhow如果一个产品如果一个产品很难用很难用，我就不会经常使用我就不会经常使用如果一个产品我如果一个产品我不需要不需要，我就不会用我就不会用Focus on the user,and all else will follow.以用户为中心，其他一切纷至沓来。不同的人不同的人 不同的理解不同的理解不同的需求不同的需求 不同的设计不同的设计不同的设计不同的设计 不同的效果不同的效果心理模型表现模型实现模型容易使用，体验良好记忆负担，体验较差最好的技术是消失在生活当中的技术8whatwhyhow以用户为中心的Web设计的流

2、程和用户体验的要素“AJAX之父”的Jesse James Garrett在2000年提出产品设计产品设计市场调研需求分析详细设计研发发产品（软件、网站）建房子土木工程师装修设计师建筑设计师程序设计设计交互设计软件设计的艺术Terry Winograd(2004年度的ACM人机交互院士)名称解释名称解释UI（user interface designer）:用户界面设计人员UE（User Experience）：用户体验 并不是指产品本身是如何工作的，而是指产品如何和外界联系并发挥作用，也就是人们如何“接触“或者“使用”它。是指用户在访问平台的过程中的全部体验，它包括平台是否有用，疑惑或者bu

3、g程度，功能是否易用、简约，界面设计和交互设计是否友好等方面。UCD（User Centered Design）：“以用户为中心的设计12whatwhyhow设计者怎么想设计者怎么想需求集合功能集合出水写字出水写字保护笔芯的笔保护笔芯的笔盖盖颜色墨水颜色墨水易擦墨水易擦墨水产品产品写字写字长久的写字长久的写字标识不同内容标识不同内容写新的内容写新的内容用户用户能当发簪能当发簪变形金刚？变形金刚？要了解人，从而了解用户，更要习惯站在用户的角度看问题。他们要“随时随地变成用户”产品功能重排产品功能重排 口碑相传的产品设计之道口碑相传的产品设计之道 核心能力和速度交互体贴细致，视觉简洁清爽高端用户的

4、关注如何在良好口碑下持续增加功能要了解人，从而了解用户，更要习惯站在用户的角度看问题。他们要“随时随地变成用户”产品规划的流程定义产品规划的流程定义产品规划流程对市场走势及客户需求进行分析，创建合理的市场细分规则，对要投资和取得领先地位的细分市场进行选择和优先级排序，从而制定可执行的业务计划，并驱动新产品包的开发。过程过程交付件交付件对应产品阶段对应产品阶段用户需求收集用户需求收集产品候选概念产品候选概念用户需求分析和用户需求分析和PK阶段阶段市场分析市场分析市场评估报告市场评估报告制定规划制定规划产品路标规划书产品路标规划书制定综合制定综合Feature List和规划和规划PPT 例例撰写

5、策划撰写策划产品需求规格说明书产品需求规格说明书产品需求说明书产品需求说明书 例例制定业务计划制定业务计划产品业务计划书产品业务计划书开发阶段？开发阶段？用户需求分析法（例：QQ秀）要素要素细分项目细分项目对应腾讯产品的元素对应腾讯产品的元素$价格价格设计、可生产性、技术、原材料、生产、供应设计、可生产性、技术、原材料、生产、供应商、制造、元件、人力成本、管理费用、装备商、制造、元件、人力成本、管理费用、装备付费付费Item的价格的价格/包月价格包月价格A安全安全/质量质量行销、销售、渠道、分配、交货期、广告、配行销、销售、渠道、分配、交货期、广告、配置、定价、客户定制置、定价、客户定制客服客

6、服/投诉的响应投诉的响应P性能性能功能、吸引力、规格、功率、速度、容量、适功能、吸引力、规格、功率、速度、容量、适应性、多功能、尺寸应性、多功能、尺寸用得爽不爽用得爽不爽P包装包装风格、尺寸、数量、几何设计、模块性、体系风格、尺寸、数量、几何设计、模块性、体系结构、界面、机械结构、同一性、图形、包含结构、界面、机械结构、同一性、图形、包含的的/不包含的不包含的页面好看不好看页面好看不好看E易用易用用户友好、操纵控制、显示、人类工程学、培用户友好、操纵控制、显示、人类工程学、培训、文档、帮助系统、人为因素、接口、操作训、文档、帮助系统、人为因素、接口、操作UI（界面操作性）（界面操作性）A可获得

7、性可获得性可靠性、质量、安全性、误差极限、完整性、可靠性、质量、安全性、误差极限、完整性、强度、适应性、动态特性、负荷量、冗余强度、适应性、动态特性、负荷量、冗余Q币购买币购买/充值渠道充值渠道L生命周期成本生命周期成本寿命、正常运行寿命、正常运行/停工时间、保险、责任、可停工时间、保险、责任、可维护性、服务、备件、移植通道、标准化、基维护性、服务、备件、移植通道、标准化、基础设施、运转成本、安装成本础设施、运转成本、安装成本Item有效期有效期S社会接受程度社会接受程度间接影响、顾问、采购代理商、标准组织、政间接影响、顾问、采购代理商、标准组织、政府、社会认可程度、法律关系、政治、股东、府、

8、社会认可程度、法律关系、政治、股东、管理层、工人、工作场所管理层、工人、工作场所同龄人认可度同龄人认可度/流行度流行度如何排定产品功能的优先级各个功能本身并无“优先级”可言，对一支笔来说，“写字”和“当作发簪”这两个需求是平等的。但是产品在不同的阶段有不同的目标和不同的现实情况，这就成为判定产品功能优先级的唯一标准。产品阶段产品阶段首要目标首要目标功能侧重点功能侧重点$APPEALS新产品上线新产品上线吸引新用户、快速吸引新用户、快速占领目标市场占领目标市场“好用、方便、便宜好用、方便、便宜”（注（注意，意，“便宜便宜”实际上是运营实际上是运营的范畴）的范畴）$价格、价格、E易用、易用、A可获

9、得性可获得性平台期平台期留住用户、稳定收留住用户、稳定收入入内容翻新、满足细分用户群内容翻新、满足细分用户群的需求（例子：高露洁牙膏、的需求（例子：高露洁牙膏、飘柔洗发水）飘柔洗发水）P包装、包装、A安全安全/质量、质量、P性能性能产品更新换产品更新换代代保留旧产品精髓，保留旧产品精髓，加入新的创意元素加入新的创意元素“时尚、创新、新新人类的时尚、创新、新新人类的需求需求”（例子：（例子：Swatch）S社会接受、社会接受、L生命生命周期成本周期成本市场分析市场分析用户分析用户分析 需求分析需求分析小案例：用户需求优先级排序小案例：用户需求优先级排序QQ发布第一个版本时，有以下用户需求：卡通头

10、像QQ表情聊天记录管理器看谁在线上安全性传文件很小的.exe文件视频聊天室语音反应速度快请从中选出最重要的三项，发布QQ1.0。？别让我思考别让我思考(Dont Make Me Think)网站可用性三大定律网站可用性三大定律人们使用人们使用WEB的几个事实的几个事实1.不是阅读，而是扫描不是阅读，而是扫描 总是很忙 不必阅读所有的内容 善于扫描2.不做最佳选择，而是满意即可不做最佳选择，而是满意即可 总是很忙碌 如同消防员3.不追根究底，而是勉强应付不追根究底，而是勉强应付 如果发现某个东西能用，我们会一直用它注意力是有限的注意力是有限的过多的内容。过多的内容。Krug可用性三大定律可用性三

11、大定律1.别让我思考别让我思考(Dont make me think)2.要点击多少次都没关系，只要每次点击要点击多少次都没关系，只要每次点击都是无须思考，明确无误的选择。都是无须思考，明确无误的选择。3.去掉每个页面上一半的文字，然后把剩去掉每个页面上一半的文字，然后把剩下的文字再去掉一半。下的文字再去掉一半。Krug可用性第一定律可用性第一定律1.别让我思考别让我思考(Dont make me think)a)网页应该设计得不言而喻不言而喻b)网页避免强迫用户思考强迫用户思考的地方c)如果做不到一切不言而喻，起码做到让页面自我解释自我解释Krug可用性第二定律可用性第二定律Krug可用性第

12、三定律可用性第三定律3.去掉每个页面上一半的文字，然后把剩下去掉每个页面上一半的文字，然后把剩下的文字再去掉一半。的文字再去掉一半。a)有力的文字都是简洁的。b)必须消灭欢迎词，必须消灭指示性文字。可用性实践中需要注意的问题可用性实践中需要注意的问题1.导航条导航条(页头，页尾，页内页头，页尾，页内)2.主页主页3.团队中可用性的讨论团队中可用性的讨论可用性实践中需要注意的问题可用性实践中需要注意的问题1.导航条导航条作用作用a)帮助找到想要的，告诉我们如何使用网站b)给人固定的感觉c)告诉我们身在何处注意事项导航条设计时需要注意导航条设计时需要注意a)网站的每一页(表单可能例外)都需要导航b

13、)次级导航都应该有返回首页的链接c)页面名称应该醒目(自我解释)d)要提供简洁，没有无关选项的搜索框优秀的导航条示例优秀的导航条示例:Amazon,BAmazon.COM导航条导航条B导航条导航条可用性实践中需要注意的问题可用性实践中需要注意的问题2.主页主页主页的作用主页需要额外考虑的问题可用性实践中需要注意的问题可用性实践中需要注意的问题3.团队中可用性的讨论团队中可用性的讨论a)现状：无休止的信仰大战b)本质：浪费时间c)关键：没有什么所谓的普通用户d)唯一改变的方法：用户体验测试团队中可用性的讨论团队中可用性的讨论可用性最佳实践可用性最佳实践提供增大网页字体的选项(国内网站)为每张图片

14、增加ALT文本用户不可能在一个界面中接受过多信息，而且信息量和页面长度不是正比关系交互设计Dont make me think“返回”的位置和做法很重要：这是整个QQMail的交互的“枢纽”，如同围棋中的“玉柱”，也定义了邮箱的交互风格。帮用户自动选中：在输入独立密码或加密folder输入密码时错误后，应该把输入框内的内容select上，这样就可以直接打入而不用清除了光标定位：之前的点回复时光标focus到正文的问题改好了,但却没有注意到点转发时光标,反而应是在收件人处而不是正文处,因为一般总要填写转发人,而回复(包括回复全部)则是直接输入内容.交互设计符合用户习惯与预期类Outlook客户端

15、操作，但比它做得更优秀先字母排序，再优先显示最近联系人，减少键盘操作。这么细的体验，但一旦用上，就觉得别的同类产品很粗糙了！交互设计符合用户习惯与预期兼容客户端邮件菜单习惯在用TT或QQ/TM/RTX截屏后的图,mail原来在写信时用Ctrl-V可以贴出来，但右键则不能。不要随意去掉用户正在使用的功能原来mail在做出了“HTML方式查看”后，去掉了“打开”功能符合用户预期，点击其他地方，WEBQQ的浮动窗口隐藏到固定位置交互设计适时的提醒没必要的提醒不需要出现而适时出现的提示或功能，用得好，不但不会骚扰用户，还是对用户的细致的关怀（当未读邮件过多时，提示删除历史邮件）数字和字母帐号不同方式；

16、图片验证旁提示“不区分大小写”，细节中体现体贴;修改前 修改后交互设计操作便利鼠标响应区域的大小，灵敏度和精确度，直接影响操作体验示例：QQMail，业务导航区，QQ音乐QQ影音的快捷播放按钮：最初的设计改为方形扩大点击区域，考虑性能去掉按钮显示 最初的设计 优化后 最后鼠标动作需要精确的判断，捕捉用户意图（如：QQ影音的鼠标左键点击的精确判断）左键单击画面可以移动窗口没有移动窗口时左键弹起才暂停画面，移动范围少于一定数值算暂停右键菜单出现后的左击画面不执行暂停，视为取消右键菜单视觉设计制定规范，维持统一文字使用要规范，语法，大小，颜色，大小写都需要注意能用一个词表达的，不用一句话。能用一句话

17、表达清楚的，不用两句话每个概念都只有唯一一种表达。如”VIP”的概念能用一种字体颜色的，不多用一种颜色能用一种字体大小的，不多用一种大小用标准组件能用标准控件的，不自己画控件 （一个button，就有focused,selected,up/down,enabled/disabled,tab顺序等多种状态要画和处理，不容易的，而且要考虑浏览器兼容）能用文字的，不用图片（加图片是要申请的）保持尽可能少的格式式样维持统一就算字体和行间距等小细节都应该关注到英文字体 Tahoma视觉设计重点突出每个页面（板块）只有一块视觉重点。并且，突出重点，不让用户去找。原来的设计排版不对，有一横条的压着的情况黄色

18、块就不能加框，视觉会很繁杂看着不舒服，句号也是多余的原来方案 目前方案Pony：在设置了独立密码的情况下,当登陆到需要输入独立密码时,总是先出来输入框,此时已可输入,我经常是立刻输入,但打了几个字母后上面,才瞬间出现上面的黄色提醒请输入独立保护密码,而会导致输入框位置立刻下压,比较影响输入.最好能改一改html里的结构,能够快速让人立刻输入(越快越好)的基础上,其他显示的可以慢些load到但不应影响其他部件的改变.总结：需要关注的用户体验总结：需要关注的用户体验交互设计Dont make me think符合用户习惯与预期做适时的提醒不强迫用户选择最佳方案操作便利视觉设计传播产品理念大气成熟，

19、干净整洁，工具化规范与统一重点突出防止不恰当的低龄化产品设计口碑传播少即是多兼容性无所不用其极关注性能和速度抓住高端用户大气的设计满足用户个性化需求寻求差异运营不稳定会“功亏一篑”跟踪用户定位问题抗灾容灾能力如何关注如何关注把自己想象成一个迟钝、挑剔、易怒的傻瓜来使用产品抓主要矛盾，重点关注最常使用的交互点产品经理有前台和后台技术背景，有助于设计的判断和平衡擅长体会和学习业界优秀交互案例觉关注和决策行动，决定准确和快一秒键盘少敲一下，鼠标易于点选，鼠标少移一段，操作形成定势照顾用户习惯如何把新功能引入参考推荐著作：Dont make me think Information Architecture for the World Wide Web 推荐工具：结构化内容：Mindjet MindManage原型设计：Axure RP谢谢，欢迎交流谢谢，欢迎交流电话：87167362飞秋群：2536172943