UI设计

【译】不要再过度使用溢出菜单

作者:口袋使者 2016-10-26 我要评论

本文译自medium上的文章 Stop the overuse of overflow menus 溢出菜单是app或者网站上的一种按钮,点击之后会出现更多的菜单项供用户选择。按钮可以是 ... ,也...

本文译自medium上的文章Stop the overuse of overflow menus

溢出菜单是app或者网站上的一种按钮,点击之后会出现更多的菜单项供用户选择。按钮可以是“...”,也可以是▼,有时是文字“菜单”,或者是“菜单”+▼。溢出菜单是一个应该被根除,被消灭,被扔进毒沼中的祸害。(注:此处作者的用词比较夸张,就是想表达溢出菜单有很大的坏处,不应该被使用)


溢出菜单就像这个图片一样让人恶心

溢出菜单对用户界面设计师有很大的吸引力,多年来他们心中所渴望的,所追求的最高境界就是“干净”的用户界面。他们所信奉的话就是:完美不是没有任何东西可以添加,而是没有任何东西可以拿走。是Antoine de Saint-Exupery说的。(注:好像就是《小王子》的作者)移出菜单像是一个完美的解决方案,设计师将复杂的东西都拿走,只剩下真正重要的部分,这样就可以又快又好地创造出一个看起来很干净的界面。

但问题在于你根本没有拿走任何东西,只是用一种令人讨厌的方式将其模糊化。(注:下文还会继续讲到这个词,这里暂时把它看作是简化即可。)溢出菜单的使用,主要是让设计师,工程师和产品人员摆脱了做出选择的痛苦,不用做优先级排列,只要将界面上复杂的操作按钮一股脑都装到菜单里,然后就假装他们不存在。但对于用户来说,还是不能很好地辨认出各个功能,软件依旧很难使用,甚至比没有溢出菜单的版本更难用。

来看看谷歌图片的例子。
在简单的界面和强大的工作之间,他们没有做出选择,而是采用了一种不同的方式,你可以想象一下这个场景:

伙计们,我想我找到了一个最好的方案,我们将高级的操作用一个溢出菜单隐藏起来,起个名字叫搜索工具,这样就界面既有效又容易使用,另外,用户可能会觉得搜索的选项太多了,所以我们可以将书本,飞行,应用等包含在“更多”菜单下。
嗯,一个完美的妥协。

听起来不错,但是事实是,即使是多年的日常使用,我还是不能确保每次都选中正确的选项,我想将大文件筛选出来,我也知道该功能被隐藏在菜单里面,我觉得我应该点击“搜索工具”,但是经常点成“更多”。

安卓也是一个溢出菜单过度使用的例子,溢出菜单是安卓的默认界面控件。几乎在任何一个页面都能找到溢出菜单,并且其中包含的内容各不相同。像“设置”“关于”这些几乎在所有页面都有,像“删除帖子”之类的则只在特殊的页面中出现。这些选择都直接混在一起放到了菜单中,非常混乱。

(注:下一段的内容不是很重要,我在这里稍微意译一下。大概就是说,虽然前面举的例子都是谷歌,但谷歌的设计师还是挺厉害的,而且溢出菜单的使用也很普遍,不单单是谷歌。这更像是一种妥协,一种习惯吧。好在已经有不少软件在尝试打破这个现状。问题是,溢出菜单滥用的现象到底是怎么产生的,又应该怎么避免呢,作者接下去讲了一些干货。)

模糊化不等于简化

设计师经常会混淆模糊化和简化,认为简单地将内容藏起来就可以创造一个简洁的更容易使用的界面。当然,这样的设计可能会通过一些测试,但你确实没有解决应用中的核心的复杂性问题。作为设计师,我们不应该简单地模糊化或者使用一些其他的花招,而是应该实实在在地去将复杂的东西结构化,使其更容易理解。
溢出菜单的问题是没有信息线索,任何东西都可能包含在菜单内。在需要增加溢出菜单的时候,可以考虑以下几个问题:

  1. 移除:如果只有0.001%的用户需要在菜单中找到它,那这个选项有存在的必要吗?
  2. 增加:把功能直接添加到页面上去,太多的时候可以滚动,滚动是一种最容易的导航方式。
  3. 结构化:不要只是简单的隐藏起来,使用一些有意义的图标或者标签去表明组内元素的特征,不要使用“更多”“菜单”“...”等。
