淺析：優(yōu)秀的界面是隱形的

淺析：優(yōu)秀的界面是隱形的

用戶已經(jīng)熟知界面的模式和組成元素，但他們根本不在意。多年來，網(wǎng)頁設(shè)計(jì)師們已經(jīng)在按鈕顏色、投影、邊框和漸變上花了成百上千個(gè)小時(shí)，只為了讓界面更易用和美觀。但事實(shí)上，優(yōu)秀用戶界面的終極形態(tài)不是易用，而是隱形?；蛟S你已了解，移動(dòng)設(shè)備是近年來的重頭戲。多點(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)樗鼈兊慕缑鎺缀跸Я?。不過我們?nèi)匀恍枰门_(tái)式機(jī)和筆記本來工作，我們也需要瀏覽網(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)航。多年來，我們都在使用和發(fā)明各種UI障礙。表面上它們似乎能解決某些問題，卻給用戶增加了更多負(fù)擔(dān)。面包屑就是個(gè)極好的例子。通常認(rèn)為，要讓用戶了解自己在應(yīng)用中所處的位置，面包屑是個(gè)不錯(cuò)選擇。但它更多時(shí)候只是平添了不必要的UI元素，影響正常的用戶體驗(yàn)。盡管面包屑并沒有直接給用戶帶來負(fù)擔(dān)，但它占據(jù)了屏幕寶貴的空間資源，而這本該用來引導(dǎo)用戶達(dá)成目的和展示內(nè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)常無精打采，像石頭一樣僵直。我們對(duì)待界面問題也是一樣。創(chuàng)作網(wǎng)站和APP時(shí)，我們總會(huì)發(fā)現(xiàn)各種千奇百怪的問題。多數(shù)時(shí)候我們只是做些表面文章來解決問題，界面下卻隱藏著更深層次的問題。此舉只是頭痛醫(yī)頭，腳痛醫(yī)腳。不過這已經(jīng)成為慣例了，因?yàn)槲覀兛偟脤W(xué)著與項(xiàng)目經(jīng)理、網(wǎng)站主、股東、項(xiàng)目進(jìn)度或僅僅是懶惰抗?fàn)?。我們總以此為理由進(jìn)行用戶測(cè)試和AB測(cè)試?！拔抑烙行┎粚?duì)勁，不過還是通過用戶來驗(yàn)證一下這是否真的是個(gè)問題?！比粝胍獙?shí)現(xiàn)隱形設(shè)計(jì)，這可不是什么好方法。完全透明的界面意味著解決設(shè)計(jì)中最深層的問題，它們才不會(huì)出來作亂，成為用戶的絆腳石。寬容的設(shè)計(jì)寬容，往往是隱形用戶界面的一個(gè)特征。自然的界面并不限制各種探索性的點(diǎn)擊。當(dāng)用戶進(jìn)入死胡同，它不會(huì)輕易顯示錯(cuò)誤信息，而是將用戶引向別處。寬容用戶意味著他們犯錯(cuò)時(shí)不要懲罰他們。用戶錯(cuò)誤操作，往往因?yàn)樗麄儫o法預(yù)料結(jié)果。我們總將問題歸咎于用戶，并彈出大大的警告和錯(cuò)誤提示來懲罰他們。當(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ì)自己的目的一無所知。你的職責(zé)就是挖掘他們的需求，而非要求?！耙蟆睍?huì)導(dǎo)致界面臃腫、障礙重重，令用戶厭煩。找出目標(biāo)并讓用戶盡快完成它，他們不在乎其他事情，盡快到達(dá)目的地才是對(duì)他們最大的回報(bào)。不需要為此設(shè)計(jì)漂亮的界面，避免用過度設(shè)計(jì)來補(bǔ)償糟糕的目標(biāo)引導(dǎo)。一致性不錯(cuò)，在用戶體驗(yàn)的世界中，我們一直在談?wù)撘恢滦栽瓌t。界面設(shè)計(jì)中，一致性是重點(diǎn)。如果你的界面元素都放在相同的位置，有著相同的顏色和功能，那么你的界面會(huì)逐漸消失……像MartyMcFly一樣。不過，如果只是把所有按鈕放在每頁的同一個(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)景和含義也是一致的。例如，你應(yīng)該注意到了，其他很多APP把登陸按鈕或鏈接放在右上角，所以你會(huì)覺得，既然其他APP都這么做，放那里肯定錯(cuò)不了。但在你的APP中，放在那個(gè)位置或許就毫無意義。與其