明显的UI通常是最好的UI
设计师的脑子里永远都是满满的想法空,但是考虑到用户体验,最好是先考虑清晰易用的问题。
用户追求的是清晰的交互,而不是智能的交互
用户体验设计师Thanh Tran的插图
伏尔泰说,“Lesens communicate for restore。”常识其实很少。
你要有足够的人生阅历,才能正确的认识到某个结果是常识,然后这些结果就会变成不需要分析就能理解的常识。
当我们讨论产品设计的常识时,我们现在看到的很多东西,对于第一代设计师来说,可能并没有那么明显。长期以来,设计师一直致力于尽可能提高产品的可用性。为了突出一些产品功能,设计师会花很多时间去了解用户的问题和需求,并不断迭代。
底部导航栏=增加使用
谷歌产品总监卢克·乌鲁布莱夫斯基支持“汽车永远是赢家”的设计原则,并鼓励设计师们认识到清晰的交互比智能的交互更好。乌鲁布莱夫斯基分析比较了“带汉堡菜单图标的半隐藏导航”和“更清晰可见的底部导航栏”的用户使用数据。他总结了一个规律:“导航告诉用户App目前可能发生的情况。如果用户看不到这些信息,就不知道自己在App中能做什么,应该做什么”。
-提高可见度可以提高利用率。
项目管理App Redbooth(原称Teambox)从汉堡菜单导航切换到底部导航栏后,使用时间增加了70%,日常活动几乎一夜之间增加了65%。以前隐藏在汉堡菜单中的功能现在都在界面的前中间,在屏幕上清晰可见,用户很容易找到。
改版前:Redbooth(Teambox)App使用汉堡菜单。
修改后:App使用底部导航栏,日常活动增加65%,使用时间增加70%。
另一方面,乌鲁布莱夫斯基发现,如果用户很难找到共同的功能,活动就会减少。(上一篇)Polar App把他们的导航设计从段控菜单简化为切换菜单,看起来“更干净”;但用户的活跃度下降了,因为App的主要功能并没有直接暴露给用户。
修订前:分段控制菜单顶部显示三个选项卡。
修改后:使用带有“顶部”标签的开关菜单后,用户的日常活动减少
底部导航栏和辅助功能
让设计更加可见有时会带来其他好处,使设计更加通用。
从人机工程学的角度来看,使用大屏幕手机或平板电脑的用户,用手指触摸底部导航条比一只手拿着手机,另一只手点击左上角的汉堡菜单更容易。底部导航栏对于一般设计也很重要。
谷歌品牌经理奥布里·李(Aubrie Lee)在一次电子邮件采访中表示,患有肌肉萎缩症和其他行动不便的用户不太可能触摸屏幕的上半部分。“这将改变游戏规则。对于残疾人来说,科技不仅会带来便利。不同的设计可能会让他们的生活变得更加有限或独立,而使用底部导航栏的设计会方便我们大多数人。”
“明显”的图标并不总是“通用”的图标
明显的设计不仅与组件的位置有关,还与用户理解UI中的操作和选项有多容易有关。例如,不是所有用户都能快速理解图标和符号。美元符号在美国、加拿大和其他一些国家代表美元,但它不是全球货币的符号。
用磁盘电脑长大的人,通常都知道什么是磁盘,明白磁盘图标的意思是“保存”。但是对于21世纪才开始使用电脑,没见过磁盘的人来说,可能会觉得磁盘保存图标看起来像是一个长方形、圆形的手机SIM卡,这些用户可能并不理解磁盘保存图标的含义。
上传、删除、语音邮件、扬声器、保存和信用卡图标很常见,但有些用户可能会对这些没有文本的图标的含义感到困惑。
为了让用户一看到设计就能快速理解,请考虑以下两个建议:
将文本与图标匹配
YouTube Go的盖伦Checkley和特雷西·林赛·陈在谷歌I/O会议“为新互联网用户设计优秀的应用程序”上指出,图标和文本的结合对于用户记住性能非常重要。“接收”按钮既有文本又有图标,这样用户就可以清楚地知道单击该按钮时会发生什么。
文字和图标的结合也使产品更加通用,用户在快速浏览页面时更容易理解同时包含文字和图标的按钮的含义。
Google Translate在主翻译框下面的功能中使用了文本和图标的组合,手写功能的使用率提高了25%。这个特性已经存在很多年了,但是有些用户认为这是一个新特性。没有文本标签,用户很难理解功能的含义,所以他们不会使用这些功能。
修改前:Google Translate只显示图标。
修改后:Google Translate给图标添加了文字,手写功能使用率提高了25%。
仅使用文本、添加提示文本和添加带图标的文本
对于习惯于将内容上传到云存储服务的用户来说,“上传”图标可能是有意义的。但是对于某些用户来说,在将照片从电脑添加到照片云时,可能并没有“上”或“下”这样的动作概念。
为了让谷歌照片桌面上的用户清楚地知道如何通过照片搜索和上传新照片,谷歌照片团队将上传图标替换为“上传”文本按钮,并在搜索框中添加了搜索提示。类似于YouTube Go和Google Translate中使用的图标和文本的组合,Google相册团队在图标下添加了“相册”、“助手”和“照片”的标签。
谷歌照片的使用得到了改进,增加了文本的图标,替换了原来图标的文本,在搜索框中增加了搜索提示。
复制其他ui并不能保证设计是明显的
做一个明显的设计并不意味着另一个App使用了某种设计,它是你的产品的最佳选择。复制其他应用程序的功能似乎很容易(尤其是热门应用程序,你认为它们设计得很好)。你不知道这家公司在选择使用某种设计模式或组件的背后做了多少研究。
为了做出明显的设计,你需要贴近问题
不要等好几年才使用数据或者聘请研究人员,设计师怎么知道什么设计对用户来说是显而易见的?
乌鲁布莱夫斯基说:“你越接近痛点,就越想解决它。”如果你是你的产品的目标用户,你大概会知道这个产品的核心功能,以及它是如何解决你的问题的。
如果不是目标用户,就要观察用户,学习,不断迭代。
这不需要大量的研究和旅行经费,甚至不需要大量的用户数据。它需要与潜在用户和现有用户交谈,或者把自己当成一个用户,找出用户遇到的问题。
乌鲁布莱夫斯基建议快速迭代测试和评估。他说:“每周我们都会把这周做的东西放在真实用户面前,看他们怎么用。您总是需要回到客户或潜在客户群那里进行测试。”
设计师说:“我和这个人坐在一起,我发现他不能做他想做的事情,因为我们的设计失败了。”这很自然,很直接,很真实。
定期和用户呆在一起,定期,你的设计会更好的解决他们的问题,更适合他们,更“明显”。
直到你真正明白了问题所在,你才能清楚的明白什么是“显而易见”甚至“常识性”的设计,做出真正好用的产品。
本文由设计学习网整理发布,不代表设计学习网立场,转载联系作者并注明出处:https://www.yangyangzhi.cn/xingyezixun/jhsj/740.html