查看原文
其他

体验|显而易见的UI,通常是体验最好的UI

The following article comes from MicroUX Author 交译所

    ↑ 点击上方“鹈鹕体验live”关注我们


用户体验设计师Thanh Tran所作的插图


用户追求的是清晰的交互,而非聪明的交互


伏尔泰说:“ le sens commun est fort rare”——常识其实很罕见。
你得有足够的生活经验,用正确的方式才能意识到某个特定结果是常识,随后这些结果才会成为不需分析就可以理解的常识。


当我们讨论产品设计的常识时,我们现在看到的很多理所当然的东西对初代设计者而言可能并不是那么显而易见的。长久以来,设计师一直致力于尽可能地提高产品的易用性。为了突出某些产品功能,设计师会花很多时间理解用户的问题和需求,并不断迭代。


底部导航栏=使用量增加


Google的产品总监Luke Wroblewski拥护“obvious always wins”设计原则,并鼓励设计师理解:清晰的交互的效果胜过聪明的交互。Wroblewski对比分析了“带有汉堡菜单图标的半隐藏导航”和“更清晰可见的底部导航栏”二者的用户使用数据,他总结出一个规律,在接受采访时告诉我:“导航告诉用户App当前可能会发生的事情,如果用户看不到这个信息,他们也就不知道他们在App中可以做什么,应该做什么”。提高可见性,就可以提高使用率。


项目管理App Redbooth(之前叫Teambox)从汉堡菜单导航切换到底部导航栏后,使用时间提升了70%,日活几乎在一夜之间提升了65%。之前在汉堡菜单中隐藏的功能,现在就在界面的前中部,清晰可见,用户很容易找到。


改版前:Redbooth(Teambox)App使用汉堡菜单。改版后:App使用底部导航栏,日活增加了65%,使用时间提升了70%。



另一方面,Wroblewski发现,如果用户很难找到常用功能,活跃度也会降低。(以前的)Polar App把他们的导航设计从分段控制菜单简化为切换菜单,这似乎看起来“更干净”了,但用户的活跃度下降了。因为App的主要功能不再直接暴露给用户。
改版前:分段控制菜单在顶部显示三个tab。改版后:使用带“top”标签的切换菜单后,用户每天的活跃度降低了



底部导航栏和辅助功能


使设计更加清晰可见,有时会带来其他的好处:使设计更通用。从人体工学的角度来看,使用大屏手机或平板的用户,手指触碰底部导航栏 ,比用一只手握住手机另一只手点击左上角的汉堡菜单更容易。底部导航栏对通用设计也至关重要。在一次邮件访谈中,Google品牌经理Aubrie Lee说,患有肌肉营养不良和其他行动不便的用户不太能触碰到上半部分的屏幕。“这会改变游戏规则。对于残疾人来说,技术不仅仅会带来便利,不同的设计可能会让他们的生活更局限或者更独立。使用底部导航栏的设计会便利我们中的大多数人。”


“明显”的图标并不总是“通用”的图标


显而易见的设计不仅与组件的位置有关,也与用户理解UI中的操作和选项的难易程度有关。比如,并非所有用户都可以迅速理解图标和符号。“$”符号在美国、加拿大和一些其他国家表示美元,但它并不是全球货币的符号。
 
使用磁盘计算机长大的人通常会知道磁盘是什么,领会到磁盘图标的意思是“保存”。但是,对于那些21世纪开始使用计算机且从未见过磁盘的人,他们可能会觉得磁盘保存图标看起来像一个缺角的矩形和圆的手机SIM卡。这些用户可能无法理解磁盘保存图标的含义。
上传,删除,语音信箱,扬声器,保存和信用卡的图标很常见,但如果不配上文本,有些用户可能会对这些图标的含义感到困惑。


为了使用户一看到设计就能迅速理解,请考虑以下两个建议:


将文字与图标配对
YouTube Go的Garen Checkley和Tracy Lindsay Chan在Google I/O大会“为新的互联网用户设计出色的App”中指出,图标和文本的组合对于提示用户记忆是很重要的。“接收”按钮同时具有文本和图标,这样用户点击该按钮的时候可以清楚地知道会发生什么。


文字和图标的组合也会使产品更通用。用户在快速浏览页面时,更容易理解同时包含文本和图标的按钮的含义。


谷歌翻译在翻译框下方的功能中使用了文本和图标的组合,手写功能的使用率增加了25%。手写功能已经存在很多年了,但在文本提示出现之后,一些用户以为它是新增的功能。没有文本标签,用户很难理解功能的意义,因此也就不会使用这些功能。
改版前:谷歌翻译仅显示图标。改版后:谷歌翻译为图标添加了文字,手写功能的使用率增加了25%


仅仅使用文本 / 添加提示文本 / 添加带有图标的文本


“上传”图标对于习惯将内容上传到云存储服务的用户可能是说得通的。但是,对于某些用户而言,把照片从计算机添加到照片云中时,可能没有“向上”或“向下”这样的动作概念。


为了让用户清楚地了解如何通过照片搜索和上传新照片,谷歌相册团队将上传图标替换为“上传”文本按钮,并在搜索框中添加了搜索提示。类似于与YouTube Go和谷歌翻译中使用图标和文本的结合,谷歌相册团队在图标下方添加了“相册”,“助手”和“照片”的文字标签。

