谷歌也中枪!盘点那些应该杜绝滥用的UI设计.pdfVIP

谷歌也中枪！盘点那些应该杜绝滥用的 UI 设计 今天这篇可读性非常高，针对当下几种被严重滥用的 UI设计，汉堡菜单、手势操作、引导页 、空白页等，仔细分析了它们的缺点，也给出了正确的使用姿势。既是干货也是吐槽，相当 有看点，来收！ 创新总是很少，互相借鉴总是特别多，我们一起来看看那些被滥用但有时并没那么好的设计，给大 家敲响警钟，参考无罪，但是多独立思考，自主设计。 如果你是一位有经验的设计师，你也许常会在其他界面中获取设计灵感，这并不等同于抄袭。这是 在做最佳案例研究，可以套用常用的设计模式，也符合主流的设计规范，而且使用用户熟知的 UI 组件，可以让界面变得更加易用。 也许有人会说太依赖于设计规范而且抄来抄去的，完全扼杀了创造力，而且最终，所有的应用都长 成一样了。然而从体验的角度来说，我看到了另外一个问题。习惯于复用那些常见的 UI组件会让你 慢慢陷入一个误区，你会认为 Google 、Facebook 、Instagram 等你喜欢的应用总是对的，他们的设 计意图和你的想法一致，你会完全忘了带着质疑的态度来看他们的设计。这里我列举一些 UI组件， 他们被认为（或是曾经被认为）是非常好的设计，然而他们也许并没有那么好。 一、 “深藏不露 ”的导航 过去一段时间，有无数关于汉堡菜单的文章，大部分设计师都在抵制使用他，然而这件事的本质并 非是图标的错，而是将导航隐藏在图标之下的问题。 这种设计方案对于设计师来说特别省事，根本不用担心有限的屏幕大小，只需要将你所有的菜单项 排个序然后放进这个可滚动的浮层中，藏在汉堡菜单里。 然而实践证明，使用可视化的菜单项会提高用户的参与度、满意度甚至是商业利益。这也是为什么 现在主流的应用都从汉堡菜单改成底部导航的可见菜单设计。 △ Youtube 的菜单设计进化 -Luke 小结： 如果你的菜单很多很复杂，将他们隐藏起来并不会提高友好度， 信息重组并重排优先级才是正道。 二、「遍地开花」的图标 还是因为有限的屏幕空间，似乎尽可能使用图标代替文字来节省空间是个无需考虑的真理。图形显 然占用更少的空间，他们无视多语言，而且用户很很习惯，不是么？几乎所有应用都是这么做的。 有了这样的设想后，设计师常常会选择将功能隐藏在哪怕是可识别性特别低的图标之下。例 如 Instagram ，你能想到你可以通过点击这个图标直接发送消息么？ 还有，如果你从来都没有用过谷歌翻译，你认为点击这个鬼画符似的图标会发生什么呢？ 假定用户熟知那些抽象化的图标或是认为用户会花多余的时间探索并且学习图标的功能，是一个常 见的设计错误。 △ Bloom.fm 里神奇的菜单栏 如果你认为在界面中给图标提供一个弹出式的标注能够提高可用性，那你就错了。即使是 在 Foursquare 里（译者注：一款在国外超有名的签到应用，街旁的原型）你的用户总归会去学习并 且记住他，也不代表这样设计是对的。 △ Swarm 应用里的图标指示 但这并不意味着不能使用图标，有许多已经形成普遍用户认知，像那些代表常规功能的图标，例如 搜索、视频播放、邮件、设置等等。（但是用户仍然有可能不太确定，比如，点击一个心形的图标 具体会发生什么） △ 这些都是用户熟知，可以被广泛使用的图标 对于复杂的功能，应该始终配有合适的文字。在这种情况下，图标仍然很有用，因为图形可以提高 菜单的可发现性，可以在界面中形成一个合适的触摸区域，并且能够增加应用的个性。 △某图片编辑工具的菜单 小结： 基础功能可以用图标来代替，复杂的功能需要有文字（如果你非要使用图标，请进行可用性测试。 ） 三、基于手势的菜单 当2007 年苹果推出 iPhone 时，多点触控技术渐渐成为主流，用户也逐步认知到操作不是只有点击那 么单一的，他们还可以进行缩放、滑动等。 手势在设计中也渐渐受到青睐，有许多应用都是纯手势驱动设计。