BeFor Web
为网而生 - 关注互联网及移动端产品的用户体验设计

“简洁”究竟意味着什么?

“简洁”究竟意味着什么?

周末两天都没有太阳出来,整个一周就像是白过了,也不能在博客里写“阳光明媚的周末”一类的了,人生的意义在哪里啊。

于是我把电视打开并放着阿拉蕾,屋子里就好像洒满了阳光,像是个好时代。上周花了不少时间在医院,一周下来就感觉没做出什么事的样子,周末蛮吃紧的噜。突然峰回路转,来看今次的更新吧,关于简洁什么的。

这里进入译文。每个设计师都知道“简洁”很重要,但所谓的“简洁”到底指什么?多数时候我们觉得“少”就是简洁,通过“减法”即可实现。我们认为将内容限定在折线之上,就可以帮助用户更好的聚焦;我们认为项目符号列表比文字段落更容易阅读;我们认为将文案精简一半就会使其言简意赅。

但实际上,“简洁”并不是简单的意味着“少”。准确的说,“简洁”应该是“正好”。

不过也许这种说法本身就过简了。在某些情况下,我们可能需要通过更多一些的东西来实现设计上的简洁。所以,更准确些的定义应该是“正好足够使人产生正确的理解,并通过相应的行为来完成目标”。通过以下三条原则,我们可以设计出更加有意义的简洁,而不仅仅是将界面元素隐藏或移除:

  • 表达唯一并且完整的核心概念(不要表达多重的或是不完整的含义)
  • 持续改善内容的清晰性(减少无关的细节)
  • 保持一致性(避免不必要的特殊模式)

表达唯一并且完整的核心概念

要想让用户做出任何行为,你首先要对那些能够吸引用户关注的东西进行挖掘。核心概念唯一且完整的信息能够在短时间内有效抓住用户的注意力,让用户立刻做出二元化的抉择:“我有兴趣还是没有?”。通过一种能够让人们立刻看到所期望的结果的方式来介绍功能,这可以帮助他们确定下一步行动的优先级,并减少顾虑。

表达唯一并且完整的核心概念,这个原则要从产品大局层面一直贯彻到最小的细节分支当中。

“没什么比‘发送消息’一词更能有效表达‘发送消息’的含义。” - Des Treynor

我们拿“发送消息”这个小功能作为例子来看一看。这里的文字可以是”Go“,或者”立刻提交“,或是更简单的”发送“。不过这些说法都没有做到足够的清晰,很难让用户直接产生二元化的决策;而“发送消息”则通过两个单词(“Send Message”)表达了最准确最完整的含义,让人们能够非常有把握的决定是否要执行该功能。对于很多更加复杂的功能来说,要保持表意的唯一性及决策的二元化将不那么容易,但我们的目标依然是相同的:通过一个核心概念引导用户,帮助他们建立正确的预期。如果做不到这一点,那么在用户的感知当中,系统的复杂度将不断攀升。

一个“核心概念”应该具有以下这些特点:

  • 二元性:含义简单到只有“两面”,让用户决定做或是不做。
  • 语言清晰平实:表达方式要尽可能的显而易见。
  • 保持一致:每个界面都应该以相同的方式呈现相同的信息。
  • 揭示结果:让用户清楚的知道行为将会产生的结果。

持续改善内容的清晰性

用户了解概念并产生决策之后,就该投入更多的时间成本与认知能力来进行接下来的行动了。在此过程中,用户也许还会遇到很多阻力。过多的阻力会使用户逐渐产生恐惧和抵触,并很有可能放弃使用。你必须通过持续的努力让用户知道他们可以顺利的完成目标。

“关于界面上的文案:如果写的太少,含义将很难被清晰的表达。而太多的文字又会被用户跳过,因为厚重的文字块很难被视线快速扫描。” - Ryan Singer

交流需要被精炼,在恰当的地方出现的恰当的信息能够有效的推动流程的进行,增大用户完成目标的几率。试着移除那些虽然相关但在此时此处并不适宜的细节信息,保持用户行为的流畅度,减少会使他们分心的东西。要记住,如果用户付出了时间成本以及认知上的努力,却没有得到有意义的或是符合预期的结果,那么在他们的感知中,系统的复杂度就会变高

试着在以下几个方面入手,来持续改善内容的清晰性:

  • 阐明行为的起点和终点:要确保界面能告诉用户怎样去做一些事,这些事的价值在哪里。
  • 渐进呈现:通过最恰当的内容帮助用户将注意力集中在与当前目标最为相关的信息上。(相关阅读:渐进呈现 - 通过合理的指示元素引导用户发现隐藏内容)
  • 清晰的路径:使行进到下一步或进入下一层信息的触发方式更明显,过渡效果更清晰。

保持一致性

新用户与老用户之间时常有着相当巨大的差异。如果你想让新用户留下来,那么就需要尽快让他们感觉到自己已经掌握了产品当中每一部分的使用方式,而不必担心会有什么新东西是无法搞定的。每一处功能都要具有足够的亲和力,看上去舒服,用起来可以让用户觉得自己付出的时间和精力很值得。

“随风飘扬的旗子、熙熙攘攘的火车站台、散落着足迹的沙滩...我们总会在生活当中寻找某种指引和标记。“ - Don Norman

具有亲和力的界面可以让人们感到舒适甚至是开心。亲和力,同样可以通过使用人们所熟悉和了解的界面模式来构建。如果问题本身确实很复杂,那么界面上的复杂也是无可厚非的,但你没有理由为用户提供会使他们感到茫然陌生的界面模式,同时又不给到必要的指引。

要保持良好的一致性,需要做到以下几点:

  • 分类与整合:识别相似的功能流程,使用相似或相同的方式来展现。
  • 创建模式:在不同的界面中,将相似的元素放置在相似的位置,使用户可以逐渐根据直觉与位置记忆来进行操作。
  • 偶尔打破规则:知道界面何时真正需要体现出独特性;这种需求不像你通常想象的那么常见。(相关阅读:先了解规则,再寻求创新 - 关于iOS应用界面自定义)

小结 - 何时“多即是少”?

我们平时听到最多的就是“少即是多”,也就是关于简化与移除。但真正的简洁更关乎于正确的理解与清晰的目的,关乎于我们能否将界面设计的让人们在最短时间内了解到最重要的信息并作出最恰当的决策。(相关阅读:设计师与“少即是多”)

要在实践当中打造出更加合理的简洁设计,我们需要让界面元素表达出唯一并且完整的核心概念,持续改善内容的清晰性,并保持设计的一致性。如果能做到这些,那么“多即是少”也是可以实现的。在恰当的地方通过恰当的方式添加恰当的东西,这能让用户会觉得整个流程变简单了。太久以来我们都认为“简洁”就是“少”,但它其实更意味着“正好”

译文代表原作者观点。欢迎发表评论,或到译者微博进一步交流探讨。

本站原创编译文章。如需转载,请注明:本文来自Be For Web
译者信息: C7210 - 设计布道师,设计师,独立开发者,译者,猫奴,音乐玩家。