以用户为中心的设计(案例分析版)
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
无鼠标事件 鼠标悬停时 鼠标点击后
无鼠标事件
鼠标悬停时
鼠标点击后
loading
鼠标悬停 点击后
面包屑 鼠标悬停照片有红色框
鼠标悬停
最佳实践：尽量对每个操作能做到人机交互反馈，让用户清楚知道目前的状态，减少疑惑， 有时候还能起到引导用户操作的目的。
交互设计_界面交互_对称原则
点击选中
点击X恢复到原样
交互设计_界面交互_主次原则
最佳实践：+1、评分和分享是重要功能，此信息的链接、举报滥用行为、忽略此信息和阻止 此人属于次要功能，需要点击向下的箭头才出现。注意：到底放什么，取决于我们要重点引 导用户操作的功能和通过数据分析得出的功能的相结合。
交互设计_界面交互_直接原则
鼠标点击
鼠标悬停
鼠标点击
信息架构_导航
导航的作用：在哪，可以去哪，下一步去哪，怎么去，附近有什么； 导航的分类：全局、区域、情境和辅助性导航。
信息架构_搜索
地毯式：一个也不能少，一个也不放过； 探索式：开始并不知道具体要什么，然后慢慢锁定某一个范围； 已知式：明确知道自己要找什么，直接锁定； 返回式：上次已经找到过，下次方便再次找到。
最佳实践：单一字段的编辑建议在当前页面直接完成；能在当前页面完成的操作尽量在当前 页面完成。
交互设计_界面交互_统一原则
最佳实践：保持统一，降低用户的认知难度和操作成本。
交互设计_界面交互_少做原则
直接拖拽
最佳实践：尽量准确把握用户的心理预期，揣摩用户的心智模型，进而实现用户的心理预期。
交互设计_界面交互_反馈原则
点击取消
最佳实践：原始状态----用户操作----用户取消操作----恢复到原始状态，给用户反悔的机会， 提高用户操作的容错性。
交互设计_界面交互_简洁原则
最佳实践：为用户着想，文案简洁，切忌冗长啰嗦，易懂，具有自我解释性和引导性，符合语言表达 习惯。
地毯式
探索式
已知式
返回式
信息架构_组织层次和可维护性
交互设计_任务流交互
交互设计大致Biblioteka Baidu分为基于流程的交互和基于界面的交互。以用户的目 标导向设计，注意区分新手、专家和中度用户对任务流的熟悉程度， 根据用户的使用场景，揣摩实现模型和心智模型。
交互设计_任务流交互
案例来源：《交互设计中基于用户目标的任务分析方法及流程研究 》by钟明
交互设计_任务流交互
交互设计_任务流交互
完成任务的步骤和时间最短最好，以google+的添加到圈子功能为例：
直接拖拽
交互设计_界面交互
界面交互7大原则： 1、主次原则 2、直接原则 3、统一原则 4、少做原则 5、反馈原则 6、对称原则 7、简洁原则 注意用户体验的最佳实践：理论与运营数据分析结合 多学习优秀网站的交互设计和做A/B test选最佳方案。 记忆方法：主公想直接统一中原，只有少数人反对， 这句话很简洁。
以用户为中心的设计（案例版）
krrishyan
以用户为中心的设计
主要阐述用户体验、信息架构和交互设计。
用户体验的要素
表现层【视觉呈现】 在这个五层模型的顶端，我们把注意力转移到网站用户会首先 注意到的那方面：视觉设计。这里，内容、功能和美学汇集导 一起来产生一个最终设计，这将满足其他四个层面的所有目标。 框架层【布局】 在充满概念的结构层中开始形成了大量的需求，这些需求都是 来自我们的战略目标的需求。在框架层，我们要更进一步地提 炼这些结构，确定很详细的界面外观、导航和信息设计，这能 让晦涩的结构变得更实在。 结构层【交互，如何、可以、应该……】 在收集完用户需求并将其排列好优先级别之后，我们对于最终 产品将会包括什么特性已经有了清楚的图像。然而，这些需求 并没有说明如何将这些分散的片段组成一个整体。这就是范围 层的上面一层：为网站创建一个概念结构。 范围层【对需求的整合】 带着“我们想要什么”、“我们的用户想要什么”的明确认识， 我们就能弄清楚如何去满足所有这些战略的目标。当你把用户 需求和网站目标转变成网站应该提供给用户什么样的内容和功 能时，战略就变成了范围。 战略层【自身目标与用户需求】 成功的用户体验，起基础是一个被明确表达的“战略”。知道 企业与用户双方对网站的期许和目标，有助于确立用户体验各 方面策略的制定。
记忆方法：战（战略）犯（范围）购（结构）假（架构）表（表现）
如何提高产品的用户体验
• 新产品的新手上路，新功能上线的提示； • 新用户进来后需要有人互动，预先给新用户推荐功能使用和内容浏览； • 用户很难被教育，需要适当引导用户，并不是机械地以用户为中心； • 用户体验贯穿需求、UED、研发、测试、运营等各个生命周期环节； • 掌握用户的心理预期，超出用户的体验预期； • 正确对待用户的负面反馈，分析是个别还是群体，切忌盲目修改； • 召集目标用户进行可用性测试，分析总结测试结果； • 通过运营数据分析挖掘出用户的行为习惯，在数据基础上调优体验； • 多使用互联网和移动互联网以及客户端产品，拓宽眼界，去粗存精。
无鼠标事件
鼠标悬停时
鼠标点击后
loading
鼠标悬停 点击后
面包屑 鼠标悬停照片有红色框
鼠标悬停
最佳实践：尽量对每个操作能做到人机交互反馈，让用户清楚知道目前的状态，减少疑惑， 有时候还能起到引导用户操作的目的。
交互设计_界面交互_对称原则
点击选中
点击X恢复到原样
交互设计_界面交互_主次原则
最佳实践：+1、评分和分享是重要功能，此信息的链接、举报滥用行为、忽略此信息和阻止 此人属于次要功能，需要点击向下的箭头才出现。注意：到底放什么，取决于我们要重点引 导用户操作的功能和通过数据分析得出的功能的相结合。
交互设计_界面交互_直接原则
鼠标点击
鼠标悬停
鼠标点击
信息架构_导航
导航的作用：在哪，可以去哪，下一步去哪，怎么去，附近有什么； 导航的分类：全局、区域、情境和辅助性导航。
信息架构_搜索
地毯式：一个也不能少，一个也不放过； 探索式：开始并不知道具体要什么，然后慢慢锁定某一个范围； 已知式：明确知道自己要找什么，直接锁定； 返回式：上次已经找到过，下次方便再次找到。
最佳实践：单一字段的编辑建议在当前页面直接完成；能在当前页面完成的操作尽量在当前 页面完成。
交互设计_界面交互_统一原则
最佳实践：保持统一，降低用户的认知难度和操作成本。
交互设计_界面交互_少做原则
直接拖拽
最佳实践：尽量准确把握用户的心理预期，揣摩用户的心智模型，进而实现用户的心理预期。
交互设计_界面交互_反馈原则
点击取消
最佳实践：原始状态----用户操作----用户取消操作----恢复到原始状态，给用户反悔的机会， 提高用户操作的容错性。
交互设计_界面交互_简洁原则
最佳实践：为用户着想，文案简洁，切忌冗长啰嗦，易懂，具有自我解释性和引导性，符合语言表达 习惯。
地毯式
探索式
已知式
返回式
信息架构_组织层次和可维护性
交互设计_任务流交互
交互设计大致Biblioteka Baidu分为基于流程的交互和基于界面的交互。以用户的目 标导向设计，注意区分新手、专家和中度用户对任务流的熟悉程度， 根据用户的使用场景，揣摩实现模型和心智模型。
交互设计_任务流交互
案例来源：《交互设计中基于用户目标的任务分析方法及流程研究 》by钟明
交互设计_任务流交互
交互设计_任务流交互
完成任务的步骤和时间最短最好，以google+的添加到圈子功能为例：
直接拖拽
交互设计_界面交互
界面交互7大原则： 1、主次原则 2、直接原则 3、统一原则 4、少做原则 5、反馈原则 6、对称原则 7、简洁原则 注意用户体验的最佳实践：理论与运营数据分析结合 多学习优秀网站的交互设计和做A/B test选最佳方案。 记忆方法：主公想直接统一中原，只有少数人反对， 这句话很简洁。
以用户为中心的设计（案例版）
krrishyan
以用户为中心的设计
主要阐述用户体验、信息架构和交互设计。
用户体验的要素
表现层【视觉呈现】 在这个五层模型的顶端，我们把注意力转移到网站用户会首先 注意到的那方面：视觉设计。这里，内容、功能和美学汇集导 一起来产生一个最终设计，这将满足其他四个层面的所有目标。 框架层【布局】 在充满概念的结构层中开始形成了大量的需求，这些需求都是 来自我们的战略目标的需求。在框架层，我们要更进一步地提 炼这些结构，确定很详细的界面外观、导航和信息设计，这能 让晦涩的结构变得更实在。 结构层【交互，如何、可以、应该……】 在收集完用户需求并将其排列好优先级别之后，我们对于最终 产品将会包括什么特性已经有了清楚的图像。然而，这些需求 并没有说明如何将这些分散的片段组成一个整体。这就是范围 层的上面一层：为网站创建一个概念结构。 范围层【对需求的整合】 带着“我们想要什么”、“我们的用户想要什么”的明确认识， 我们就能弄清楚如何去满足所有这些战略的目标。当你把用户 需求和网站目标转变成网站应该提供给用户什么样的内容和功 能时，战略就变成了范围。 战略层【自身目标与用户需求】 成功的用户体验，起基础是一个被明确表达的“战略”。知道 企业与用户双方对网站的期许和目标，有助于确立用户体验各 方面策略的制定。
记忆方法：战（战略）犯（范围）购（结构）假（架构）表（表现）
如何提高产品的用户体验
• 新产品的新手上路，新功能上线的提示； • 新用户进来后需要有人互动，预先给新用户推荐功能使用和内容浏览； • 用户很难被教育，需要适当引导用户，并不是机械地以用户为中心； • 用户体验贯穿需求、UED、研发、测试、运营等各个生命周期环节； • 掌握用户的心理预期，超出用户的体验预期； • 正确对待用户的负面反馈，分析是个别还是群体，切忌盲目修改； • 召集目标用户进行可用性测试，分析总结测试结果； • 通过运营数据分析挖掘出用户的行为习惯，在数据基础上调优体验； • 多使用互联网和移动互联网以及客户端产品，拓宽眼界，去粗存精。