当前位置: 代码迷 >> 综合 >> 003 用户体验 —— 产品笔记 之《谷歌和亚马逊如何做产品》(Shipping Greatness)
  详细解决方案

003 用户体验 —— 产品笔记 之《谷歌和亚马逊如何做产品》(Shipping Greatness)

热度:21   发布时间:2024-02-20 05:57:46.0

这章开始阅读英文原版啦,可能笔记会翻译得不那么准确,有问题欢迎各位大佬指出哈!写这个系列的本意一方面是作为自己的读书笔记,把要点记下来供自己日后查阅,另一方面是给有意愿看这本书的小伙伴一个参考,或者说一个重点总结,给没有太多时间读全书的朋友一个概览。希望能和正在学习产品相关知识的各位共勉。

003用户体验

1、了解各种设计角色

UX(用户体验)

用户体验设计师关注用户如何完成任务,并优化信息的展示方式。此过程需要绘制流程图和原型图来让自己对产品有更深的感知。

IA (信息架构)

用户体验设计师很关注信息架构(IA),信息架构更关心信息如何呈现给用户, 用户如何去感知它,而不是后台系统如何操纵它。
作为产品的主管,应当比设计师更了解产品,因此主管需要参与到产品设计中来。

UI(用户界面)

是用户体验的一部分,往往更关注单个页面的设计。

VisD(视觉设计)

视觉设计是用一种美观、引人入胜又清晰的方式展示内容。包括按键、文字,颜色图片等设计细节。

UXR(用户体验研究)

用户体验研究善于设计用户的调查研究,构建一个有序且不带偏见的研究,以及指导用户在研究中避免带有偏见的反馈设计,并寻找统计学上和产品成败有着重大且本质关联的数据。

2、如何评估设计

产品负责人需要评估以下六个设计问题:

该界面要求用户完成的最主要任务是什么?

关注最主要用户群的实用而非全部用户,不同产品的用户优先级有所不同。这样有助于更好确立优先级,明确页面的最主要功能。
负责人需要明确用户的优先级,明白产品的主要目标,并且和设计成员高效沟通这些优先级问题,以便于他们做出更合理的设计,这比直接告诉他们:将摸个板块提前,或者不要将用户登录按钮放在最中间之类的直接指示更加有效。
这需要负责人繁复明确三个问题:

  • 最主要用户是谁?
  • 这些最主要用户须要完成的最主要操作是什么?
  • 这些主要操作是这个页面上最主要,最简洁的元素吗?

这是最简洁的解决方案吗?

一条准则:当你要求用户去做的事情越多,用户往往越不愿意去配合。简单的操作可能会引发滥用问题,经验告诉我们,先解决可用性问题,当滥用问题产生时再去解决不迟,不能太纠结于此。
SHE模型(simplify,hide,embody):只显示给用户必要的模块,高级操作或者次要操作可以隐藏归纳在一起,能用更简单的方式表达的内容尽可能简单,比如T恤颜色选择不用颜色名称,而直接用颜色色块显示。

信息的组织合理吗?

平衡信息和操作点,有如下几个要点:

  • 最重要的客户最关注的信息应为最主要内容。
  • 信息排列从标题到总结,和报纸一样。
  • 信息尽可能个性化且实时,且详尽。
  • 最常用的操作最容易找到。

设计是否可用且一目了然?

当确定了一个用户的嘴主要行为,需要确定设计是否“可发现”以及“可理解”。
如用户要添加商品进购物车,是否能很快找到购物车按钮很重要,如果用很明显的加号作为添加购物车,则难以理解,设计依然不可取。
要满足这两个要求可奉行以下几个原则:

  • 定位:重要程度从界面左上到右下,顶端广告和左侧导航栏可能成为盲区,另外界面底端信息也很容易被忽略(600px-底端)。
  • 视觉设计:用颜色、大小和超出网格的设计来凸显重要内容。其会催生很多问题,因为最好的设计往往是简洁的,因此要留意,过于华丽的设计可能会损失可用性和可发现性。
  • 惯例:设计要基本遵循惯例,否则会让用户不知所措。

标准是否一致?

UI设计中有一些惯例可遵循:

  • 主要按钮足够大且保持颜色一致
  • 一个页面保持只有一个主要按钮
  • 用一组按钮来表示“是”,“否”这样的选择
  • 用不同风格表示不同重要等级的操作
  • 在跳转三个以上页面的操作流程中,让用户知道自己身处哪一步且总共有几步
  • 用下划线或者颜色区分链接和文本
  • 遵守互联网CSS标准(如鼠标移动到链接上则箭头变小手)

是否可以减少用户点击次数?

  • 让用户尽量用最少的点击数完成一个操作,如亚马逊的一键购买,如极速支付。
  • 设置正确的默认选项可以减少用户点击次数
  • 减少用户在键盘和鼠标等设备间切换的次数

学习如何与设计师沟通

每个人对设计都有不同的见解,一下给出三个和设计人员沟通的建议:

  • 以用户的名义说话。
  • 提出问题以促进理解。
  • 重申商业目标,如果一些目标相矛盾,声明其优先级。不要表达主观的感受,比如让页面看起来有家的感觉,很友好之类的,而是说明这些感受根本的原因。
  • 可量化。
  • 提供竞品示例或者相似产品运作良好的样例。

学习如何与图像沟通

这部分讲原型图的设计。
原型图由复杂程度排序依次为:线框图,视觉稿,可点击原型图。
最初可选择线框图来表达自己对产品的基本想法,因为它足够简单明了。设计线框图有如下几个基本点:

  • 只制作界面中相关的某个部分的线框图。
    制作好一个完整页面后,后续只修改会发生变动的部分,既可以避免页面之间的不一致,也可以节约时间。
  • 总是使用完整的,适当编辑的文字说明。
    文本或“文案”对解释界面的意图有着极为重要的作用。对于任何表单、按钮、对话框或其他有意义的控件你必须使用准确的高质量文案。这类文案可以帮助你的团队正确理解用户界面中不同元素的作用。
  • 控制自己在视觉设计上的时间投入。
    视觉设计、品牌、命名等元素都是主观的,这些花哨的元素不会帮助你理解用户体验,要是你把它们添加到原型中反而可能产生关于样式的不必要争论。应该使用标签明确的占位符框来替代这些视觉元素,然后继续下一步。
  • 用灰度图,不是彩图。
    元婚姻同上。
  • 做好你的线框图要经过多次修改的准备。
    视觉团队会根据你的线框图做精细的原型图(对不起我没有设计团队,看到乾机电以为可以偷懒,看到这里一盆凉水浇下来,原来还是得我自己话全套原型图,sad =_=!!!),会产生很多变动,因此在设计最初应该保证后期容易修改。
  • 当心视觉花招?
    为了设计美观,有时可能会增加很多不必要的信息,使网页看起来充实,或其他本末倒置的举措,注意避免这些事情。

使用 Omnigraffle 制作简单的线框图

这节举例讲了如何制作线框图和原型图。书中介绍的具体流程就不详细介绍了。我自己原型图用的Axure。创业团队人手有限,并没有设计和我一起做图,所以不存在只画个线框图后面的交给设计这种好事给我,=。=。
个人感觉先画个线框图后面思路会清晰很多,手绘的都行。

下一篇:《项目管理》