用户体验设计常用原则.ppt

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