藍(lán)藍(lán)設(shè)計(jì)( www.alimai.net )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里

來(lái)源：莫貝網(wǎng)

當(dāng)你構(gòu)建你的用戶(hù)界面和網(wǎng)站的時(shí)候，有各種各樣的關(guān)于界面設(shè)計(jì)方法和模式的信息你可以使用， 對(duì)常見(jiàn)問(wèn)題的解決方案和一般可用性的建議。下列專(zhuān)家給出的準(zhǔn)則可能會(huì)引導(dǎo)你創(chuàng)造一個(gè)良好的用戶(hù)界面， 但是究竟什么才是一個(gè)良好的界面？ 一個(gè)有價(jià)值的用戶(hù)界面應(yīng)該具有那些特性？

以下八個(gè)特性是一個(gè)良好的用戶(hù)界面所必須的：

清楚

簡(jiǎn)明

熟悉

易響應(yīng)

一致

吸引力

寬容

1.  Clear / 清楚的

清晰度是用戶(hù)界面設(shè)計(jì)最重要的元素。事實(shí)上，用戶(hù)界面設(shè)計(jì)的所有目的是為了使人們能夠與您的系統(tǒng)通過(guò)溝通和功能來(lái)進(jìn)行交互。 如果人們不知道你的應(yīng)用程序怎樣工作或在你的網(wǎng)站上應(yīng)該去哪里，他們會(huì)困惑和沮喪。

這是什么呢？鼠標(biāo)移到WordPress的按鈕時(shí)工具提示會(huì)彈出解釋其職能。

2. Concise / 簡(jiǎn)明

清晰的用戶(hù)界面是很好的，但是，您應(yīng)該謹(jǐn)慎，不要陷入過(guò)度明晰。定義和解釋很容易被添加，但是你這樣做的同時(shí)也增大了規(guī)模。您的界面規(guī)模增加。添加過(guò)多的解釋?zhuān)挠脩?hù)將不得不花費(fèi)過(guò)多的時(shí)間去讀它們。

不僅要保持清晰，而且還保持簡(jiǎn)潔。當(dāng)你能用一句話(huà)解釋一項(xiàng)功能的時(shí)候就不要用三句話(huà)。當(dāng)你可以用一個(gè)單詞標(biāo)記一個(gè)項(xiàng)，就不要用兩個(gè)。 保持簡(jiǎn)潔可以節(jié)省你的用戶(hù)的寶貴的時(shí)間。 同時(shí)保持清晰和簡(jiǎn)明并不容易，需要足夠的時(shí)間和努力來(lái)實(shí)現(xiàn)，但其回報(bào)是值得的。

在 OS X 的音量控制中使用兩個(gè)小圖標(biāo)以顯示的音量從低到高。

3.  Familiar / 熟悉

許多設(shè)計(jì)師努力使自己的界面，直觀(guān)。但到底直觀(guān)的真正意思是什么？直觀(guān)也就是就是說(shuō)可以自然地，本能地理解和領(lǐng)會(huì)。但是你怎么能做到直觀(guān)一些？你可通過(guò)是它變的熟悉來(lái)實(shí)現(xiàn)。

熟悉就是， 跟你以前遇到過(guò)的東西相似。當(dāng)你熟悉的東西，你就知道怎樣它怎么做-你知道會(huì)發(fā)生什么事情。 弄清你的用戶(hù)熟悉的并把它們?nèi)诤系侥愕挠脩?hù)界面中。

GoPlan的標(biāo)簽頁(yè)式界面。標(biāo)簽很熟悉，因?yàn)樗麄兡７挛募A上的標(biāo)簽。你清楚知道點(diǎn)擊標(biāo)簽?zāi)鷮g覽該節(jié)和其他地方的標(biāo)簽將繼續(xù)存在為了進(jìn)一步導(dǎo)航。

4.  Responsive / 易響應(yīng)

易響應(yīng)意味著兩件事。首先，易響應(yīng)意味著快速。如果沒(méi)有軟件在后臺(tái)，界面應(yīng)該響應(yīng)很快。等待加載和緩慢的界面是令人沮喪?？雌饋?lái)加載的很快，反正就是界面快速載入（即使內(nèi)容尚未趕上）改善了用戶(hù)體驗(yàn)。

易響應(yīng)也意味著界面提供某種形式的反饋。界面應(yīng)該反饋給用戶(hù)，告知他們現(xiàn)在怎么了。你成功地按下那個(gè)按鈕嗎？你將如何知道？按鈕應(yīng)顯示一個(gè)被按了的 狀態(tài)反饋，或許可以把按鈕上的文字改成“正在加載… ”并且禁用按鈕。是軟件掛了還是內(nèi)容載入中？用轉(zhuǎn)動(dòng)的輪子或顯示進(jìn)度欄的方式來(lái)保持用戶(hù)在進(jìn)程中。

Gmail會(huì)顯示一個(gè)進(jìn)度欄當(dāng)您第一次進(jìn)入您的收件箱。 而不是逐步載入網(wǎng)頁(yè)時(shí)，一旦一切準(zhǔn)備就緒整個(gè)頁(yè)面即時(shí)顯示。

5.  Consistent / 一致