承认你在使用拐杖(承认你的不足)

承认有问题是解决问题的第一步,很多团队不承认他们将溢出菜单作为一个逃避做出艰难选择的途径。当然,有时候确实是通过一定的思考,有意选择溢出菜单的,但是不要让这个选择变成一种解脱。
(注:使用溢出菜单有两种情况,一种是不想动脑筋,直接用,一种是动了脑筋了,做了一定的判断,然后认为溢出菜单最轻松。)

促使自己和你的团队去面对艰难的抉择

这才是要点。实实在在地去面对菜单中的选项,需要还是不需要,如果是足够重要的,直接展示给用户。这在移动端优先的设计中尤为重要,你经常需要决定哪些东西要保留,哪些东西要去掉,因为移动端的空间有限,特别是在ios中,因为ios中没有内置的溢出菜单。将这些看作挑战而不是障碍或者约束。

与上下文关联

没有语境的溢出菜单是很难用的,因为里面什么都有可能包括。(注:原文这里举了一些例子,其实就是上面的东西,谷歌图片的网站,安卓系统。)

调查不会说谎

抑制溢出菜单泛滥的趋势的一个很好的办法是做用户调查。在工作室内,溢出菜单的解决方案可能看起来很完美,但是将产品放在正常人手中,看着他们使用时的艰难,你所谓的简洁的用户界面却给用户带了了极大的困惑,在这样的情况下,除非你和你的团队心肠够硬,不然你们会承认自己的问题并尝试寻找更好的方法。

考虑信息觅食理论

如果上述的说法你觉得不够充分,可以从一个比较学术的角度来看,来解释为什么溢出菜单不是最优的选择,这就是信息觅食理论。信息觅食理论经常用来描述为什么一些界面比其他界面要好。可以点击这里查看信息设计协会的相关介绍,或者直接看下面的简单介绍。

信息觅食理论是基于动物的觅食过程的一种比喻,动物在觅食的时候要考虑吃什么,在哪里可以找到,最好的获取办法是什么,这个食物可以提供多少的能量。那么假如现在有一个捕食者,比如一只鸟,它每天都要考虑以上的问题。我们再假设鸟的健康,即能够正常繁衍后代,是取决于能量的输入,而能量分布于环境中并以各种形式存储。对于鸟来说,不同的地方不同的猎物所带来的能量净收入是不一样的。

一个很简要的概括就是,根据信息觅食理论,会有两种情况,一种是东西的价值较高,值得你花费一定的努力去获取,另外一种是东西价值较低,但是获取相对很容易。
(注:这样才能存活,不然会入不敷出)

来看一些具体的例子,刚才上面提到的谷歌图片的例子,我使用这个界面很久了,但是我既没有很好地掌握界面上的各个功能,也没有放弃并使用另外一个图片搜索,这就可以用上面的理论解释
(注:我觉得可以解释为,因为这种情况下,作者的能量净收入是足够的,就是说他从溢出菜单中获得的收获相比于溢出菜单带来的难度来说,是有盈余的。作者后面又举了一个类似的例子,就是因为克服困难使用某个功能带来的收获足够大,所以才会继续使用)

从不使用溢出菜单?

溢出菜单在某些情况下还是适用的,但我们现在暂时不用去考虑这些,我们要做的就是在对一个东西进行分类时,多想想,而不是直接扔进溢出菜单。

以上。



阅读原文 本文来自:口袋知识网 news.papocket.com

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 没灵感?这里是最全的15个设计风格总结

    没灵感?这里是最全的15个设计风格总结

  • 没灵感?这里是最全的15个设计风格总结

    没灵感?这里是最全的15个设计风格总结

  • 淘宝刚发布的新版本,可能会引领2017年

    淘宝刚发布的新版本,可能会引领2017年

  • 学会这个教程,可以把任何一张人物照都

    学会这个教程,可以把任何一张人物照都