不管用戶(hù)界面多么直觀，你在設(shè)計(jì)的時(shí)候多么小心，你的用戶(hù)偶爾還是會(huì)犯錯(cuò)。有時(shí)只是因?yàn)樗麄儾恍⌒狞c(diǎn)錯(cuò)了地方，有時(shí)是他們操作的時(shí)候沒(méi)有注意到，或者根本沒(méi)在看網(wǎng)頁(yè)。

不管怎樣，重要的是確保用戶(hù)能夠輕易地撤銷(xiāo)他們的錯(cuò)誤操作。

你會(huì)注意到在許多的網(wǎng)絡(luò)程序中，包括Google Docs，幾乎任何時(shí)候只要你做些什么，就會(huì)看到一個(gè)撤銷(xiāo)上次操作的鏈接。在其他程序中，你可能得使用菜單來(lái)撤銷(xiāo)一個(gè)操作。但是最好的網(wǎng)絡(luò)程序還是會(huì)盡量保證任何時(shí)候都能輕松返回上一步或兩步。

高亮顯示改變的內(nèi)容

當(dāng)用戶(hù)在使用程序過(guò)程中，高亮發(fā)生變化的內(nèi)容對(duì)用戶(hù)很有幫助。比如說(shuō)，你的程序包含來(lái)自不同源許多人的大量信息，一旦有新內(nèi)容就馬上高亮顯示的功能很有用。

高亮顯示內(nèi)容的方法有很多。最流行的方法之一是為新內(nèi)容添加陰影背景。

其他程序使用圖標(biāo)來(lái)表示新內(nèi)容。不管你決定如何做，請(qǐng)確保新內(nèi)容標(biāo)識(shí)不會(huì)影響內(nèi)容的可讀性。同時(shí)還要保證這些提醒不會(huì)打擾不關(guān)心內(nèi)容變化的用戶(hù)。

TitanPad 使用顏色來(lái)標(biāo)示每個(gè)用戶(hù)做出的改變

啟用鍵盤(pán)快捷鍵

即使能用鍵盤(pán)快捷鍵，也不是每個(gè)用戶(hù)都會(huì)使用它們。但是對(duì)于那部分習(xí)慣了鍵盤(pán)快捷鍵的用戶(hù)，沒(méi)有這項(xiàng)功能對(duì)用戶(hù)滿(mǎn)意度的影響極其惡劣。

想一想用戶(hù)在你的網(wǎng)站上的常見(jiàn)操作，并確保提供相應(yīng)的快捷鍵。

同時(shí)，請(qǐng)確保你設(shè)定的快捷鍵是合理的。有些快捷鍵通常用于某些特定的功能（比如說(shuō)Ctrl+Z撤銷(xiāo)操作，Ctrl+V粘貼），所以請(qǐng)確保這些通用快捷鍵能正常使用。

請(qǐng)合理地選擇快捷鍵，方便用戶(hù)記住它們。同時(shí)也不要忘記在任何下拉菜單中，相應(yīng)操作命令旁邊包括這些快捷鍵。

使用大家熟悉的標(biāo)準(zhǔn)和慣例

一些廣泛使用的程序已經(jīng)為一般操作設(shè)定了一定的標(biāo)準(zhǔn)。比如說(shuō)，人們已經(jīng)習(xí)慣看到用于“打開(kāi)”的文件夾圖標(biāo)，以及用于“粘貼”的剪貼板。

他們也習(xí)慣在特定的程序菜單下方看到特定的選項(xiàng)和命令（新建文檔或文件總是位于“文件”下拉菜單下面；復(fù)制和粘貼總是在“編輯”菜單下拉框中）。

想一想有哪些現(xiàn)成的程序與你的程序功能類(lèi)似，看一看他們是如何組織操作命令以及使用的是什么圖標(biāo)。

如果你看見(jiàn)不同的程序使用的圖標(biāo)一致，你應(yīng)該認(rèn)真考慮使用同樣或者類(lèi)似的圖標(biāo)。這對(duì)于從另一個(gè)程序轉(zhuǎn)過(guò)來(lái)的用戶(hù)更加直觀，用戶(hù)體驗(yàn)更好。

提供個(gè)性化選項(xiàng)

許多的網(wǎng)絡(luò)應(yīng)用程序允許用戶(hù)對(duì)他們的帳戶(hù)進(jìn)行自定義。一些網(wǎng)站允許你調(diào)整配色方案或者上傳自定義的圖形。一些網(wǎng)站允許你重新調(diào)整布局或者登陸顯示界面。還有一些網(wǎng)站允許你創(chuàng)建自定義的頁(yè)面或者顯示你關(guān)心的信息內(nèi)容。

請(qǐng)考慮既能夠提升程序功能又能夠改善用戶(hù)體驗(yàn)的自定義選項(xiàng)。

