2016-11-17 藍(lán)藍(lán)設(shè)計(jì)的小編
如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請點(diǎn)這里
真正優(yōu)秀的用戶界面會(huì)被無視，而糟糕的設(shè)計(jì)則迫使用戶注意界面，而非內(nèi)容。用戶都是帶著目的來訪問網(wǎng)站的：買本新書、學(xué)習(xí)JQuery、與朋友分享一篇文章、發(fā)現(xiàn)新音樂、寫小說或者僅僅是尋找最近的目的地。他們不會(huì)只為把玩界面而來。實(shí)際上，用戶根本不在意界面設(shè)計(jì)。多年來，臺(tái)式機(jī)系統(tǒng)樹立的典范和交互式工具的缺失，都使人們開始思考用戶界面，它如何發(fā)揮作用？如何讓設(shè)計(jì)增色或減分？但用戶真的需要關(guān)心這些嗎？
用戶已經(jīng)熟知界面的模式和組成元素，但他們根本不在意。多年來，網(wǎng)頁設(shè)計(jì)師們已經(jīng)在按鈕顏色、投影、邊框和漸變上花了成百上千個(gè)小時(shí)，只為了讓界面更易用和美觀。但事實(shí)上，優(yōu)秀用戶界面的終極形態(tài)不是易用，而是隱形。
或許你已了解，移動(dòng)設(shè)備是近年來的重頭戲。多點(diǎn)觸控設(shè)備的問世引出了一個(gè)轟動(dòng)性概念——用戶界面就是一系列對內(nèi)容進(jìn)行的點(diǎn)擊操作和事件，移動(dòng)設(shè)備的崛起令人機(jī)界面更加自然。這一現(xiàn)象有諸多原因，但對直接對內(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)造出的更加自然的新式用戶界面，卻未必能派上用場。那么，既然還不能為我們所用，我們要繼續(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)對導(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)常無精打采，像石頭一樣僵直。我們對待界面問題也是一樣。創(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)帯Ｎ覀兛傄源藶槔碛蛇M(jìn)行用戶測試和AB測試?！拔抑烙行┎粚牛贿^還是通過用戶來驗(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ù)測應(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)。這很滑稽，用戶對于他們想用什么樣的產(chǎn)品總能夸夸其談，卻對自己的目的一無所知。你的職責(zé)就是挖掘他們的需求，而非要求?！耙蟆睍?huì)導(dǎo)致界面臃腫、障礙重重，令用戶厭煩。
找出目標(biāo)并讓用戶盡快完成它，他們不在乎其他事情，盡快到達(dá)目的地才是對他們最大的回報(bào)。不需要為此設(shè)計(jì)漂亮的界面，避免用過度設(shè)計(jì)來補(bǔ)償糟糕的目標(biāo)引導(dǎo)。
一致性
不錯(cuò)，在用戶體驗(yàn)的世界中，我們一直在談?wù)撘恢滦栽瓌t。界面設(shè)計(jì)中，一致性是重點(diǎn)。如果你的界面元素都放在相同的位置，有著相同的顏色和功能，那么你的界面會(huì)逐漸消失……像Marty McFly一樣。不過，如果只是把所有按鈕放在每頁的同一個(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)一，場景和含義也是一致的。
例如，你應(yīng)該注意到了，其他很多APP把登陸按鈕或鏈接放在右上角，所以你會(huì)覺得，既然其他APP都這么做，放那里肯定錯(cuò)不了。但在你的APP中，放在那個(gè)位置或許就毫無意義。與其繼續(xù)創(chuàng)造有瑕疵的界面，不如將界面元素放在最合適的位置，然后在整個(gè)產(chǎn)品中延續(xù)其一致性。
結(jié)論：鼓舞用戶
最后，優(yōu)秀的隱形設(shè)計(jì)還需要鼓舞用戶。當(dāng)界面脫離了用戶的操作步驟，直接將他們引向最終目標(biāo)，用戶會(huì)集中精神在他們的目標(biāo)上。
界面應(yīng)當(dāng)通過數(shù)據(jù)和內(nèi)容的無縫切換，來鼓勵(lì)用戶與它建立良好的關(guān)系。用戶有時(shí)喜歡探索一個(gè)界面巧妙的產(chǎn)品，甚至玩得很開心。但更多時(shí)候，對他們而言不存在的界面更有鼓舞作用
藍(lán)藍(lán)設(shè)計(jì)( www.gyxygd.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù) 。
|
|
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.gyxygd.cn
