一個(gè)隱形且流暢提供給訪客交互體驗(yàn)的界面，可以更高效的讓訪客的注意力集中在產(chǎn)品的核心功能上，并且可以引導(dǎo)訪客逐步走向產(chǎn)品的最終目標(biāo)。

很多有經(jīng)驗(yàn)的設(shè)計(jì)師都在提倡這樣一個(gè)設(shè)計(jì)理念：一個(gè)真正設(shè)計(jì)精良的UI應(yīng)該讓用戶察覺(jué)不到它的存在。但事實(shí)呢？恰恰相反，很多同學(xué)設(shè)計(jì)的UI經(jīng)常會(huì)強(qiáng)迫用戶們?nèi)プ⒁饣ㄉ诘慕缑?，而不是你要傳達(dá)給用戶的有效內(nèi)容。用戶登陸某個(gè)網(wǎng)頁(yè)大都有明確的目標(biāo)，比如說(shuō)他想買(mǎi)一本新書(shū)、想上網(wǎng)學(xué)習(xí)jQuery技術(shù)、想上網(wǎng)去把個(gè)妹、追個(gè)男神、或者僅僅想和朋友們分享一篇美文等等。

這個(gè)時(shí)候，用戶大不會(huì)去花時(shí)間觀賞你耗盡心思的界面。事實(shí)上，用戶根本不在乎你的交互界面設(shè)計(jì)！呃，很早以前，最初的網(wǎng)頁(yè)設(shè)計(jì)缺少新鮮的交互技術(shù)，所以后來(lái)設(shè)計(jì)者們?yōu)榱俗尵W(wǎng)頁(yè)變的更好，經(jīng)常想加入一些交互：但是，親愛(ài)的同學(xué)們，你做個(gè)換位思考，或者去觀察一下身邊的小網(wǎng)齡用戶，他們真的在乎這些花哨的東西么？

近幾年來(lái)，網(wǎng)頁(yè)設(shè)計(jì)者們經(jīng)常花幾百個(gè)小時(shí)去考慮按鍵的顏色是否好看、是否要加一些陰影使得更加美觀、頁(yè)邊距大小是否合適或者是否應(yīng)用漸變等讓UI變的更加漂亮實(shí)用等。但是，真正精良的UI設(shè)計(jì)不應(yīng)該是好看，而應(yīng)該是隱形的！

移動(dòng)終端在人們的生活中日益重要。多點(diǎn)觸控移動(dòng)設(shè)備的出現(xiàn)讓人們意識(shí)到UI是一系列的通過(guò)點(diǎn)擊和排序來(lái)控制的內(nèi)容，允許更加人性化、更加自然的人機(jī)交互。這些自然用戶界面(Natural User Interfaces， NUI)更加“自然”的原因有很多，最重要的是，NUI可以讓用戶對(duì)內(nèi)容直接操作且它的桌面毫不花俏，用戶會(huì)發(fā)現(xiàn)設(shè)備的使用變的超級(jí)簡(jiǎn)單，因?yàn)閁I幾乎不可見(jiàn)了。

但是我們?nèi)匀恍枰獙?duì)著我們的臺(tái)式機(jī)或者筆記本工作，我們?nèi)匀恍枰獮g覽網(wǎng)頁(yè)和使用網(wǎng)頁(yè)APP，而這些東西很少可以做到像手持移動(dòng)設(shè)備那樣應(yīng)用多點(diǎn)觸控及自然用戶界面。那么，是否因?yàn)檫@些阻礙我們就要延續(xù)老一套的界面組成么？答案是否定的！隱形UI的設(shè)計(jì)理念，是我們每一個(gè)UI設(shè)計(jì)師或開(kāi)發(fā)者應(yīng)該想要達(dá)到的目標(biāo)。

是用戶界面，而不是障礙

用戶界面永遠(yuǎn)不應(yīng)該成為阻擋用戶查看內(nèi)容或者達(dá)成目標(biāo)的障礙；用戶也不該必須跳過(guò)UI陷阱或者亂七八糟的導(dǎo)航之后才能到達(dá)自己的目標(biāo)。過(guò)去的幾年里我們經(jīng)常使用一些我們認(rèn)為可以給用戶帶來(lái)便捷的UI，但實(shí)際上，這些UI卻給用戶帶來(lái)了更大負(fù)擔(dān)，Breadcrumb（用來(lái)表明用戶所處位置的UI導(dǎo)航）就是個(gè)很好的例子。我們可能覺(jué)得Breadcrumb是一個(gè)非常好的導(dǎo)航方式，但實(shí)際上，它僅僅是累贅的UI組件，在設(shè)計(jì)合理的用戶體驗(yàn)中沒(méi)有存在的必要。

