产品笔记

设计用户体验

1. 了解各类设计角色：
   • UX(User Experience)用户体验：用户如何完成任务，该如何优化向用户展现信息的方式
   • IA(Information Architecture)信息架构：页面上最重要的信息是什么，理解用户怎样才能接收信息。
   • VD(Visual Design)视觉设计：赏心悦目、夺人眼球又清晰明了的方式来展示内容
   • UXR(User eXperience Research)用户体验研究：研究用户如何看待你的产品
2. 如何评估设计，6个用户体验问题：
   1. 该用户界面要求用户完成的最重要的任务是什么？
      • 面对一个界面：主要角色必须完成的主要任务是什么？该用户界面要求主要角色完成的主要任务又是什么？
      • 把握好多个目标之间的平衡，清晰传达给设计团队。如纽约时报用户的角色模型按照优先级排列可能是：纽约的临时用户、其他临时用户、新用户、高级用户。那信息的设计就应该先满足优先级高的
      • 面对一个新设计时需要考察以下3个问题：
      • 谁是最重要的用户？
      • 这类用户必须完成的最重要的任务是什么？
      • 这个任务在用户界面中是最重要且最简洁的部分吗？
   2. 这是最简单的解决方案吗？
      • 先着眼于可用性的优化，滥用的问题等它出现了再解决也不迟。注册才允许转发，还是转发后引导注册。 *《简单法则》：简化（simplify），让用户只做必须做的；隐藏（hide），隐藏偶尔使用或次要的功能；附加（embody），如果特性可以用更简单的东西（如图片）表达出来，那么附加到特性中来。
   3. 信息是否组织得当？遵循以下条件
      • 最重要的客户最关注的信息应该最突出
      • 信息的排列方式应该像报纸文章那样从标题到摘要一一排列
      • 信息应该尽可能个性化，实时，在合理的前提下尽可能详细
      • 最常用的控件出现在最容易找到的地方
   4. 设计是否易用且一目了然？解决可发现性的三种常用方法
      1. 定位：左上角和第一屏应该作为重点。视线 左上，右上，中，左下，右下
      2. 视觉设计：元素大小，差异化配色等
      3. 惯例：不违背设计语言
   5. 标准是否一致？一些惯例
      • 所有主要按钮都应尺寸放大且配色一致。
      • 一个用户界面中只有一个主要按钮
      • 使用一组按钮来表示“是”或“否”这样的选择
      • 不同优先级的行动点使用不同的样式
      • 当一个流程有3或4张页面时，告诉用户目前处于哪一步以及共有多少步。
      • 遵守互联网CSS标准（如：鼠标划过链接时指针变为手的形状）
   6. 能否减少用户点击次数？
3. 了解如何与设计师沟通
   • 以用户的口吻说话
   • 以提问的方式建立共识
   • 反复讲述业务目标，如果目标相互冲突，阐述优先级
   • 用数据说话，不要说些主观的东西
   • 提供一些竞争对手或类似体验中运作良好的案例
4. 学会借助图画进行沟通
   • 线框图重于文案、布局而非视觉设计，可用于展示你应用的结构，工具Visio，Omnigraffle。基本原则：
     • 只制作用户界面中相关部分的原型
     • 总是使用完整的、经过适当编辑的文本
     • 控制花在视觉设计上的时间
     • 使用灰度色，不要使用其他颜色
     • 预期你的线框图会发生很大改动
     • 当心视觉花招：你应该使用标签明确的占位符框来替代这些视觉元素，然后继续下一步。
   • 视觉稿是一种更为精致的视觉原型，它不仅能帮助人们理解每个元素的视觉分量，还同时为你的团队提供了一份详细的页面规格