用戶根本不會(huì)在意你的界面設(shè)計(jì)發(fā)布者：本站     時(shí)間：2021-02-27 10:02:42

真正優(yōu)秀的用戶界面會(huì)被無(wú)視，而糟糕的設(shè)計(jì)則迫使用戶注意界面，而非內(nèi)容。用戶都是帶著目的來(lái)訪問網(wǎng)站的：買本新書、學(xué)習(xí)JQuery、與朋友分享一篇文章、發(fā)現(xiàn)新音樂、寫小說(shuō)或者僅僅是尋找最近的目的地。他們不會(huì)只為把玩界面而來(lái)。

實(shí)際上，用戶根本不在意界面設(shè)計(jì)。多年來(lái)，臺(tái)式機(jī)系統(tǒng)樹立的典范和交互式工具的缺失，都使人們開始思考用戶界面，它如何發(fā)揮作用？如何讓設(shè)計(jì)增色或減分？但用戶真的需要關(guān)心這些嗎？

用戶已經(jīng)熟知界面的模式和組成元素，但他們根本不在意。多年來(lái)，網(wǎng)頁(yè)設(shè)計(jì)師們已經(jīng)在按鈕顏色、投影、邊框和漸變上花了成百上千個(gè)小時(shí)，只為了讓界面更易用和美觀。但事實(shí)上，優(yōu)秀用戶界面的終極形態(tài)不是易用，而是隱形。

或許你已了解，移動(dòng)設(shè)備是近年來(lái)的重頭戲。多點(diǎn)觸控設(shè)備的問世引出了一個(gè)轟動(dòng)性概念——用戶界面就是一系列對(duì)內(nèi)容進(jìn)行的點(diǎn)擊操作和事件，移動(dòng)設(shè)備的崛起令人機(jī)界面更加自然。這一現(xiàn)象有諸多原因，但對(duì)直接對(duì)內(nèi)容進(jìn)行操作，和摒棄過時(shí)的具象化事物（像臺(tái)式機(jī)里的那些）賦予了這些設(shè)備極高的易用性，因?yàn)樗鼈兊慕缑鎺缀跸Я恕?br />
不過我們?nèi)匀恍枰门_(tái)式機(jī)和筆記本來(lái)工作，我們也需要瀏覽網(wǎng)站、使用web應(yīng)用程序。那些神奇有趣的多點(diǎn)觸控技術(shù)，和它創(chuàng)造出的更加自然的新式用戶界面，卻未必能派上用場(chǎng)。那么，既然還不能為我們所用，我們要繼續(xù)創(chuàng)作那些過時(shí)且“礙事”的UI元素嗎？當(dāng)然不行，隱形界面應(yīng)該是每位UI設(shè)計(jì)師與開發(fā)者的目標(biāo)。

界面，而非障礙

界面不該成為用戶瀏覽內(nèi)容或達(dá)成目的的障礙。達(dá)成目的之前，用戶根本沒必要經(jīng)歷那些UI陷阱和胡亂編排的導(dǎo)航。多年來(lái)，我們都在使用和發(fā)明各種UI障礙。表面上它們似乎能解決某些問題，卻給用戶增加了更多負(fù)擔(dān)。面包屑就是個(gè)極好的例子。通常認(rèn)為，要讓用戶了解自己在應(yīng)用中所處的位置，面包屑是個(gè)不錯(cuò)選擇。但它更多時(shí)候只是平添了不必要的UI元素，影響正常的用戶體驗(yàn)。

盡管面包屑并沒有直接給用戶帶來(lái)負(fù)擔(dān)，但它占據(jù)了屏幕寶貴的空間資源，而這本該用來(lái)引導(dǎo)用戶達(dá)成目的和展示內(nèi)容。增加面包屑來(lái)應(yīng)對(duì)導(dǎo)航問題，不如直接設(shè)法解決它。為“修復(fù)”某些UI問題，經(jīng)常會(huì)引入新的元素。然而，太多不必要的元素積少成多，最終界面成了一個(gè)障礙重重的迷宮。若是一味增加UI元素，界面還如何隱形？

解決界面問題

這與我們前面所講的息息相關(guān)，但是要打造隱形的界面，意味著要解決更深層次的問題，你得真正解決那些問題所在。我的背有點(diǎn)小毛病，當(dāng)然，敲一敲和服用鎮(zhèn)痛藥都能止痛，只是治標(biāo)不治本。我缺乏運(yùn)動(dòng)，經(jīng)常無(wú)精打采，像石頭一樣僵直。我們對(duì)待界面問題也是一樣。創(chuàng)作網(wǎng)站和APP時(shí)，我們總會(huì)發(fā)現(xiàn)各種千奇百怪的問題。多數(shù)時(shí)候我們只是做些表面文章來(lái)解決問題，界面下卻隱藏著更深層次的問題。此舉只是頭痛醫(yī)頭，腳痛醫(yī)腳。