加上了文本的图标,代替原有图标的文本,以及搜索框里添加的搜索提示,都提高了谷歌相册的易用性


复制其他UI并不能保证设计显而易见


做出显而易见的设计并不意味着另一个App使用了某种设计,它就是你产品的最佳选择。复制其他App(尤其是很火的App,并且你还觉得它设计的很好)的功能似乎很容易。你不知道这个公司选择使用某个设计模式或组件的背后做了多少研究。


为了做出显而易见的设计,你需要接近问题


没有多年的使用数据或者雇用研究人员,设计师怎么才能知道对用户来说什么是显而易见的设计呢?Wroblewski说:“你越靠近痛点,你就越想解决它。”如果你是你的产品的目标用户,那么你很可能会知道这个产品的核心功能,以及它如何解决你的问题。 


如果你不是目标用户,就必须观察用户,学习并不断迭代。这不需要大量的研究和旅行的经费,甚至不需要大量的用户数据。它需要与潜在用户和现有用户进行交谈,或者把你自己想象为一个用户,找出用户遇到的问题。Wroblewski推荐快速迭代测试和评估(RITE)。他说, “每个星期,我们都会把这周做出来的东西,放在真实的用户面前,看他们怎么使用。你会一直需要回到用户或潜在用户群体中做测试。设计师说:“我和这个人坐在一起,我发现他做不到他想做的事,因为我们的设计失败了。”这是非常直接和真实的。


经常和用户待在一起,你的设计会更能解决他们的问题,更适合他们和更“显而易见”。直到你真正理解问题后,你才能清楚地领会什么是“显而易见的”甚至是“常识”的设计,并且做出真正易用的产品。

作者:Susanna Zaraysky

译者:王三三

审稿:亦水晴舟

原文:
https://medium.com/google-design/the-obvious-ui-is-often-the-best-ui-7a25597d79fd
文章由交译所成员翻译,如需转载,请先申请授权。

//////////// END ////////////


推荐阅读
 体验专题:体验|浅谈数字化体验的5S原则体验|案例实操:教你一招快速找到用户画像的方法体验|产品价值观这门玄学体验|企业如何打造完善的客户体验监测管理系统体验|可以没有男朋友,但不能没有便利店体验|确定按钮该放在左边还是右边?体验|如何搞一套属于自己的用户画像?体验|产品游戏化框架:八角行为分析法体验|你应该掌握的7个基础心理学体验|以用户体验为中心:服务设计的4个转变体验|用户研究的前世今生体验|产品艺术:用户访谈体验|打造有传播力的好体验,用这个模型就够了体验|那些“丑”的艺术品,为什么很美?体验|究竟是什么决定了产品的用户体验体验|从客户关系视角看项目实施的4个阶段体验|产品会死,体验永生体验|借助消费行为学理论,设计在线调研问卷体验|为什么你的问卷调研总是无效?体验|越来越流行的服务设计,如何入门?三火观点:
三火观点 | 三款APP突然“宣战”微信,网友炸了!三火推荐 | 《联体》科幻小说独家连载,引爆AI科幻未来
三火观点 | 喝咖啡时我们喝的是什么?
三火观点 | 酒店体验做好这些就够了!MOT排名篇依点故事:依点故事 |“写作很难吗?”“不……很难。”依点故事 | 我是怎样完成100天写作打卡的?依点故事 | 从决定改变到改变需要多久?
依点故事 | 21天改变了我的写作习惯其他专栏:营销|2019七大营销关键词设计|实例讲解如何拆解业务与设计产品数据分析|数据分析必备思维之:目标思维职场|努力却退步,怎么回事?运营|传统会员体系“自欺欺人”,你的超级会员体系在哪?营销|2020,“整合营销”已逝,“链路时代”来临观点|中国企业的“大败局”陷阱工具|11种全球著名商业分析模型行业|2019中国客户服务智能化市场专题分析运营|立马上手:一套增长的万能公式营销|这些年,我们用错的营销指标数据|中国数字用户的行为变迁职场|把自己当作一个企业,思考你该如何工作营销|品牌影响力减弱,除了找网红还能用什么方法?运营|流失用户召回策略,再不看来不及了行业|2017⇆2019,中国的生意变了
职场|你的营销为什么无法驱动增长?主要是这几个原因职场|让你与众不同的不是努力,而是思维方式
职场|用这个方法,把话说到领导心坎上运营|甲方思维Vs.乙方思维:谁更适合品牌?
鹈鹕开讲啦(免费听课):
鹈鹕开讲啦 | KANO模型、用户情感地图、峰终怎么用?鹈鹕开讲啦 | 客户体验与人性有什么关系?鹈鹕开讲啦 | 听得懂,用得上的客户体验管理课程上线啦!鹈鹕开讲啦 | 解读《与客户共舞》打造3D全景式共舞模式
鹈鹕开讲啦 | 《瞬间的力量》解读:体验是可以设计的
鹈鹕开讲啦!客户体验的设计更多精彩文章,关注我们,阅读更多。


鹈鹕体验live

专注体验,专注生活,专注分享


鹈鹕全面客户体验管理

国内最专业的研究客户体验管理媒体平台



点击【在看】分享

    您可能也对以下帖子感兴趣

    文章有问题?点此查看未经处理的缓存