“大自然有許多絕妙的例子來引導(dǎo)我們發(fā)明創(chuàng)造，香蕉就是個(gè)優(yōu)秀UX的典型代表。”

? ? ? ?

? ? ? ?

天知道這篇文章已經(jīng)被反復(fù)寫了多少遍了——但我還是想說，香蕉的優(yōu)點(diǎn)不僅在于它的醇厚味道，還有它的整個(gè)食用體驗(yàn)。就像是好的產(chǎn)品體驗(yàn)不僅是UX的最終結(jié)果，而是過程。話不多說，現(xiàn)在就來進(jìn)入我的觀點(diǎn)——你可以從香蕉的用戶體驗(yàn)中學(xué)習(xí)到什么。

狀態(tài)切換：香蕉的顏色讓你可以一眼辨別它是否可被食用

? ? ? ?

? ? ? ?

香蕉的顏色設(shè)計(jì)就是為了提供線索的：綠色是生的，黃色是熟的，棕色/黑色是太熟了。當(dāng)然，這中間還有一些其他的階段，但重點(diǎn)是，我們可以僅通過觀察就能夠準(zhǔn)確判斷出它是否可以食用。 這是我的第一個(gè)論點(diǎn)。

使用表狀態(tài)的元素 - 比如顏色、圖案甚至文本和圖標(biāo)。

界面上的具體表現(xiàn)，比如禁用元素可以通過降低透明度和添加灰色陰影。 錯(cuò)誤、故障或緊急情況可以顯示為亮紅色，傳達(dá)一種出現(xiàn)了問題的感覺。 低風(fēng)險(xiǎn)和警告通常以黃色給出，綠色用于成功操作和完成。 當(dāng)然，你也可以自己定義一些色彩——但是上面提到的顏色和它們代表的角色已經(jīng)廣泛被接受，因此你的設(shè)計(jì)不應(yīng)偏離太多。

活動(dòng)性：我們可以隨時(shí)隨地吃香蕉

? ? ? ?

? ? ? ?

香蕉皮不僅可以防止里面的果肉被損壞，還讓這個(gè)水果便攜，產(chǎn)生了活動(dòng)性。你可以隨時(shí)隨地享用。

許多其他的水果時(shí)不具備這樣的屬性的。想想看上次你吃芒果的整個(gè)過程， 你可能用到了一塊砧板、一把刀、一個(gè)容器，甚至叉子或勺子來吃切好的水果。

香蕉皮的設(shè)計(jì)精妙地繞過了這一切——只要把它剝開即可享用，不需要任何工具。 這就引出了我的第二個(gè)觀點(diǎn)。

確保你設(shè)計(jì)中的活動(dòng)性 — 保證你的用戶可以在需要的節(jié)點(diǎn)上正確快速地訪問到相關(guān)信息。

一個(gè)比較好的例子是在預(yù)訂航班選擇日期的界面中同時(shí)列出價(jià)格——不要讓用戶到其他多余的頁面來獲取到做出決定所需的信息。 用戶應(yīng)該能夠在給定頁面上直接看到所有相關(guān)信息，做出決定。

易于使用：香蕉易于食用

（差一點(diǎn)就玩起了老舊的諧音梗）

? ? ? ?

? ? ? ?

香蕉是各路水果中最不麻煩的——易剝皮、易食用、無籽等。 這其實(shí)就是好體驗(yàn)最普遍的表現(xiàn)：你的UX設(shè)計(jì)應(yīng)該易用。

你可以通過限制選項(xiàng)、減少步驟數(shù)、加粗重要信息來優(yōu)化體驗(yàn)?；蛘咧苯邮褂靡呀?jīng)形成用戶習(xí)慣的流程。

因?yàn)樽罱K——人們會(huì)傾向使用對(duì)他們來說更容易的產(chǎn)品。

覆蓋性：無處不在的香蕉

? ? ? ?

? ? ? ?

香蕉無處不在。 雜貨店 ?、市場(chǎng)都能找到香蕉。 它的廣泛可用性決定了它的傳播和覆蓋。這也是我的第三個(gè)觀點(diǎn)。

讓你的UX在不同環(huán)境下都可用。 不限制在特定設(shè)備上，讓不同的環(huán)境都有統(tǒng)一的體驗(yàn)。

當(dāng)然，這并不是說產(chǎn)品不能夠服務(wù)于某一個(gè)平臺(tái)。許多產(chǎn)品也是為特定界面構(gòu)建的——比如 Android， iOS等設(shè)備。 但是設(shè)計(jì)出移動(dòng)端和Web端的統(tǒng)一體驗(yàn)是一個(gè)復(fù)制你的品牌傳播影響力的利器。

說到這里也順便提一下對(duì)于Web端不同系統(tǒng)上、不同尺寸和比例的顯示器的體驗(yàn)——響應(yīng)式設(shè)計(jì)可以盡多的讓大多數(shù)用戶得到相同的體驗(yàn)。

無障礙訪問：香蕉可能比許多的網(wǎng)站做得更好

? ? ? ?

? ? ? ?

無障礙訪問一直是用戶體驗(yàn)中最重要的課題之一，這是一件好事。 設(shè)計(jì)師需要了解在確立解決方案時(shí)包含這些因素的重要性。

香蕉有一個(gè)很好的區(qū)分點(diǎn)：就是它在非常成熟時(shí)的表面上的斑點(diǎn)。 對(duì)于患有某些類型的色盲的人來說這樣的設(shè)計(jì)更加明確， 直觀。這也是我想要表達(dá)的最后一點(diǎn)：

盡量多考慮無障礙設(shè)計(jì)，利用顏色和圖案降低判斷難度。

雖然可能日常接觸偏少，但是每12 名男性就有一人患有某種形式的色盲（女性的比例較低，每200人中1人）這意味著有近 8% 的用戶可能無法按你的預(yù)設(shè)來區(qū)分顏色。

結(jié)論：香蕉的設(shè)計(jì)真香

? ? ? ?

? ? ? ?

如前所述，香蕉的用戶體驗(yàn)在水果界中脫穎而出。

這跟選擇電影院有著相同的邏輯：你會(huì)考慮它的距離、座位、舒適程度、提供的配套服務(wù)等等。 畢竟，許多劇院都將放映同一部電影——但讓你最終決策的是整體體驗(yàn)。

設(shè)計(jì)像香蕉一般的體驗(yàn)吧。

本文由摹客團(tuán)隊(duì)翻譯，摹客，支持全流程協(xié)作、高保真原型設(shè)計(jì)、自動(dòng)標(biāo)注切圖、支持Sketch/PS/XD/Figma/Axure設(shè)計(jì)稿交付。

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