當(dāng)你構(gòu)建你的用戶界面和網(wǎng)站的時候,有各種各樣的關(guān)于界面設(shè)計方法和模式的信息你可以使用, 對常見問題的解決方案和一般可用性的建議。下列專家給出的準則可能會引導(dǎo)你創(chuàng)造一個良好的用戶界面, 但是究竟什么才是一個良好的界面? 一個有價值的用戶界面應(yīng)該具有那些特性?
以下八個特性是我認為一個良好的用戶界面所必須的:
- 清楚
- 簡明
- 熟悉
- 易響應(yīng)
- 一致
- 吸引力
- 高效
- 寬容
讓我們仔細看看每一個特性:
1. Clear清楚的
清晰度是用戶界面設(shè)計最重要的元素。事實上,用戶界面設(shè)計的所有目的是為了使人們能夠與您的系統(tǒng)通過溝通和功能來進行交互。 如果人們不知道你的應(yīng)用程序怎樣工作或在你的網(wǎng)站上應(yīng)該去哪里,他們會困惑和沮喪。
這是什么呢?鼠標(biāo)移到WordPress的按鈕時工具提示會彈出解釋其職能。
2. Concise 簡明
清晰的用戶界面是很好的,但是,您應(yīng)該謹慎,不要陷入過度明晰。定義和解釋很容易被添加,但是你這樣做的同時也增大了規(guī)模。您的界面規(guī)模增加。添加過多的解釋,您的用戶將不得不花費過多的時間去讀它們。
不僅要保持清晰,而且還保持簡潔。當(dāng)你能用一句話解釋一項功能的時候就不要用三句話。當(dāng)你可以用一個單詞標(biāo)記一個項,就不要用兩個。 保持簡潔可以節(jié)省你的用戶的寶貴的時間。 同時保持清晰和簡明并不容易,需要足夠的時間和努力來實現(xiàn),但其回報是值得的。
在 OS X 的音量控制中使用兩個小圖標(biāo)以顯示的音量從低到高。
3. Familiar熟悉
許多設(shè)計師努力使自己的界面,直觀。 但到底直觀的真正意思是什么?直觀也就是就是說可以自然地,本能地理解和領(lǐng)會。但是你怎么能做到直觀一些?你可通過是它變的熟悉來實現(xiàn)。
熟悉就是, 跟你以前遇到過的東西相似。當(dāng)你熟悉的東西,你就知道怎樣它怎么做-你知道會發(fā)生什么事情。 弄清你的用戶熟悉的并把它們?nèi)诤系侥愕挠脩艚缑?/FONT>中。
GoPlan的標(biāo)簽頁式界面。 標(biāo)簽很熟悉 , 因為他們模仿文件夾上的標(biāo)簽。
你清楚知道點擊標(biāo)簽?zāi)鷮g覽該節(jié)和其他地方的標(biāo)簽將繼續(xù)存在為了進一步導(dǎo)航。
4. Responsive易響應(yīng)
易響應(yīng)意味著兩件事。 首先,易響應(yīng)意味著快速。 如果沒有軟件在后臺,界面應(yīng)該響應(yīng)很快。等待加載和緩慢的界面是令人沮喪。 看起來加載的很快, 反正就是界面快速載入(即使內(nèi)容尚未趕上)改善了用戶體驗。
易響應(yīng)也意味著界面提供某種形式的反饋。界面應(yīng)該反饋給用戶,告知他們現(xiàn)在怎么了。 你成功地按下那個按鈕嗎?你將如何知道?按鈕應(yīng)顯示一個被按了的狀態(tài)反饋, 或許可以把按鈕上的文字改成“正在加載... ”并且禁用按鈕。 是軟件掛了還是內(nèi)容載入中?用轉(zhuǎn)動的輪子或顯示進度欄的方式來保持用戶在進程中。
Gmail會顯示一個進度欄當(dāng)您第一次進入您的收件箱。 而不是逐步載入網(wǎng)頁時,一旦一切準備就緒整個頁面即時顯示。
5. Consistent一致
適應(yīng)任何給定的上下文是很聰明,但是,一個界面仍然應(yīng)保持一定程度的一致性。
一致的界面,使用戶能夠開發(fā)慣用模式-他們會了解不同的按鈕,標(biāo)簽,圖示和其他界面元素的外觀,并識別他們。認識到在不同的情況他們所做的事情不同。他們也將了解特定的東西如何工作,能夠從過去的經(jīng)驗中更快的總結(jié)知道如何操作新功能。
在Microsoft Office的用戶界面是一致的是有原因的。
6. Attractive吸引力
這可能有一點爭議,但我相信一個良好的界面應(yīng)該有吸引力。 吸引力在某種意義上,是與界面交互變得是愉快。是的,你可以讓你的用戶界面簡單,易于使用,有效率和易反應(yīng),它將盡其出色-但如果你可以做額外的一步,使之有吸引力的。那樣用戶體驗會真正令人滿意。當(dāng)你的軟件使用起來是令人愉快的,你的客戶或工作人員將不僅是簡單地使用它-他們會期待著使用它。
當(dāng)然有許多不同類型的軟件和網(wǎng)站,所有的創(chuàng)作針對的不同的市場和用戶。什么樣看來'好'對任何一個特定的觀眾都會有所不同。 這就是說,你應(yīng)該為了你的用戶來包裝你的界面的的外觀和風(fēng)格。 此外,美感設(shè)計應(yīng)適度使用,并且是為了加強功能。美化界面不同于加載時使用多余的眼睛糖果。
谷歌是眾所周知的極簡潔的界面 , 他們關(guān)注功能重于形式,但他們顯然的花費時間美化了 Chrome用戶界面元素 , 如按鈕和圖標(biāo) , 使它們看起來正好體現(xiàn)了微妙的梯度和像素超薄突出。
7. Efficient高效率
用戶界面像是車輛,帶你去你要到的地方。這些地方是軟件應(yīng)用程序或網(wǎng)站的不同的功能。 一個良好的界面可讓您在執(zhí)行這些功能更快。 現(xiàn)在, '有效'聽起來像一個相當(dāng)模糊的屬性-如果你把所有其他的事情在這個清單上,當(dāng)然界面到頭來還是需要高效? 差不多,但不完全。
你真正需要做的是使界面能高效的找出用戶努力想要實現(xiàn)的,然后讓他們可以有條不紊的做到。 您必須確定您的應(yīng)用程序應(yīng)該如何工作' -什么功能它需要有,什么樣的目標(biāo)是你努力努力爭取實現(xiàn)? 實現(xiàn)一個界面,可以讓人們輕松地完成他們想要做的,而不只是簡單的實現(xiàn)對各個功能的訪問。
蘋果公司已經(jīng)確認了人們在其iPhone上想要對照片做三個關(guān)鍵的事情,并在照片控制中提供按鈕來分別完成他們。
8. Forgiving寬容
沒有人是完美的,當(dāng)使用你的軟件或網(wǎng)站必定有人會犯錯誤。 如何處理這些錯誤將成為你的軟件的質(zhì)量一個重要指標(biāo)。不要懲罰用戶-建立一個寬容的界面,糾正問題。
一個寬容的界面可以使你的用戶遠離代價高昂的錯誤。例如,如果有人刪除了重要的信息,他們可以輕松地重新檢索或撤消這一行動? 當(dāng)有人瀏覽到損壞或不存在的網(wǎng)頁,他們會看到什么?他們會迎接一個加密的錯誤提示還是得到了一些有用的替代目的地?
錯誤的刪除了電子郵件?Gmail可讓您迅速取消上一次的操作。
To conclude…結(jié)束...
實現(xiàn)這些特性實際上可能同實現(xiàn)另外一些特性產(chǎn)生沖突。 例如,試圖使一個界面清晰,您可能會增加太多的描述和解釋,即最終使整個界面變得大而笨重。 縮減容量,努力使事情簡潔可能產(chǎn)生相反的效果,使東西模糊不清。 實現(xiàn)一個完美的平衡需要的技能和時間,解決方案根據(jù)不同的案例也并不一樣。