伏尔泰说:「常识并不是大家都知道的,常见的东西。」想要意识到某种决策机制是常识,一个人可能需要有足够的人生经验来支撑他找到正确的路径,而常识的存在则让他做出对的选择,而无需经过复杂的分析。
当我们在讨论产品设计的常识的时候,我们此刻感觉显而易见的东西,可能对于刚刚起步的设计师或者普通用户而言,可能并不清晰和显著。长久以来,设计师一直致力于创建易用的产品和导航系统。然而,为了凸显产品的特性,设计师需要花费很长的时间来理解用户的需求,寻求挑战并且进行迭代。
底部导航 = 更高使用频率
Google 产品总监 Luke Wroblewski 奉行「显著总会胜出」的设计原则,他会督促设计师尽量使用清晰的交互而不是「智能」的交互。在分析过使用汉堡图标这种隐藏式交互设计和底部导航这两种控件的用户使用数据,以及其他的半隐藏式控件的数据之后,Wroblewski 看到了趋势。他在接受采访的时候告诉我:「导航是APP功能和特性的体现,当用户看不到正在发生的事情,很可能不知道自己可以做什么, 应该做什么。」可见性的提高,能够提升使用率。
当项目管理应用程序 Rebooth(以前被称为 Teambox)从汉堡菜单转换为底部导航的时候,用户的使用时长增长了 70%,日活跃用户量增加了 65%,以往被隐藏在汉堡菜单中的功能,如今被外置到用户触手可及的地方。
改版前:使用汉堡菜单;改版后:使用底部导航,日活跃用户增加 65%,使用时长增加 70%
而另一方面,Wroblewski 还发现,常用功能难以找到,将会降低用户的参与度。Polar 这款应用当中,改版之前使用了分段式标签导航,为了改得更加简约易读,更改成为更加干净简约的设计之后,用户的参与度降低了,其中常用的主要功能被隐藏起来,这是很重要的原因。
改版前:顶部分段式的三个选项卡;改版后:使用顶部下拉菜单,互动减少了。
底部导航和可访问性
有的时候,更加显著的设计可能会带来更强的可访问性。从人体工程学的角度上来看,使用大尺寸手机和平板的用户,会更容易触摸到底部导航栏,这比起顶部的汉堡菜单更加方便,因为这需要用户一手握持设备,另一只手去点击汉堡菜单。出于可访问性的原因,底部导航很关键。Google 品牌经理 Aubrie Lee 在一封电子邮件采访中说道,患有肌营养不良症和其他行动不便的用户,总是难以触摸到屏幕上方。「这是改变游戏规则的设计。对于行动不便的用户而言,技术带来的不仅仅只有便利。通常,在局限性和便利之间有着清晰的区别。底部导航栏按钮能够让很多的人生活真的变得更加轻松便利。」
「显著的图标」并不总是「通用的图标」
显而易见的设计,不仅同组件的位置有关,而还和用户对于 UI 中操作、选项的理解的难易程度有关系。比如,并不是所有的用户都会理解图标和符号的含义。$ 符号在美国、加拿大等国家和地区是表示美元和货币的,但是它并不是全球货币的通用符号。
使用过早期计算机的人可能还会知道软盘是什么,并可能会意识到软盘符号的意思是「保存」,但是对于那些在 21 世纪出生的年轻用户而言,他们压根没见过软盘,使用软盘意象的「保存」按钮看起来更像是增加了圆孔且少了一角的手机 SIM 卡。这些用户可能就无法理解软盘的保存图标的含义了。
上传、删除、语音信箱、扬声器、保存、信用卡,这些图标都很常见,但是如何未搭配文本标签,很多年轻用户第一次看到依然可能会感到困惑。
为了让设计在用户初次接触的时候更容易理解,请考虑以下建议:
将文字与图标搭配使用
在 Google I/O 的主题演讲「为新互联网用户设计优秀的APP」当中,来自 Youtube Go 的 Garen Checkley 和 Tracy Lindsay Chan 展示了将图标和文本结合起来展示对于可供性的强化,对于用户理解功能的重要性。「接收」按钮使用了图标和文本之后,让用户可以更加清楚得认识到接下来会发生什么。
文字和图标的组合,让产品的可访问性更强。人们在扫视页面内容的时候,更容易理解功能和内容。
Google Translate 在翻译框底部使用图标+文本标签的组合,其中手写功能的使用率明显提升了 25% 。有些用户认为,即使这些功能已经存在了很多年,但是翻译框下面的功能其实还是新功能。没有文本标签,用户无法理解功能的价值,因此也就无法使用这些功能。
改版前:Google Translate 仅显示图标;改版后:Google Translate 添加了文本标签,手写功能使用率增加了25%
仅使用文本,添加提示文本,并添加带图标标签
「上传」图标对于习惯将内容上传到云端的用户而言,可能是有意义的。但是对于另外一些用户而言,可能没有将照片从电脑上传到云端或者下载下来的移动的概念。
为了让使用 Google Photos 桌面端网络版的用户搞清楚如何搜索照片、上传新照片,Google Photos 团队将上传图标替换为「上传(upload)」文本按钮,并且在搜索框内添加了搜索提示。和 Youtube Go 以及 Google Translate 的处理方式类似,Google Photos 团队还在图标下方添加了「相册(album)」、「助理(assistant)」以及「照片(photos)」这样的标签。
带有文本标签的图标,图标被替换为文本的按钮,以及添加了提示信息的搜索框
简单复制别的UI并不能保证设计足够显著
直接复制别的成功产品的UI设计,并不是你的产品的最佳选择。复制那些成功的产品看起来是一件非常容易的事情,因为我们很容易基于他们的流程来逆推出他们的设计是「成功」的。但是,实际上你并不知道他们所遵循的是哪种设计模式,应用场景是什么,以及背后有多少研究。
靠近问题,才能设计得足够显著
设计想要知道哪些是显而易见的常识,怎么设计才足够显著,设计师其实并不需要等待用户调研或者大量的数据。Wroblewski 说:「你越靠近痛点,自然就越会用心解决问题。」如果你正在打造一个有效解决问题的产品,那么你肯定得搞明白有待极解决的问题,以及产品的核心功能。
如果你不是目标用户,那么你就得观察用户,学习并且进行迭代。这并不需要那么大量的研究和庞大的预算,甚至都不一定需要海量的数据,它涉及到的更多是与潜在用户和现有用户沟通交流,找到问题,并且将自己代入到用户的角色和位置当中去寻求解决方案。Wroblewski 建议进行快速迭代、测试和评估(RITE)测试。「每周我们都会花费时间,将产品摆到用户面前,看着用户试图去使用它。回去之后,我们会试图将自己代入、沉浸到用户的角色中,」Wroblewski 说道:「我们的设计师会说,我和用户坐在一起,我发现他们并不能成功地操作,这是因为我们的设计使他失败了。这是非常真实的。」
持续且定期同用户进行交流,让你的设计和用户产生关联,保持合理和「显而易见」。当你深入到使用场景和问题当中,你才会清楚地领会到什么是「显著」以及什么是「常识」,并且让你的设计更加有效、易用