用戶(hù)定制對(duì)于一些程序來(lái)說(shuō)可能用處不大，但是對(duì)于其他程序則潛力無(wú)限。即使是簡(jiǎn)單的個(gè)性化選項(xiàng)也能夠?qū)τ脩?hù)的體驗(yàn)和滿(mǎn)意度產(chǎn)生劇烈影響。比如說(shuō)允許用戶(hù)上傳他們自己的Logo，或者根據(jù)個(gè)人偏好改變字體或顏色。

Highrise允許用戶(hù)自定義他們的儀表盤(pán)（dashboard）。像這樣的小小自定義選項(xiàng)卻能大大增加用戶(hù)滿(mǎn)意度。

用戶(hù)提示和內(nèi)置幫助信息

許多的程序開(kāi)發(fā)者會(huì)發(fā)布全面的程序使用文檔。這些文檔對(duì)于新用戶(hù)來(lái)說(shuō)非常有用。但是在很多情況下，這些文檔被放在網(wǎng)站上某個(gè)獨(dú)立的版塊。用戶(hù)要訪問(wèn)它就必須離開(kāi)程序。

雖然對(duì)于復(fù)雜的程序而言，全面的程序使用文檔仍然是個(gè)好主意。但是在常用的窗口或者頁(yè)面上的側(cè)邊欄，集成用戶(hù)提示和內(nèi)置幫助信息能夠方便大多數(shù)用戶(hù)。

這為程序使用者提供了無(wú)縫式幫助，節(jié)省了他們的時(shí)間，使得整個(gè)用戶(hù)體驗(yàn)更加愉快。

使用標(biāo)簽導(dǎo)航和命令按鈕

與按鈕或文字鏈接相比，標(biāo)簽導(dǎo)航有很多優(yōu)勢(shì)。但是最重要的優(yōu)勢(shì)其實(shí)是它微妙的心理暗示。

標(biāo)簽令人想到使用筆記本或活頁(yè)簿。一個(gè)標(biāo)簽表示一個(gè)欄目或主題。在網(wǎng)上也是如此。標(biāo)簽令人下意識(shí)中聯(lián)想到從網(wǎng)站或程序的一個(gè)版塊移動(dòng)到另一個(gè)。

另一方面，按鈕則令人想到命令。使用按鈕命令如提交一個(gè)表單合乎情理，因?yàn)槿藗兛偸前寻聪掳粹o和做事情聯(lián)系在一起。所以為了達(dá)到最佳用戶(hù)體驗(yàn)，請(qǐng)記住 標(biāo)簽 = 導(dǎo)航，按鈕 = 命令。

對(duì)話(huà)窗口背后陰影顯示

這是最基本的原則，有時(shí)卻被人忽視。請(qǐng)?jiān)趯?duì)話(huà)窗口背后使用陰影背景。確保窗口突出顯示，用戶(hù)不易分心。

使用陰影背景的對(duì)話(huà)窗口范例

使用相關(guān)圖標(biāo)和標(biāo)記

許多開(kāi)發(fā)者在程序中使用的圖標(biāo)不帶相關(guān)標(biāo)記。除非是絕對(duì)常用的圖標(biāo)，否則這樣做是不對(duì)的，只會(huì)令用戶(hù)犯迷糊。

當(dāng)鼠標(biāo)移動(dòng)到圖標(biāo)上，再顯示懸浮標(biāo)簽也不是避免混亂的好辦法。因?yàn)檫@對(duì)于用戶(hù)而言仍嫌麻煩。

在圖標(biāo)旁邊直接加上文字標(biāo)記，用戶(hù)馬上就可以看到。隨著用戶(hù)不斷熟悉每個(gè)圖標(biāo)的意思，他們能夠更快地找到相應(yīng)的圖標(biāo)。那時(shí)候，他們很容易就明白每個(gè)圖標(biāo)代表什么。

你也可以允許用戶(hù)隱藏這些標(biāo)記，不過(guò)必須確保默認(rèn)顯示標(biāo)記。  

保持簡(jiǎn)單

最簡(jiǎn)單的界面就是最好的界面。不要為了增加功能而增加功能。如果一個(gè)功能有明確的作用就增加，沒(méi)有就不要增加。

設(shè)計(jì)元素也是如此。如果為了某個(gè)目的需要增加某個(gè)元素，可以增加。但是請(qǐng)不要增加一些花里胡哨，只是好看的東西。它們只會(huì)使界面顯得凌亂，令用戶(hù)感到糊涂。請(qǐng)選擇最簡(jiǎn)單的辦法來(lái)完成工作。

這并不是說(shuō)你的程序必須是極簡(jiǎn)主義。但是，請(qǐng)記住大多數(shù)人使用程序看中的是功能而不是設(shè)計(jì)。只要設(shè)計(jì)不干擾用戶(hù)使用程序的效率，他們可能甚至都不太會(huì)注意程序的視覺(jué)元素。

