以用户为中心的设计:两本书

作者:Hindy  

原文地址:uicircle.club/a/168

转载无限欢迎,但请注明「作者」和「原文地址」。感谢您对作者版权的尊重。


前言

本文是 UI 设计进阶系列的第 3-2 篇,系列目录:uicircle.club/a/128

在上一篇文章中,我介绍了两位对「为人而设计」的思想产生深刻影响的人物。在这篇文章中,我将向大家再介绍两本书,提炼《用户体验要素》及《简约至上》两本书中的观点。阅读本文你也能快速了解为用户体验设计的几个重要理论。


The Elements of User Experience

UI 设计进阶 3-2:以用户为中心的设计:两本书.002.jpeg

Jesse James Garrett 在 2002 年出版了这本书,对自己提出的用户体验要素进行了更具体的讲解。下面是中文版的图示。

UI 设计进阶 3-2:以用户为中心的设计:两本书.003.jpeg

我们作为产品研发人员,在做产品的时候是从下往上考虑的,因此让我们就按这个顺序来介绍好了。


五个层次

UI 设计进阶 3-2:以用户为中心的设计:两本书.004.jpeg

产品的内容基本上是由产品战略层决定的。这些战略不仅包括了公司想通过网站得到什么,还包括了用户想从网站得到什么。比如一个卖书的电商网站战略目标就很容易描述:公司则想要卖出书,用户们想买书。


UI 设计进阶 3-2:以用户为中心的设计:两本书.005.jpeg

产品的功能和内容构成了范围层。比如电商网站经常提供的一个功能,使用户可以保存之前的寄送地址,令他们可以再次使用它。这个功能(或任何一个功能)是否应该成为产品的功能之一,就属于范围层要决定的问题。


UI 设计进阶 3-2:以用户为中心的设计:两本书.006.jpeg

结构层用来设计交互逻辑,用户如何到达某个页面,在他们做完事情之后又能去什么地方。卖书网站上点某个书籍分类如文学类,就进入了一个文学类的书籍列表,列表中书的名字、作者等信息,这样的交互逻辑与信息架构就是结构层来确定。


UI 设计进阶 3-2:以用户为中心的设计:两本书.007.jpeg

框架层则是结构层的具体表达方式,用于优化设计布局,也确定了我们页面上交互元素的位置,以达到产品期望的效果和效率。比如在框架层定义了导航条上各项的排列方式,允许用户可以浏览书籍的不同类别,也可以使用户在需要的时候,能正确找到购物车的按钮。


UI 设计进阶 3-2:以用户为中心的设计:两本书.008.jpeg

在表现层,我们看到的则是一系列页面,图文组成。一些元素是可以点击的,从而执行某种功能,例如把你带到购物车里去。一些图片就只是图片,比如一本书的封面。


反思

每一层,我们所关注的内容都是具体的。在最低的层面,我们完全不用考虑产品最终的外观,只关心它如何满足我们的战略(和用户的需求)。在最高的层面,我们则只关心网站所呈现的具体的细节。将问题分层的好处是显而易见的:在具体讨论某个层面的问题时,可以讨论得更加深入且专注,而不是泛泛而谈。

图中的每一层都是根据它下面那层来决定的。这种依赖性也意味着在战略层上的决定将具有向上的「连锁反应」。反过来讲,也就意味着每个层中我们可用的选择,都受到其下层中决策的约束。

所以,越是底层(抽象层)的决策越要慎重,企业的战略选择一定要小心,对用户需求有全面理解,否则做到一定程度之后再想改版,牵连就非常大了。且越是大公司、大产品,就越是难以掉头。


小结

这样的五个层次提供了一款产品基本的设计框架,保证在创意与设计过程中有序进行,不遗漏重要的内容。而每个层次的工作,其实也都可以对应到我在在 1-2 篇中提到的开发流程。这里的层次描述了产品本身的构成,我前面的文章则描述开发的工作流程。如果你是新人,理解了这两块内容,就已经迈入了半个产品设计的圈子了。剩下的就请多实践罢。


Simple and Usable

UI 设计进阶 3-2:以用户为中心的设计:两本书.010.jpeg

虽然这本书在流行度上完全比不了《用户体验要素》,但在我看来里面的内容却也是非常精辟,不亚于上一本。


三种用户类型

UI 设计进阶 3-2:以用户为中心的设计:两本书.011.jpeg

书中先提出了三种用户类型:

  • 主流用户:他们自己不会因为你的技术而使用你的产品,使用你产品的目的是完成某项任务。他们会掌握一些重要功能,但永远不会产生学会所有功能的想法。

  • 专家型用户:愿意探索你的产品或服务,并且会给你提出各种改进建议,少数。

  • 随意型用户:可能使用过类似的产品或服务,有兴趣使用更高级的产品,但却不愿意接触全新的东西,少数。

把握你的核心用户,选择性忽略专家型用户,因为他们追求主流用户根本不在乎的功能。也不要保持中立而过于在乎随意型用户:这类人数量有限,相对极端,他们的技术水平较好,而且比主流用户更具有忍耐力。


简约四策略

设计师常常引用 Mies 的「Less is more」来形容简约至上的产品设计,但具体如何操作,如何应用在软件设计中却只能凭直觉和经验来决定。而 Giles Colborne 在本书中总结出「简约四策略」,有效地指导如何在产品中做到简约,他们分别是:删除、组织、隐藏和转移。

