用户体验设计常用原则

什么是用户体验用户体验，英文叫做UserExperience，缩写为UE,或者UX。它是指用户访问一个网站或者使用一个产品时所带给他的体验。第1页/共25页第一页，共26页。体验设计基本概念交互设计，又称互动设计，(英文InteractionDesign,缩写IxD或者IaD),是定义、设计人造系统的行为的设计领域。人造物，即人工制成物品，例如，软件、移动设备、人造环境、服务、可佩带装置以及系统的组织结构。交互设计在于定义人造物的行为方式(the"interaction",即人工制品在特定场景下的反应方式)相关的界面。——W

“启发式交互-让创新的界面具有教学功能。”什么是交互设计：什么样的人更适合做交互设计师？交互设计师需要具备凭空想象复杂行为的能力，交互设计应当在任何代码编写之前做。交互设计师必须能够在代码被写出来之前，想象它是做什么的。——AlanCooper第2页/共25页第二页，共26页。如果说设计=解决问题的话，那么界面视觉设计，就是用视觉语言去解决逻辑问题。色彩选择，决定了人们在第一眼看到网站时的感觉。因此，色彩是Web设计者手中最普遍，也是最强大的工具。“让色彩更具有可读性-用最少的颜色表达最准确的内容。”什么是界面视觉设计：为什么当人们开始喜欢某些界面的时候，它们事实上会变得更可用？积极的情感增强了创造性和广度优先的思考，而负面的情感集中在认知上，增强深度优先处理并把干扰降到最少；积极的情感让人们更能容忍一些困难，在寻找解决方案的时候变得更灵活而有创造性。——DonaldNorman体验设计基本概念第3页/共25页第三页，共26页。用户体验案例分享主要从以下几个原则进行：1、主次原则2、直接原则3、统一原则4、少做原则5、反馈原则6、对称原则注意用户体验的最佳实践：理论与用户行为分析结合概要第4页/共25页第四页，共26页。为什么要讲这些原则？有效的提高栏目的专业性有效的提升栏目的易用性有效的引导产品人员做架构设计有效的指导交互和视觉设计做页面设计有效的统一大家的审美观有效的指导前端开发的做效果展示第5页/共25页第五页，共26页。主次原则第6页/共25页第六页，共26页。主次原则案例最佳实践：内容比较多，可放空间少，主要的内容先显示，次要的内容搁置在“更多”里。注意：到底放什么，取决于我们要重点promote的内容和通过数据分析得出的内容的相结合。第7页/共25页第七页，共26页。主次原则案例最佳实践：面临好几个操作时，我们也要分清主次，分清哪些是我们提倡用户操作的，哪些是我们不提倡用户操作的，同时，对于提倡用户操作的也要进一步分清主次。人人网的邀请某某网的邀请开心网的邀请第8页/共25页第八页，共26页。主次原则案例最佳实践：对某一对象存在好几个操作时，最重要的操作排第一位，即按照重要性依次排列，还有一种方法是最重要的排第一位或最后一位，中间排次要的操作，两种方法皆可。人人网的找人开心网的找人某某网的找人第9页/共25页第九页，共26页。直接原则第10页/共25页第十页，共26页。直接原则案例最佳实践：发出操作的邀请----进行操作----操作完成进度提示----操作成功（成功后有差异）----回到正常初始状态第11页/共25页第十一页，共26页。直接原则案例最佳实践：单一字段的编辑建议在当前页面直接完成，不要单独设置一个浮动层，即使设置浮动层，也尽量允许浮动层能被拖动。总的来说，能在当前页面完成操作的尽量在当前页面完成。开心网的编辑好友分组某某网的编辑好友分组人人网的新建好友分组第12页/共25页第十二页，共26页。统一原则第13页/共25页第十三页，共26页。统一原则案例最佳实践：POPUP的样式全站保持统一，至于提倡的操作我们在视觉流上做引导，不提倡的操作我们弱化，至于哪个放左边，哪个放右边，根据具体情况而定，国内的网站可参照人人。人人网的加为好友开心网的加为好友某某网的通用POPUP第14页/共25页第十四页，共26页。统一原则案例最佳实践：样式确定后最好全站保持统一，降低用户的认知难度，即不要出现几种不同样式。开心网的提示样式人人网的提示样式某某网的提示样式第15页/共25页第十五页，共26页。少做原则第16页/共25页第十六页，共26页。少做原则案例最佳实践：优越性方面，让用户选择大于让用户输入，尽量做成让用户可以选择，降低难度新浪微博的标签腾讯微博的标签某某微博的标签第17页/共25页第十七页，共26页。少做原则案例最佳实践：尽量准确把握用户的心理预期，揣摩用户的心智模型，进而实现用户的心理预期。新浪微博的登录邮箱建议某某网大学的搜索结果建议淘宝网的搜索结果建议第18页/共25页第十八页，共26页。反馈原则第19页/共25页第十九页，共26页。反馈原则案例最佳实践：尽量对每个操作能做到人机交互反馈，让用户清楚知道目前的状态，减少疑惑。无鼠标事件鼠标悬停时鼠标点击后无鼠标事件鼠标悬停时鼠标点击后鼠标悬停鼠标悬停鼠标悬停照片有红色框点击后loading面包屑第20页/共25页第二十页，共26页。对称原则第21页/共25页第二十一页，共26页。对称原则案例最佳实践：展开与收起是对称的功能，有依存关系，展开后能收起，收起后能展开，用户反悔时能返回原来的操作。点击后展开却不能收起开心网的转帖/发表的观点第22页/共25页第二十二页，共26页。对称原则案例最佳实践：展开与收起是对称的功能，有依存关系，展开后能收起，收起后能展开，用户反悔时能返回原来的操作，同理PPS的搜索和取消搜索。点击向下的箭头展开点击向上的箭头收起搜索三国点击X返回第23页/共25页第二十三页，共26页。谢谢THANKYOU第24页/共25页第二十四页，共26页。感谢您的观看！第25页/共25页第二十五页，共26页。内容总结什么是用户体验。它是指用户访问一个网站或者使用一个产品时所带给他的体验。——W。交互设计师需要具备凭空想象复杂行为的能力，