一支香蕉的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

原文链接:https://jehadmohamedz.medium.com/the-ux-of-a-banana-1e43cc97cd0a

原文作者:Jehad Mohamed

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 『数据分析』关于亲和性分析的简单案例讲解

    以下案例来自《Python数据挖掘入门与实践(第二版)》第一章1.3亲和性分析的简单示例。

    可以叫我才哥
  • 手把手教你挖掘数据:怎样创造一个“尿布与啤酒”的都市传奇?

    也有很多人对这个“传奇”的真实性表示怀疑,但如今看来,这个传奇已经并不神奇,它只是通过频繁项集进行数据挖掘的一个典型案例而已。

    华章科技
  • 福利 | 二维码竟有这种操作?教你超实用的「打码」技巧

    无论是结账,阅读文章,还是打开小程序,你扫过的二维码数量加起来,可能比你的自拍总数还要多。至于分享出去的二维码,更是不计其数。

    知晓君
  • 漫画:二分法系列篇(第一讲)

    不知道为什么叫做爱吃香蕉的阿珂,难道不应该是爱吃香蕉的猴子么...或者爱吃队友的露娜么?

    程序员小浩
  • defi 去中心化金融

    想象一下,有个大学时的朋友联络你说:「嘿,我有个商业设想。我想开发一个做市机器人。不管谁来询价,我随时都能报出一个价格,我的定价算法会用 x * y = k。差...

    公众号---人生代码
  • "1024"看过来会跳舞的香蕉

    矩形中的一个是黄色,形成了香蕉的主体,另一个矩形是与背景相同的颜色,并产生了香蕉的曲率。

    小丑同学
  • 一篇文章理清Python多线程同步锁,死锁和递归锁

    但是不知道大家有没有注意到一点就是前面说的两个功能是相互独立的,相互不干涉的,不会用到同享的资源或者数据,如果我们多个线程要用到相同的数据,那么就会存在资源争用...

    南山烟雨
  • 每日算法系列【LeetCode 875】爱吃香蕉的珂珂

    珂珂喜欢吃香蕉。这里有 N 堆香蕉,第 i 堆中有 piles[i] 根香蕉。警卫已经离开了,将在 H 小时后回来。

    godweiyang
  • LeetCode 875. 爱吃香蕉的珂珂(二分查找)

    珂珂喜欢吃香蕉。这里有 N 堆香蕉,第 i 堆中有 piles[i] 根香蕉。警卫已经离开了,将在 H 小时后回来。

    Michael阿明
  • 耦合必然性

    最近学到一个词“耦合创伤应激障碍”,讲的是程序员对耦合条件反射式恐惧,对于这个新词,我再重新理解一篇

    码农戏码
  • Python第二十一课:类的从属关系

    在上一课我们介绍了类和对象,但是并没有详细给大家理清楚它们的联系和区别。这里我们从一个例子出发,试图让大家有一个更加清晰的认识。假如我问你香蕉和水果有什么区别,...

    HuangWeiAI
  • 漫画:二分解题模板(第一讲)- 修订版

    今天还是小浩算法“365刷题计划”第66天。昨天也是第66天,为什么?因为昨天我的内容忘记标识原创,马上就被人抄袭到了自己的博客,我很不爽!当然,经过投诉,对方...

    程序员小浩
  • 逻辑面试题:猴子搬香蕉

    一只小猴子边上有100根香蕉,此地距离它家50米,小猴想搬香蕉回家,但有以下几个条件:

    小K算法
  • “这跟香蕉吃不吃?别墨迹!”来自密码极客的无奈与怒吼…

    很多朋友觉得蛮有道理,纷纷转发。很多朋友觉得它戳破了区块链技术的泡沫。但我不觉得。于是我做了这张图:

    区块链大本营
  • 蓝桥杯第九届C语言C组第二题:猴子分香蕉

    内容:5只猴子是好朋友,在海边的椰子树上睡着了。这期间,有商船把一大堆香蕉忘记在沙滩上离去。 第1只猴子醒来,把香蕉均分成5堆,还剩下1个,就吃掉并把自己的一...

    花狗Fdog
  • 零售行业的交叉销售数据挖掘案例(python案例讲解)

    做一道好菜需要食材,好的食材需要经过优质的萃取提炼。食材的提炼过程包括选型、运输保鲜、加工清洗、按要求切菜等才能按菜谱进行真正的做出一道口感美味的菜。大数据时代...

    机器思维研究院
  • 二分查找算法,数组有序不是必要条件!

    先来一段维基百科概念。“二分查找算法,也称折半搜索算法,是一种在有序数组中查找某一特定元素的搜索算法。搜索过程从数组的中间元素开始,如果中间元素正好是要查找的元...

    用户8639654
  • 二分查找算法,数组有序不是必要条件!

    先来一段维基百科概念。“二分查找算法,也称折半搜索算法,是一种在有序数组中查找某一特定元素的搜索算法。搜索过程从数组的中间元素开始,如果中间元素正好是要查找的元...

    用户8639654
  • ES[7.6.x]学习笔记(九)搜索

    搜索是ES最最核心的内容,没有之一。前面章节的内容,索引、动态映射、分词器等都是铺垫,最重要的就是最后点击搜索这一下。下面我们就看看点击搜索这一下的背后,都做了...

    小忽悠

扫码关注云+社区

领取腾讯云代金券