人们喜欢简单易用、值得信赖、适应性强的产品,而复杂的产品不可持续。增加的功能越多,就越难发现真正对用户有价值的新功能。盲目添加的新功能早晚会成为垃圾功能。并且增加复杂性也意味着遗留代码越来越重,导致产品维护成本越来越高,也越来越难以灵活应对市场变化。因此我们推崇简约的设计。

UI 设计进阶 3-2:以用户为中心的设计:两本书.012.jpeg

删除或是省略功能可以让设计师专注于把有限的重要问题解决好,也有助于用户心无旁骛地完成自己的目标。书中提到了很多删除时的要点,我在这归总了一些:

  • 避免错删。要总览全局,确定优先级,保证只交付那些真正有价值的功能和内容。

  • 关注核心。与新增功能相比,用户更关注基本功能的改进。

  • 砍掉残缺功能。砍掉实现得不够理想的功能也是很重要的,问题绝非「为什么应该去掉它」,而是「为什么要留着它」。

  • 假如用户……。如果你想的只是怎么制造新问题或者猜测用户看重什么,那么「假如」的价值就不大了。比起不断「假如」,还是去发现问题罢。

  • 不要单纯因为用户要求就增加功能。

  • 方案比流程重要。如果在设计的时候只盯住流程,那么结果很可能会创造更多的功能去处理出现的各种异常情况、问题和细节。要退一步想,把注意力集中到用户的目的上,问自己「还有其他的解决方式吗?」

  • 减少用户的负担。去掉那些可有可无的选项、内容和分散人们注意力的玩意儿,可以减轻用户的负担,让用户更专心、效率地完成任务。

  • 别让选择太多。在面对过多的选项和按钮时,人们一般都会不知所措,选择有限,用户决策更快。

  • 消除错误。在设计简单的体验时,关键的一步是确定哪些地方需要错误信息,从中找出常见的问题,消除错误的来源。

  • 精简的信息呈现。删除混乱的视觉元素、精简文案等。


UI 设计进阶 3-2:以用户为中心的设计:两本书.013.jpeg

组织是简化设计的另一个重要策略,通过某些角度来整理组织松散的信息和元素。下面是一些要点:

  • 分块。选择 7±2 个项组织在一起。(出自美国心理学家 George A. Miller 1956 年发布的论文《The Magical Number Seven, Plus or Minus Two: Some Limits on Our Capacity for Processing Information》,论述人的短时记忆能力的广度为 7±2 个信息块。另,本书中提的是 7±1,我怀疑是处错误。)

  • 围绕行为进行组织。首先要理解用户的行为:他们想做什么,先做什么后做什么。

  • 分类标准分明。

  • 搜索。如果想设计简单的用户体验,最好先对内容有效地组织,然后再考虑如何设计搜索。

  • 时间和空间。比如按时间顺序来排序内容。一些实体对象可以按空间来组织,比如商场的地图。

  • 有组织的视觉设计。这点涉及基础的平面设计,后面有机会的话再具体介绍。


UI 设计进阶 3-2:以用户为中心的设计:两本书.014.jpeg

隐藏部分功能是一种低成本的方案。但是,到底该隐藏那些功能呢?

  • 不常用但不能少的。比如修改个人资料功能。

  • 自定义功能。比如在 Word 里用户可以自定义默认显示哪些功能。但自定义本身是件非常耗时、又专业的事,因此隐藏起来,留给专家用户用罢。

  • 渐进展示。某些功能会包含少数核心的供主流用户使用的控制功能,另有一些为专家级用户准备的扩展性的精准的控制功能。隐藏这些精准的控制功能是保持设计简单的不错选择。

  • 适时出现。只在合适的时机、合适的位置上显示相应的功能,比如很多字典 app 支持选词翻译。

  • 提示与线索。界面中包含细小的线索,恰到好处地提示隐藏功能的位置和用处。


UI 设计进阶 3-2:以用户为中心的设计:两本书.015.jpeg

设计简单体验的一个秘密,就是把正确的功能放到正确的平台或者正确的系统。

  • 在设备之间转移。比如曾经的电视遥控器按钮众多,现在电视将各种功能入口放入系统,令遥控器极度简化。

  • 向用户转移。搞清楚把什么工作需要交给计算机,什么工作可以留给用户,以此来精简产品。

  • 创造开放式体验。聪明的设计师的简化秘诀中经常有一条,就是让一个组件具有多种用途。比如锤子科技将手机听筒和距离传感器结合,达到了视觉上的简洁。


小结

利用好简约四策略,在工作中反思自己的产品和设计,看看是否将核心功能精准地传达给用户了,自己的设计是否还能更加精简、高效、友好。


总结

「以用户为中心的设计」思想是近年来用户体验设计领域最重要的核心,不止是因为提出者诺曼的解释,更重要的是它确实为我们的产品设计提供了指导思想,可以说成就了数字产品界的「designing for people」。


免费获取完整 PPT,请关注公众号 uicircle,回复「两书」即可。

UI 设计进阶系列目录:uicircle.club/a/128


如果你想提升设计能力,亦或充实自己的周末,欢迎加入我们的会员社区 👉点这报名


参考阅读


成为会员

UIcircle Member

Local Groups

UIcircle 会员

目前仅需 59 元即可加入我们

成为会员后,您可以

  • 加入内部的 Slack Channel 及微信群
  • 报名参与各种线下设计、聚会活动
  • 其他会员福利,如周边礼物、软件折扣等

如有疑问,可以先 了解我们

加入我们