雖然Breadcrumb并不直接帶給用戶負(fù)擔(dān)，但是她占用了屏幕的空間，而這些空間，原本應(yīng)該用來(lái)顯示一些和用戶目標(biāo)相關(guān)的內(nèi)容。我們解決UI的問(wèn)題經(jīng)常通過(guò)增加新的組件，但是過(guò)于冗雜的組件勢(shì)必造成瀏覽障礙。那么，怎樣才能做到增加了許多UI組件，然而你的UI看上去卻像是隱形的呢？

解決問(wèn)題

建立隱形的UI意味著你要從根本上解決問(wèn)題，你需要知道到底問(wèn)題出在什么地方。我們做網(wǎng)站或者APPs也會(huì)經(jīng)常碰到問(wèn)題，但是我們往往從表面上給出一些解決方案，而并沒(méi)有從本質(zhì)上考慮問(wèn)題的發(fā)生。就像我們?yōu)榱酥固鄢圆悸宸遥@不能改變疼痛的本質(zhì)一樣。

一般情況下，“吃止疼藥”變成了我們當(dāng)下的最佳策略，因?yàn)槲覀円呀?jīng)學(xué)會(huì)了如何與項(xiàng)目經(jīng)理、網(wǎng)站擁有者、股東等做斗爭(zhēng)，而且，也有很多時(shí)候可能是因?yàn)樵O(shè)計(jì)師們時(shí)間不夠或者僅僅是因?yàn)閼卸瓒幌肴プ觥Ｎ覀兘?jīng)常會(huì)做一些用戶體驗(yàn)，然后說(shuō)：“嗯，我知道這里面有些小問(wèn)題，但是我們讓用戶看看是否這些問(wèn)題真的是問(wèn)題吧。”很明顯，用上面的態(tài)度去做UI是不能做出隱形UI的。做一個(gè)完全隱形的UI意味著你必須要解決深層次的設(shè)計(jì)問(wèn)題和用戶體驗(yàn)，只有這樣才能使得UI不會(huì)變成對(duì)用戶的障礙。

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

隱形的UI要?dú)w功于它設(shè)計(jì)的非常有包容性，自然用戶界面更加開(kāi)放，而且不易出錯(cuò)，或者在用戶出錯(cuò)的時(shí)候，能給用戶以明確的方向指引。

這幾年不是流行一句交互金句么？操作前可預(yù)知、操作中有反饋、操作后可撤銷(xiāo)！

寬容指的是當(dāng)用戶受困的時(shí)候（fall into a trap），設(shè)計(jì)者給予用戶的不是告訴用戶出錯(cuò)了。實(shí)際上，當(dāng)用戶沒(méi)有明確的目標(biāo)時(shí)更容易誤操作，而此時(shí)UI會(huì)顯示給他們大大的警告和出錯(cuò)提示。而一個(gè)隱形的UI設(shè)計(jì)絕對(duì)不會(huì)顯示上面的東西。良好設(shè)計(jì)的UI會(huì)預(yù)先判斷用戶出錯(cuò)發(fā)生率高的地方，并在這些地方提供給用戶解決出錯(cuò)的辦法或者引導(dǎo)用戶讓他們避免陷入trap。

寬容還表示網(wǎng)頁(yè)或者APPs允許用戶對(duì)它們出錯(cuò)。因?yàn)橛脩舫鲥e(cuò)之后，他們會(huì)從自己的錯(cuò)誤中學(xué)到更多的東西，當(dāng)然，他們出錯(cuò)的時(shí)候，肯定不能給他們一個(gè)大大的紅色叉號(hào)或者繁雜的讓人摸不著頭腦的文字。（這種壓迫感和腥紅的色彩他們?cè)缭诂F(xiàn)實(shí)中就受夠了）

目標(biāo)第一

上圖的交互設(shè)計(jì)（Cooper building block）實(shí)際上非常簡(jiǎn)便，但是似乎這種設(shè)計(jì)我們平時(shí)并不多見(jiàn)，所以我覺(jué)得它——以目標(biāo)為導(dǎo)向的設(shè)計(jì)——值得一提。UI設(shè)計(jì)應(yīng)該圍繞用戶的目標(biāo)，設(shè)計(jì)者應(yīng)該挖掘用戶的需求，并能通過(guò)引導(dǎo)來(lái)完成或迎合用戶的需求。用戶對(duì)他們想通過(guò)什么方式達(dá)到自己的目標(biāo)很有主見(jiàn)，但是對(duì)他們對(duì)需要什么卻沒(méi)有任何想法。所以，UI設(shè)計(jì)師的工作應(yīng)該是找到用戶的需要而不是提供給他們某種方式。