不過這已經(jīng)成為慣例了，因?yàn)槲覀兛偟脤W(xué)著與項(xiàng)目經(jīng)理、網(wǎng)站主、股東、項(xiàng)目進(jìn)度或僅僅是懶惰抗?fàn)帯Ｎ覀兛傄源藶槔碛蛇M(jìn)行用戶測(cè)試和AB測(cè)試?！拔抑烙行┎粚?duì)勁，不過還是通過用戶來(lái)驗(yàn)證一下這是否真的是個(gè)問題。”若想要實(shí)現(xiàn)隱形設(shè)計(jì)，這可不是什么好方法。完全透明的界面意味著解決設(shè)計(jì)中最深層的問題，它們才不會(huì)出來(lái)作亂，成為用戶的絆腳石。

寬容的設(shè)計(jì)

寬容，往往是隱形用戶界面的一個(gè)特征。自然的界面并不限制各種探索性的點(diǎn)擊。當(dāng)用戶進(jìn)入死胡同，它不會(huì)輕易顯示錯(cuò)誤信息，而是將用戶引向別處。

寬容用戶意味著他們犯錯(cuò)時(shí)不要懲罰他們。用戶錯(cuò)誤操作，往往因?yàn)樗麄儫o(wú)法預(yù)料結(jié)果。我們總將問題歸咎于用戶，并彈出大大的警告和錯(cuò)誤提示來(lái)懲罰他們。當(dāng)用戶踏入陷阱時(shí)，隱形的界面會(huì)避免責(zé)罰他們。相比彈出錯(cuò)誤提示，優(yōu)秀的界面設(shè)計(jì)能預(yù)測(cè)應(yīng)用中出錯(cuò)率較高的地方，并提供解決方法，甚至引導(dǎo)跳轉(zhuǎn)。

寬容也意味著網(wǎng)站或APP的規(guī)則可以被用戶打破。這是下策，不過假設(shè)你打破了媽媽的古董花瓶，想要把它粘回去，卻因?yàn)槭种刚吃谝黄鸨蛔プ?，這肯定是最深刻的教訓(xùn)。用戶彌補(bǔ)他們犯下的錯(cuò)誤時(shí)，他們將更了解你的APP，別出現(xiàn)那些大紅錯(cuò)誤圖標(biāo)和晦澀難懂的文案。

首要任務(wù)，達(dá)成目標(biāo)

這是個(gè)交互設(shè)計(jì)的絕佳案例，是Cooper正在進(jìn)行的項(xiàng)目，鑒于它尚未上線，我應(yīng)該只被允許小小提示一下——以目標(biāo)為導(dǎo)向的設(shè)計(jì)。你的界面設(shè)計(jì)也應(yīng)該圍繞用戶的目的展開。不是用戶要什么或喜歡什么，去他的，根本不是這么回事。而是挖掘用戶的需求，然后指引他們達(dá)成目標(biāo)。這很滑稽，用戶對(duì)于他們想用什么樣的產(chǎn)品總能夸夸其談，卻對(duì)自己的目的一無(wú)所知。你的職責(zé)就是挖掘他們的需求，而非要求?！耙蟆睍?huì)導(dǎo)致界面臃腫、障礙重重，令用戶厭煩。

找出目標(biāo)并讓用戶盡快完成它，他們不在乎其他事情，盡快到達(dá)目的地才是對(duì)他們最大的回報(bào)。不需要為此設(shè)計(jì)漂亮的界面，避免用過度設(shè)計(jì)來(lái)補(bǔ)償糟糕的目標(biāo)引導(dǎo)。

一致性

不錯(cuò)，在用戶體驗(yàn)的世界中，我們一直在談?wù)撘恢滦栽瓌t。界面設(shè)計(jì)中，一致性是重點(diǎn)。如果你的界面元素都放在相同的位置，有著相同的顏色和功能，那么你的界面會(huì)逐漸消失……像Marty McFly一樣。不過，如果只是把所有按鈕放在每頁(yè)的同一個(gè)位置，或用某個(gè)特殊操作執(zhí)行相同的功能，并不能解決一致性問題。

在用戶體驗(yàn)設(shè)計(jì)中，我們還經(jīng)常借鑒APP或網(wǎng)站中那些一致或相似的東西。我之前寫過文章，解釋了相似的環(huán)境如何使得界面更舒服。然而我們要?jiǎng)?chuàng)造真正的隱形界面，不是為了一致而一致，光有這些還不夠。隱形界面有著“真正的一致性”，不僅元素、數(shù)值、鏈接和其他數(shù)據(jù)展現(xiàn)形式統(tǒng)一，場(chǎng)景和含義也是一致的。