其他案例百科班 · 交互

20+易于理解的案例教你如何简化你的设计

2022-04-0611 MIN READ原载于微信公众号 ↗

朝菌学园ZhaoDesign

朝菌学园是一家专注前沿、未来、智能设计领域的品牌。包含人机交互设计、服务设计、用户体验设计、互动媒体装置、智能产品设计等学习方向,已经帮助数百名学员取得考研、保研与留学申请的名校录取offer

933篇原创内容

Official Account

,

01

简单与复杂

公司一直在追求构建简单易用的产品。虽然新产品可能有更多、更高级的功能和更新的技术,但是仍然会采用轻量级及易于使用的格式。通常情况下,让产品变得简单是最难的事情。

1.1什么是“简单”呢?

我们可以将简单定义为易于理解或易于完成的事情。简单是一个主观的东西,对于一个人来说很简单的事情对于另一个人可能并非如此。通常我们通过三个阶段来快速判断一个过程是简单还是复杂:

消除用户实现目标过程中的困难将帮助你走向简单。

在简化法则中,John Meada提供了10条法则来平衡业务、技术和设计中的简单性和复杂性,即做到事半功倍的准则。

世界著名平面设计师兼麻省理工学院媒体实验室教授Maeda探讨了我们如何重新定义“改进”这个概念,使其并不总是意味着更多的问题。

1.2“复杂性”呢?

既然谈到了简单,那么我们就得谈谈复杂。对于复杂事物是否简单的感觉是主观的。对于一些人来说只要通过适当的学习,即使是火箭科学也不是什么难事。但是即使最简单的任务,加上几个因素也会使得事情变得复杂,这些在产品设计中我们应当避免:

02

如何将简单和复杂应用到产品设计中?

2.1打造专注于价值的产品

有很多软件企图为很多用户提供多种多样的功能——每个人都试图成为行业中的瑞士军刀。如果你希望你的产品简单,你就得定义一个产品的核心价值,并确定该产品的真正用途是什么。并不是每一个产品里面都要插入一个Facebook。

2.2删除所有不必要的东西

实现简单最简单的方法就是做出深思熟虑后的简化。如果有的地方有疑问,只需删除即可。删除掉次要信息、不常用的空间和分散注意力的样式——就这么简单。一旦你开始使用这个原则,你就会很快看到结果。但是要小心你删除的内容。

乔纳森·艾夫说:“简单并不意味着没有杂乱,简单是简化的结果。简单本质上是在描述一个物体和产品的目的和位置。没有杂乱的只是一个无杂乱的产品,但是这并不意味着简单。”

2.3展现有意义的数据我们每天设计的大多数产品都专注于用户需要理解的大量数据,以便用户有效地执行他们的日常任务。当你面对对趋势和变化感兴趣的用户时,请用一些视觉化语言来帮助他们。你可以按需显示其他信息。尝试从你拥有的数据中提取有意义的内容放在用户面前。

2.4支持快速决策

被选择困扰的用户被塞给了太多他们不想做的工作,他们必须花时间来理解选择和做出决定。著名的希克定律对此进行了解释。希克定律是指,作出决定所需要的时间和努力会随着选项数目的增加而增加。

因此,如果你希望你的用户感觉到简单,你需要尽可能地让他们做出快速决策。在不必要的时候不要让用户做选择,而是要做出引导或者控制。

2.5太多的选择会吓跑客户

当前的心理学理论和研究对于个人选择的积极影响做出了肯定,这导致了一种流行的概念,即选择越多越好,毕竟人类的管理能力和对选择的渴望是无限的。但实际上,研究证明恰恰相反。

果酱实验是消费者心理学中最著名的实验之一。为消费者提供更少的选择可能有利于销售。至关重要的是,该研究解释了何时提供更少的选择可以提升销售额。

这个实验似乎证明了,面对较少选项的顾客购买的可能性是面对较多选项的顾客的10倍。它一直是选择超载的一个重要例子,即为客户提供太多选择实际上会抑制顾客购买的想法。