找到目標(biāo)并且允許用戶快速的達(dá)成他們的目標(biāo)將是最好的用戶體驗(yàn)，因而你也根本沒(méi)有必要設(shè)計(jì)一個(gè)非常華麗的界面去吸引用戶的眼球。不要用華麗的UI設(shè)計(jì)作為對(duì)目標(biāo)不夠明確的彌補(bǔ)。

真正的一致

在UX的世界中，我們談?wù)撘恢滦燥@得理所當(dāng)然。實(shí)際上一致性在UI設(shè)計(jì)中也非常重要。如果你的UI組件都在同一個(gè)地方，具有相同的顏色和功能，那么你的UI設(shè)計(jì)將會(huì)隨著時(shí)間的推移慢慢的從人們的眼球中消失…有點(diǎn)像Marty McFly。但是，僅僅把功能按鈕放在每一頁(yè)的相同的地方或者在整個(gè)應(yīng)用中使用特定的動(dòng)作來(lái)對(duì)應(yīng)相同的東西可能并不能解決連續(xù)性的問(wèn)題。

另外，我們?cè)赨X設(shè)計(jì)經(jīng)常傾向于應(yīng)用來(lái)源于其它APPs或者網(wǎng)頁(yè)的那些和我們的設(shè)計(jì)相通的東西來(lái)裝扮我們自己的APP。我曾經(jīng)寫(xiě)過(guò)一篇文章來(lái)闡釋相類(lèi)似的環(huán)境能夠讓界面顯得更加舒適。但是當(dāng)我們致力于設(shè)計(jì)一個(gè)隱形的UI時(shí)，僅僅一致并不足夠。我們要的是真正的一致！這就意味著不僅僅是組成、價(jià)值、鏈接以及數(shù)據(jù)等在APP中的一致，它們應(yīng)該在上下文內(nèi)容中也要一致。

例如，你可能注意到很多APP中，登陸按鈕一般都會(huì)在右上角，因此你會(huì)自然而然的認(rèn)為其他APP的登錄按鈕應(yīng)該也會(huì)出現(xiàn)在那個(gè)位置，這想法沒(méi)錯(cuò)。但是，這種布局可能在你的APP中不太合適。那么，你就不必要這么做，你要按照自己APP的布局，將組件放在適合于你APP中的地方，并讓它們?cè)谀愕腁PP中保持高度的一致性。

總結(jié)：激發(fā)用戶

最后，一個(gè)真正設(shè)計(jì)精良的隱形的UI要能夠做到激發(fā)用戶。當(dāng)UI能夠引導(dǎo)用戶直接進(jìn)入他們想要的，用戶在使用APP時(shí)能將精力集中在他們的目標(biāo)上面。
界面應(yīng)該提供數(shù)據(jù)和內(nèi)容的無(wú)縫交互，這能夠激發(fā)用戶建立與APP更好的關(guān)系。用戶固然喜歡擺弄一個(gè)聰明的UI，但是隱形的UI設(shè)計(jì)更容易脫穎而出。

翻譯小組:SDC番茄匠 ? ? 微博ID:@Wiley_小車(chē)

原文地址：http://tympanus.net/codrops/2013/03/21/a-great-ui-is-invisible/?

【各位盡職盡責(zé)帥氣靚麗的網(wǎng)站編輯、站長(zhǎng)大神們，如果您看上了優(yōu)設(shè)網(wǎng)的這篇文章，請(qǐng)復(fù)制粘帖的時(shí)候把我們網(wǎng)址帶上，我會(huì)代表節(jié)操君向您致敬的，感謝】

========關(guān)于優(yōu)設(shè)網(wǎng)========
“優(yōu)設(shè)網(wǎng)uisdc.com”是一個(gè)分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線端設(shè)計(jì)以及PS教程的干貨網(wǎng)站。

特色推薦：
設(shè)計(jì)講座：定期邀請(qǐng)國(guó)內(nèi)互聯(lián)網(wǎng)公司的設(shè)計(jì)前輩及行業(yè)總監(jiān)在群內(nèi)及YY語(yǔ)音（YY頻道：15335158）分享實(shí)戰(zhàn)經(jīng)驗(yàn)。
設(shè)計(jì)微博：我們擁有粉絲量25萬(wàn)的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ，歡迎大家關(guān)注及時(shí)獲取設(shè)計(jì)資源。
設(shè)計(jì)導(dǎo)航：史上最贊最全面的設(shè)計(jì)師網(wǎng)址導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的“福利”嗎？
添加 優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) 微信號(hào)：【youshege】?jī)?yōu)設(shè)哥的全拼
您還可以掃描下方二維碼快速添加：