之前我談過(guò)關(guān)于上下文的重要性，以及它應(yīng)如何指導(dǎo)你的設(shè)計(jì)決定。我認(rèn)為，適應(yīng)任何給定的上下文是很聰明，但是，一個(gè)界面仍然應(yīng)保持一定程度的一致性。

一致的界面，使用戶(hù)能夠開(kāi)發(fā)慣用模式-他們會(huì)了解不同的按鈕，標(biāo)簽，圖示和其他界面元素的外觀(guān)，并識(shí)別他們。認(rèn)識(shí)到在不同的情況他們所做的事情不同。他們也將了解特定的東西如何工作，能夠從過(guò)去的經(jīng)驗(yàn)中更快的總結(jié)知道如何操作新功能。

在Microsoft Office的用戶(hù)界面是一致的是有原因的。

6.  Attractive / 吸引力

這可能有一點(diǎn)爭(zhēng)議，但我相信一個(gè)良好的界面應(yīng)該有吸引力。吸引力在某種意義上，是與界面交互變得是愉快。是的，你可以讓你的用戶(hù)界面簡(jiǎn)單，易于使用，有效 率和易反應(yīng)，它將盡其出色-但如果你可以做額外的一步，使之有吸引力的。那樣用戶(hù)體驗(yàn)會(huì)真正令人滿(mǎn)意。當(dāng)你的軟件使用起來(lái)是令人愉快的，你的客戶(hù)或工作人 員將不僅是簡(jiǎn)單地使用它-他們會(huì)期待著使用它。

當(dāng)然有許多不同類(lèi)型的軟件和網(wǎng)站，所有的創(chuàng)作針對(duì)的不同的市場(chǎng)和用戶(hù)。什么樣看來(lái)’好’對(duì)任何一個(gè)特定的觀(guān)眾都會(huì)有所不同。這就是說(shuō)，你應(yīng)該為了你 的用戶(hù)來(lái)包裝你的界面的的外觀(guān)和風(fēng)格。此外，美感設(shè)計(jì)應(yīng)適度使用，并且是為了加強(qiáng)功能。美化界面不同于加載時(shí)使用多余的眼睛糖果。

谷歌是眾所周知的極簡(jiǎn)潔的界面，他們關(guān)注功能重于形式，但他們顯然的花費(fèi)時(shí)間美化了Chrome用戶(hù)界面元素，如按鈕和圖標(biāo)，使它們看起來(lái)正好體現(xiàn)了微妙的梯度和像素超薄突出。

7.  Efficient / 率

用戶(hù)界面像是車(chē)輛，帶你去你要到的地方。這些地方是軟件應(yīng)用程序或網(wǎng)站的不同的功能。一個(gè)良好的界面可讓您在執(zhí)行這些功能更快。現(xiàn)在， ‘有效’聽(tīng)起來(lái)像一個(gè)相當(dāng)模糊的屬性-如果你把所有其他的事情在這個(gè)清單上，當(dāng)然界面到頭來(lái)還是需要？差不多，但不完全。

你真正需要做的是使界面能的找出用戶(hù)努力想要實(shí)現(xiàn)的，然后讓他們可以有條不紊的做到。您必須確定您的應(yīng)用程序應(yīng)該如何工作’ -什么功能它需要有，什么樣的目標(biāo)是你努力努力爭(zhēng)取實(shí)現(xiàn)？實(shí)現(xiàn)一個(gè)界面，可以讓人們輕松地完成他們想要做的，而不只是簡(jiǎn)單的實(shí)現(xiàn)對(duì)各個(gè)功能的訪(fǎng)問(wèn)。

蘋(píng)果公司已經(jīng)確認(rèn)了人們?cè)谄鋓Phone上想要對(duì)照片做三個(gè)關(guān)鍵的事情，并在照片控制中提供按鈕來(lái)分別完成他們。

8.  Forgiving / 寬容

沒(méi)有人是完美的，當(dāng)使用你的軟件或網(wǎng)站必定有人會(huì)犯錯(cuò)誤。 如何處理這些錯(cuò)誤將成為你的軟件的質(zhì)量一個(gè)重要指標(biāo)。不要懲罰用戶(hù)-建立一個(gè)寬容的界面，糾正問(wèn)題。

一個(gè)寬容的界面可以使你的用戶(hù)遠(yuǎn)離代價(jià)高昂的錯(cuò)誤。例如，如果有人刪除了重要的信息，他們可以輕松地重新檢索或撤消這一行動(dòng)？ 當(dāng)有人瀏覽到損壞或不存在的網(wǎng)頁(yè)，他們會(huì)看到什么？他們會(huì)迎接一個(gè)加密的錯(cuò)誤提示還是得到了一些有用的替代目的地？

錯(cuò)誤的刪除了電子郵件？Gmail可讓您迅速取消上一次的操作。

To conclude…結(jié)束…

實(shí)現(xiàn)這些特性實(shí)際上可能同實(shí)現(xiàn)另外一些特性產(chǎn)生沖突。例如，試圖使一個(gè)界面清晰，您可能會(huì)增加太多的描述和解釋?zhuān)醋罱K使整個(gè)界面變得大而笨重?？s 減容 量，努力使事情簡(jiǎn)潔可能產(chǎn)生相反的效果，使東西模糊不清。實(shí)現(xiàn)一個(gè)完美的平衡需要的技能和時(shí)間，解決方案根據(jù)不同的案例也并不一樣。