2.6为多项选择提供建议

当无法避免选择时,请尝试做出限制。可以为用户提供自己的建议或者分享其他用户最喜欢的情况。向用户清楚地传达建议选项之间的区别。这种方法常常用于决定计划的页面。

2.7吸引用户注意正确的区域

当你了解了用户实现目标的过程时,该过程的每个阶段都要出现帮助用户实现最终目标的内容。找到那些引起用户注意的关键领域。

2.8使用颜色和排版来传达内容的层次

我们对那些我们真正记得或者深入研究的东西存在着选择性。如果你曾经在没有读过一个字的情况下就接受了某个用户政策,那你就会明白我的意思。

有很多方式可以影响内容的传达,如字体、大小、字间距、颜色等等。我们可以用这些来传达内容的层次结构。通过正确使用颜色和排版,你可以反映出产品的品牌并且使其立刻被认出来,并且让品牌更具有吸引力也更加令人难忘。

2.9组织帮助看起来更少,更易于管理

让我们做一个简单的实验。数出下图中两个方格里各有多少黑点,并且记下所需时间。

正如你所看到的结果,两个方块中有着同样数量的黑点,但是计算杂乱无章的方块中的黑点需要更长时间。此外你还会感觉到在数的过程中,它给你带来了更多的认知负担。

将点放置于特定的矩阵中可以帮助我们快速扫描他们,并在计数时帮助我们进行分组从而快速数出结果。但是当点的排列杂乱无章时,我们就需要逐个计数。此外,数的过程中还有可能出现计数错误,或者不得不用右图来验证左图的结果是否正确。

元素的组织不仅仅可以提高辨识度,还可以让我们更容易记住。在操作机器时记住控件的位置和功能是十分重要的。让我们再做一个小练习。就在刚刚你还在数两个方块中的黑点,现在请回忆一下每个方块中每个点的位置。对于大多数人来说,回忆无组织的结构基本是不可能的。

2.10群组相关内容

一种可以简化复杂页面的简单方法是对组件进行分组 。用户应该处理的是少数组,而不是大量不相关的组件。可以通过在一个元素或者一组元素周围增加边框(创建公共区域)来完成与周围元素分离。格式塔心理学中有很多原则可以用来分组:接近、相似、连续、封闭等等。

2.11将大任务分成小任务,尝试一栏布局

任何产品中都存在着许多种类的形式,它提供了更容易捕捉的信息。有时候你即使删除了所有不必要的东西,产品看起来依旧是庞大的,而这可能会让用户非常沮丧。

所以我们可以做的是把这些巨大的任务分解成一系列更小的任务,这样可以让这个任务的执行过程容易的多。一项项小任务的完成也会让用户分泌内啡肽,让他们感到满足。

2.12在过程中保持系统状态的透明

不确定性会让人们感到焦虑,所以应该尽量避免。这就是为什么在任何时候用户都应该能够看到自己正处在整个流程中的哪个位置,明白自己上一步是什么以及接下来会发生什么。保留先前提供的信息也是一个好主意,它可以降低用户内存的负载,并且无需返回检查之前的步骤。

2.13帮你的用户做计算

人脑并不是特别擅长原始的数字计算,所以尝试利用系统来做运算,而不是让用户自己去进行所有计算。

2.14通过渐进式披露减少复杂性

渐进式披露是UX中的一种设计模式,旨在使用户界面更易于用户理解。它涉及了多个页面的信息,并且需要对信息和操作进行排序,以免用户不知所措或者你可以隐藏与当前任务不相关的信息,等到做到相关任务时再放出来。

渐进式披露遵从“从抽象到具体”的经典概念,包括用户行为或交互的顺序。渐进式显示的一个很好的例子就是iOS的嵌套导航栏。

2.15依赖普遍接受的交互模式

