这章开始阅读英文原版啦,可能笔记会翻译得不那么准确,有问题欢迎各位大佬指出哈!写这个系列的本意一方面是作为自己的读书笔记,把要点记下来供自己日后查阅,另一方面是给有意愿看这本书的小伙伴一个参考,或者说一个重点总结,给没有太多时间读全书的朋友一个概览。希望能和正在学习产品相关知识的各位共勉。
003用户体验
1、了解各种设计角色
UX(用户体验)
用户体验设计师关注用户如何完成任务,并优化信息的展示方式。此过程需要绘制流程图和原型图来让自己对产品有更深的感知。
IA (信息架构)
用户体验设计师很关注信息架构(IA),信息架构更关心信息如何呈现给用户, 用户如何去感知它,而不是后台系统如何操纵它。
作为产品的主管,应当比设计师更了解产品,因此主管需要参与到产品设计中来。
UI(用户界面)
是用户体验的一部分,往往更关注单个页面的设计。
VisD(视觉设计)
视觉设计是用一种美观、引人入胜又清晰的方式展示内容。包括按键、文字,颜色图片等设计细节。
UXR(用户体验研究)
用户体验研究善于设计用户的调查研究,构建一个有序且不带偏见的研究,以及指导用户在研究中避免带有偏见的反馈设计,并寻找统计学上和产品成败有着重大且本质关联的数据。
2、如何评估设计
产品负责人需要评估以下六个设计问题:
该界面要求用户完成的最主要任务是什么?
关注最主要用户群的实用而非全部用户,不同产品的用户优先级有所不同。这样有助于更好确立优先级,明确页面的最主要功能。
负责人需要明确用户的优先级,明白产品的主要目标,并且和设计成员高效沟通这些优先级问题,以便于他们做出更合理的设计,这比直接告诉他们:将摸个板块提前,或者不要将用户登录按钮放在最中间之类的直接指示更加有效。
这需要负责人繁复明确三个问题:
- 最主要用户是谁?
- 这些最主要用户须要完成的最主要操作是什么?
- 这些主要操作是这个页面上最主要,最简洁的元素吗?
这是最简洁的解决方案吗?
一条准则:当你要求用户去做的事情越多,用户往往越不愿意去配合。简单的操作可能会引发滥用问题,经验告诉我们,先解决可用性问题,当滥用问题产生时再去解决不迟,不能太纠结于此。
SHE模型(simplify,hide,embody):只显示给用户必要的模块,高级操作或者次要操作可以隐藏归纳在一起,能用更简单的方式表达的内容尽可能简单,比如T恤颜色选择不用颜色名称,而直接用颜色色块显示。
信息的组织合理吗?
平衡信息和操作点,有如下几个要点:
- 最重要的客户最关注的信息应为最主要内容。
- 信息排列从标题到总结,和报纸一样。
- 信息尽可能个性化且实时,且详尽。
- 最常用的操作最容易找到。
设计是否可用且一目了然?
当确定了一个用户的嘴主要行为,需要确定设计是否“可发现”以及“可理解”。
如用户要添加商品进购物车,是否能很快找到购物车按钮很重要,如果用很明显的加号作为添加购物车,则难以理解,设计依然不可取。
要满足这两个要求可奉行以下几个原则:
- 定位:重要程度从界面左上到右下,顶端广告和左侧导航栏可能成为盲区,另外界面底端信息也很容易被忽略(600px-底端)。
- 视觉设计:用颜色、大小和超出网格的设计来凸显重要内容。其会催生很多问题,因为最好的设计往往是简洁的,因此要留意,过于华丽的设计可能会损失可用性和可发现性。
- 惯例:设计要基本遵循惯例,否则会让用户不知所措。
标准是否一致?
UI设计中有一些惯例可遵循:
- 主要按钮足够大且保持颜色一致
- 一个页面保持只有一个主要按钮
- 用一组按钮来表示“是”,“否”这样的选择
- 用不同风格表示不同重要等级的操作
- 在跳转三个以上页面的操作流程中,让用户知道自己身处哪一步且总共有几步
- 用下划线或者颜色区分链接和文本
- 遵守互联网CSS标准(如鼠标移动到链接上则箭头变小手)
是否可以减少用户点击次数?
- 让用户尽量用最少的点击数完成一个操作,如亚马逊的一键购买,如极速支付。
- 设置正确的默认选项可以减少用户点击次数
- 减少用户在键盘和鼠标等设备间切换的次数
学习如何与设计师沟通
每个人对设计都有不同的见解,一下给出三个和设计人员沟通的建议:
- 以用户的名义说话。
- 提出问题以促进理解。
- 重申商业目标,如果一些目标相矛盾,声明其优先级。不要表达主观的感受,比如让页面看起来有家的感觉,很友好之类的,而是说明这些感受根本的原因。
- 可量化。
- 提供竞品示例或者相似产品运作良好的样例。
学习如何与图像沟通
这部分讲原型图的设计。
原型图由复杂程度排序依次为:线框图,视觉稿,可点击原型图。
最初可选择线框图来表达自己对产品的基本想法,因为它足够简单明了。设计线框图有如下几个基本点:
- 只制作界面中相关的某个部分的线框图。
制作好一个完整页面后,后续只修改会发生变动的部分,既可以避免页面之间的不一致,也可以节约时间。 - 总是使用完整的,适当编辑的文字说明。
文本或“文案”对解释界面的意图有着极为重要的作用。对于任何表单、按钮、对话框或其他有意义的控件你必须使用准确的高质量文案。这类文案可以帮助你的团队正确理解用户界面中不同元素的作用。 - 控制自己在视觉设计上的时间投入。
视觉设计、品牌、命名等元素都是主观的,这些花哨的元素不会帮助你理解用户体验,要是你把它们添加到原型中反而可能产生关于样式的不必要争论。应该使用标签明确的占位符框来替代这些视觉元素,然后继续下一步。 - 用灰度图,不是彩图。
元婚姻同上。 - 做好你的线框图要经过多次修改的准备。
视觉团队会根据你的线框图做精细的原型图(对不起我没有设计团队,看到乾机电以为可以偷懒,看到这里一盆凉水浇下来,原来还是得我自己话全套原型图,sad =_=!!!),会产生很多变动,因此在设计最初应该保证后期容易修改。 - 当心视觉花招?
为了设计美观,有时可能会增加很多不必要的信息,使网页看起来充实,或其他本末倒置的举措,注意避免这些事情。
使用 Omnigraffle 制作简单的线框图
这节举例讲了如何制作线框图和原型图。书中介绍的具体流程就不详细介绍了。我自己原型图用的Axure。创业团队人手有限,并没有设计和我一起做图,所以不存在只画个线框图后面的交给设计这种好事给我,=。=。
个人感觉先画个线框图后面思路会清晰很多,手绘的都行。
下一篇:《项目管理》