一支香蕉的UX

“大自然有许多绝妙的例子来引导我们发明创造，香蕉就是个优秀UX的典型代表。”

天知道这篇文章已经被反复写了多少遍了——但我还是想说，香蕉的优点不仅在于它的醇厚味道，还有它的整个食用体验。就像是好的产品体验不仅是UX的最终结果，而是过程。话不多说，现在就来进入我的观点——你可以从香蕉的用户体验中学习到什么。

状态切换：香蕉的颜色让你可以一眼辨别它是否可被食用

香蕉的颜色设计就是为了提供线索的：绿色是生的，黄色是熟的，棕色/黑色是太熟了。当然，这中间还有一些其他的阶段，但重点是，我们可以仅通过观察就能够准确判断出它是否可以食用。 这是我的第一个论点。

使用表状态的元素 - 比如颜色、图案甚至文本和图标。

界面上的具体表现，比如禁用元素可以通过降低透明度和添加灰色阴影。 错误、故障或紧急情况可以显示为亮红色，传达一种出现了问题的感觉。 低风险和警告通常以黄色给出，绿色用于成功操作和完成。 当然，你也可以自己定义一些色彩——但是上面提到的颜色和它们代表的角色已经广泛被接受，因此你的设计不应偏离太多。

活动性：我们可以随时随地吃香蕉

香蕉皮不仅可以防止里面的果肉被损坏，还让这个水果便携，产生了活动性。你可以随时随地享用。

许多其他的水果时不具备这样的属性的。想想看上次你吃芒果的整个过程， 你可能用到了一块砧板、一把刀、一个容器，甚至叉子或勺子来吃切好的水果。

香蕉皮的设计精妙地绕过了这一切——只要把它剥开即可享用，不需要任何工具。 这就引出了我的第二个观点。

确保你设计中的活动性 — 保证你的用户可以在需要的节点上正确快速地访问到相关信息。

一个比较好的例子是在预订航班选择日期的界面中同时列出价格——不要让用户到其他多余的页面来获取到做出决定所需的信息。 用户应该能够在给定页面上直接看到所有相关信息，做出决定。

易于使用：香蕉易于食用

（差一点就玩起了老旧的谐音梗）

香蕉是各路水果中最不麻烦的——易剥皮、易食用、无籽等。 这其实就是好体验最普遍的表现：你的UX设计应该易用。

你可以通过限制选项、减少步骤数、加粗重要信息来优化体验。或者直接使用已经形成用户习惯的流程。

因为最终——人们会倾向使用对他们来说更容易的产品。

覆盖性：无处不在的香蕉

香蕉无处不在。 杂货店 、市场都能找到香蕉。 它的广泛可用性决定了它的传播和覆盖。这也是我的第三个观点。

让你的UX在不同环境下都可用。 不限制在特定设备上，让不同的环境都有统一的体验。

当然，这并不是说产品不能够服务于某一个平台。许多产品也是为特定界面构建的——比如 Android， iOS等设备。 但是设计出移动端和Web端的统一体验是一个复制你的品牌传播影响力的利器。

说到这里也顺便提一下对于Web端不同系统上、不同尺寸和比例的显示器的体验——响应式设计可以尽多的让大多数用户得到相同的体验。

无障碍访问：香蕉可能比许多的网站做得更好

无障碍访问一直是用户体验中最重要的课题之一，这是一件好事。 设计师需要了解在确立解决方案时包含这些因素的重要性。

香蕉有一个很好的区分点：就是它在非常成熟时的表面上的斑点。 对于患有某些类型的色盲的人来说这样的设计更加明确， 直观。这也是我想要表达的最后一点：

尽量多考虑无障碍设计，利用颜色和图案降低判断难度。

虽然可能日常接触偏少，但是每12 名男性就有一人患有某种形式的色盲（女性的比例较低，每200人中1人）这意味着有近 8% 的用户可能无法按你的预设来区分颜色。

结论：香蕉的设计真香

如前所述，香蕉的用户体验在水果界中脱颖而出。

这跟选择电影院有着相同的逻辑：你会考虑它的距离、座位、舒适程度、提供的配套服务等等。 毕竟，许多剧院都将放映同一部电影——但让你最终决策的是整体体验。

设计像香蕉一般的体验吧。

本文由摹客团队翻译，摹客，支持全流程协作、高保真原型设计、自动标注切图、支持Sketch/PS/XD/Figma/Axure设计稿交付。

原文地址：https://jehadmohamedz.medium.com/the-ux-of-a-banana-1e43cc97cd0a