用户除了使用你的产品,还会把大部分时间花在其他产品上。这意味着用户更喜欢你的网站和其他他们知道的的所有网站有着相同的工作方式,并且他们对你的产品的外观和行为有着特定的期望。以上适用于从社交网络到冰箱的任何数字或者实体产品,并且反映了消费者的心态。这并不意味着你应该停止创新,更多的是评估,评估是否偏离了导航和控件的传统模式,是否有足够的理由来让用户改变他们的心理模型。

2.16设计简化的首次体验

任何设计的主要目标都应该是尽快将用户与产品提供的价值联系起来。因此,任何介于用户和他实际操作系统之间的东西都是障碍,除非它满足用户的功能需求。第一次体验对于任何过程都非常重要,人类会很快就对产品形成自己的看法,如果我们不满意就会立即走开。

如果你是第一次使用一个产品,即使是最简单的任务也具有挑战性。有时需要额外的培训才能操作产品。在数字设计中,用户期望产品应该是足够简单易懂的。并且当他们出现问题时会按照他们的需要去提供相关帮助。提供上下文帮助,而不是预先向用户提供大量的学习材料。

2.17牢记人体工程学和使用产品的环境

正如我们已经定义的简单那样,人体工程学可以让你轻松地使用产品。人体工程学是设计或安排工作场所、产品和系统以使其适合操作它们的人员的过程。大多数人认为这与座椅或汽车控制装置和仪表的设计有关——确实如此……但不仅如此。人体工程学适用于任何涉及人的设计,包括数字产品。

1954 年,心理学家保罗·菲茨(Paul Fitts)在检查人体运动系统时表明,移动到目标所需的时间取决于与目标的距离成正比,并与目标的大小成反比。因此,请确保常用元素较大并将它们放置在靠近用户的位置。

2.18支持内联编辑和自动建议值

删除每个流程中所有不必要的交互、视图和步骤。用户操作系统有一个最佳速度,称为“流动状态”。不要用弹出窗口打破这个流程。对于以后可以更改的所有操作/值,尽可能支持内联编辑。当有大量可用值时自动建议值。

2.19使用智能默认值来减少认知负荷

智能默认设置是为用户提供问题的答案,支持用户更快地完成表单。填写表格需要人们对其进行解析,想出答案,然后将他们的答案输入表格。在定义相关默认值时,设计师需要了解用户以及他们使用产品的环境。这只有通过深入的研究和测试才能实现。向用户学习并根据用户的历史数据和使用模式调整默认值。如果需要明确的选择,请始终将默认设置设置为绝大多数用户(例如,90-95%)会选择的选项。

2.20防止错误

错误消息会带来很大的压力,让用户感到他们搞砸了或无法完成任务。自动检查输入的数据,并为不适当的数据输入提供提醒,以减少错误。要么消除容易出错的条件,要么检查它们并在用户提交操作之前向用户提供确认选项。除此之外,应使用强制功能保护破坏性和不可恢复的操作,以确保用户意识到他们的选择将产生的影响。

2.21无障碍设计

作为设计师,你的目标是确保你的产品可以被更广泛的受众访问,而不会受到排斥。全世界有超过 10 亿人患有残疾。不要使用颜色作为传达信息的唯一视觉手段。确保文本与其背景之间有足够的对比度,支持键盘导航等。辅助功能不限于具有不同能力的一组用户,当你设计辅助功能时,你可以改善使用产品的每个人的体验。

03

结论

设计简单易用和易于理解的产品并不容易,但这是一条必然要走的路。我们可以使用以上快速的方法来实现简单化。#思考_有的应用恨不得把所有存在的功能都纳入其中,但是若应用仅专注于一个功能,又会使得手机需要下载很多很多软件,如何简化又平衡产品功能含量和安装应用数量之间保持平衡呢?_


ABOUT US


参考文章:

查看链接 ↗

作者:

UX Magazine

译者:糖醋排菇

为尊重版权和译者

转载请联系我们

本文原载于微信公众号,正文与配图已转存至本站以便长期访问。 查看原文 ↗

有想具体聊聊的问题?把你的情况说一说。

联系咨询