在設(shè)計(jì)用戶(hù)界面的時(shí)候，你需要考慮用戶(hù)的工作流程。人們已經(jīng)預(yù)先決定了使用特定類(lèi)型的軟件和程序的方法，你設(shè)計(jì)的界面得順從用戶(hù)的使用習(xí)慣。

比如說(shuō)，如果一些操作命令關(guān)系密切，就把它們歸為一組，放在程序里的同一個(gè)地方。

研究一些用戶(hù)的工作流程，找到影響他們高效完成工作的阻礙因素。然后弄明白如何改善用戶(hù)界面來(lái)滿(mǎn)足他們的需求。有時(shí)候，單靠用戶(hù)界面不能解決問(wèn)題，不過(guò)有時(shí)候可以。

15個(gè)出色的用戶(hù)界面設(shè)計(jì)范例

世界上有成千上萬(wàn)個(gè)絕妙的網(wǎng)絡(luò)程序用戶(hù)界面設(shè)計(jì)。相信這里給出的十幾個(gè)范例能夠?yàn)槟闾峁┮恍┫敕ā?/p>

Shoply  

在Shoply上，用戶(hù)可以很容易地刪除、編輯或者查看已上傳的產(chǎn)品，以及添加新的產(chǎn)品。 

Invoicera

Invoicera 使用標(biāo)簽導(dǎo)航和命令按鈕。同時(shí)界面保持相對(duì)簡(jiǎn)潔，布局和配色也一目了然。

Pandora

Pandora的幕后設(shè)計(jì)師在設(shè)計(jì)用戶(hù)界面時(shí)，顯然借鑒了MP3及其它媒體播放器上的界面設(shè)計(jì)。界面非常直觀易用，不用學(xué)習(xí)就能上手。

Wufoo

Wufoo’s的窗體設(shè)計(jì)再直觀不過(guò)了。當(dāng)你開(kāi)始設(shè)計(jì)一個(gè)新窗體時(shí)，不用離開(kāi)當(dāng)前頁(yè)面就能看到詳細(xì)的操作幫助信息。

Grooveshark

Grooveshark 使用圖標(biāo)來(lái)幫助導(dǎo)航和顯示功能。大家都能認(rèn)出的圖標(biāo)如“播放”和“跳過(guò)”按鈕沒(méi)有文字標(biāo)記。但是其他的圖標(biāo)如“主頁(yè)”和“收藏”則有。

Wridea

Wridea 的界面非常直觀，只有輕輕一點(diǎn)就能編輯任何地方。他們還使用懸浮菜單，只有當(dāng)你把鼠標(biāo)移到到“某個(gè)主意”上，擴(kuò)展菜單才會(huì)顯示。這減少了視覺(jué)上的雜亂無(wú)章。用戶(hù)還可以在兩種不同的配色之間切換。

Backpack

Backpack 使用標(biāo)簽來(lái)導(dǎo)航，按鈕來(lái)操作。這樣使用起來(lái)非常直觀。   

Remember the Milk

Remember the Milk 使用標(biāo)簽導(dǎo)航和命令按鈕。他們還提供了有用的注釋 ，幾乎不再需要用到單獨(dú)的幫助文檔。

Ta-da List

Ta-da Lists 的界面盡量簡(jiǎn)潔。只有當(dāng)前任務(wù)，沒(méi)有任何多余的信息。這實(shí)在是太直觀了，用戶(hù)體驗(yàn)超棒。

Relenta

Relenta 使用標(biāo)簽導(dǎo)航和帶文字標(biāo)記的圖標(biāo)。他們還嚴(yán)格遵從電子郵件程序的使用習(xí)慣，用戶(hù)幾乎不用學(xué)習(xí)就能輕松上手。

Viviti

Viviti 考慮了他們的非設(shè)計(jì)師用戶(hù)而采用了非常直觀的界面設(shè)計(jì)。每次登錄都能看到幫助小貼士。幫助文檔也非常友好，容易訪問(wèn)。在離開(kāi)你正在工作的頁(yè)面之前，你可以先選擇想要的幫助類(lèi)型。

Bounce

Bounce’s 的界面非常簡(jiǎn)潔明了。工具使用也非常直觀（只要在區(qū)域里拖拽就可以創(chuàng)建便條，寫(xiě)上反饋，然后分享）。

Meetifyr

Meetifyr 的界面是如此直觀，幾乎不要用到任何幫助文檔。只需要瞧上幾秒鐘的時(shí)間，用戶(hù)就能馬上知道如何使用，以及每個(gè)圖標(biāo)和每種顏色代表的意思。

DoingText

DoingText 不需要注冊(cè)就可以直接使用。每個(gè)文檔都是基于簡(jiǎn)單的URL路徑。協(xié)同工作者只需要知道相應(yīng)的URL路徑即可。協(xié)同工作幾乎可以即刻生效。

Writeboard

Writeboard 在主內(nèi)容區(qū)域旁的側(cè)邊欄上提供了非常有用的風(fēng)格幫助說(shuō)明。