設(shè)計(jì)更講究靈感了，我想設(shè)計(jì)的更高境界就是簡(jiǎn)單易用了。有很多企業(yè)的網(wǎng)站設(shè)計(jì)都偏重簡(jiǎn)潔大方，而有些卻又喜歡花里胡哨的，不過(guò)那得根據(jù)企業(yè)的自身定位而決定。
‘保持簡(jiǎn)單易用’意味著不要讓用戶分心。恰恰相反，好的UI讓用戶達(dá)成目標(biāo)。結(jié)果如何？你的培訓(xùn)和維護(hù)費(fèi)用降低，并獲得更開(kāi)心、滿足和**率的用戶。
當(dāng)你面對(duì)一個(gè)全新的界面設(shè)計(jì)時(shí)，別忘了這些原則。
編輯手記：Kyle將在紐約舉行的Web設(shè)計(jì)趨勢(shì)上繼續(xù)探討用戶界面設(shè)計(jì)的內(nèi)容。
1.了解你的用戶
“關(guān)注用戶：如果在關(guān)注競(jìng)爭(zhēng)對(duì)手還是用戶之間選擇，答案總是后者。工作總是首先從用戶開(kāi)始?！薄狫eff Bezos
了解用戶，因?yàn)橛脩舻哪繕?biāo)就是你的目標(biāo)。試著重述用戶，了解他們的技能水平和體驗(yàn)，以及什么是他們需要的。找出用戶偏好什么樣的界面，并觀察他們?cè)诮缑嬷腥绾尾僮鳌２灰詰儆谧分鹪O(shè)計(jì)趨勢(shì)的更新，或是不斷添加新的功能。前幾要的任務(wù)是關(guān)注你的用戶，這樣才能創(chuàng)造出一個(gè)能讓用戶達(dá)成目標(biāo)的界面。
2. 重視模型
用戶的大部分時(shí)間都消耗在界面中，而不是他們自身上（Facebook，MySpace，Blogger，美國(guó)銀行，學(xué)校/大學(xué)，新聞網(wǎng)站，等等）。我們無(wú)需畫蛇添足，用戶在你正在創(chuàng)造的界面中看到的正是那些（已有的）界面已經(jīng)解決的同樣問(wèn)題。利用已成慣例的UI模型，你將使用戶感覺(jué)像在家中一樣熟悉。
CoTweet在郵件應(yīng)用中運(yùn)用了廣為人知的UI模型。
3. 保持一致性
“用戶期望越多的被正確驗(yàn)證，用戶就越覺(jué)得系統(tǒng)在自己掌控之中，從而也就更喜愛(ài)它（系統(tǒng)）?！薄狫akob Nielson
用戶需要一致性。他們需要知道一旦他們學(xué)會(huì)做某項(xiàng)操作，那么下次也同樣可行。語(yǔ)言、布局和設(shè)計(jì)是需要保持一致性的幾個(gè)界面元素。一致性的界面可以讓用戶對(duì)于如何操作有更好的理解，從而提升效率。
4. 運(yùn)用視覺(jué)等級(jí)
“設(shè)計(jì)師可以從混亂中找到統(tǒng)一；他們可以通過(guò)組織操控文字、圖片從而清晰地傳達(dá)設(shè)計(jì)意圖?！薄?Jeffery Veen，Web設(shè)計(jì)藝術(shù)家和研究者
設(shè)計(jì)時(shí)，要讓用戶把注意力放在更重要的地方。每一個(gè)元素的尺寸、顏色還有位置，它們?yōu)槔斫饨缑婀餐该髁说缆贰Ｇ逦膶蛹?jí)關(guān)系將對(duì)降低外觀的復(fù)雜性起到重要作用（甚至當(dāng)行為本身也同樣復(fù)雜的時(shí)候）。
5. 提供反饋
界面要始終保持和用戶的溝通，不管是當(dāng)他/她們的行為對(duì)錯(cuò)與否。隨時(shí)提示用戶的行為：狀態(tài)更改、出現(xiàn)錯(cuò)誤或者異常信息。視覺(jué)提示或是簡(jiǎn)單文字提醒都能告訴用戶，他/她的行為是否能夠達(dá)到預(yù)期的結(jié)果。
BantamLive在界面中為大多數(shù)行為提供了一種嵌入式的載入提示。
6. （對(duì)用戶）寬容
無(wú)論你的設(shè)計(jì)有多么的清晰明了，用戶都會(huì)犯錯(cuò)。你的UI應(yīng)當(dāng)允許并寬容的對(duì)待用戶的錯(cuò)誤。要為用戶提供可以撤銷行為的方式，并且對(duì)五花八門的輸入數(shù)據(jù)盡量寬容（沒(méi)人愿意只是因?yàn)樘铄e(cuò)了生日的格式而重頭再來(lái)）。同樣，如果用戶的行為引起了一個(gè)錯(cuò)誤，在恰當(dāng)?shù)臅r(shí)機(jī)運(yùn)用信息顯示什么行為是錯(cuò)誤的，并確保他/她明白如何防止這種錯(cuò)誤的再次發(fā)生。
如何利用簡(jiǎn)單的驗(yàn)證碼提高注冊(cè)率一文中講述了一個(gè)更佳的例子。
7. 鼓勵(lì)用戶
一旦用戶對(duì)界面有了經(jīng)驗(yàn)之后，要獎(jiǎng)勵(lì)他/她們，使之進(jìn)價(jià)。把復(fù)雜任務(wù)分解為若干簡(jiǎn)單步驟將會(huì)更顯繁復(fù)和讓人精力分散。提供更多的抽象方式——如鍵盤快捷鍵——完成任務(wù)，這樣會(huì)讓你的設(shè)計(jì)變得簡(jiǎn)潔易用。
8. 融入用戶的語(yǔ)言
“如果你對(duì)每個(gè)像素、每個(gè)圖標(biāo)、每個(gè)字體都考慮再三，那么你同樣需要斟酌每個(gè)詞語(yǔ)。” —— Getting Real
所有的界面或多或少都有文字在其上。讓文稿盡量口語(yǔ)化，而不是華美辭藻的堆砌。為行為提供清晰、簡(jiǎn)明的標(biāo)簽，保持簡(jiǎn)樸的文字?jǐn)⑹?。用戶?duì)此將會(huì)很贊賞，因?yàn)樗麄儾辉偈锹?tīng)命于他人的官腔——他們聽(tīng)到的是如朋友般甚至自己說(shuō)話的表述方式。
9. 保持簡(jiǎn)潔
“一個(gè)現(xiàn)代的悖論就是：創(chuàng)造復(fù)雜的界面很簡(jiǎn)單，因?yàn)閺?fù)雜到必須簡(jiǎn)化它們”—— Pär Almqvist
正所謂：大音希聲、大象無(wú)形。更上乘的設(shè)計(jì)中，你看不到華而不實(shí)的UI修飾，或是用不到的設(shè)計(jì)元素。換而是，其必須的元素一定是簡(jiǎn)潔且有意義的。當(dāng)你想著是否要再界面上加一個(gè)心功能或是元素的時(shí)候，問(wèn)吻凹岡己，“用戶真的需要這些嗎？”或者是“為什么用戶想要這個(gè)小巧的動(dòng)態(tài)圖標(biāo)？”。你是否只是因?yàn)槌鲇谧晕蚁埠枚砑舆@些元素？記住，永遠(yuǎn)不要在UI設(shè)計(jì)中給自己出風(fēng)頭。
10. 不斷向前
爺爺：如果每次失敗我都放棄的話，那么我將永遠(yuǎn)不會(huì)發(fā)明耐火褲！【這時(shí)褲子燒光了，露出了底褲】
爺爺：接縫處還在改良中……
節(jié)選自《未來(lái)小子》
《未來(lái)小子》一片是我更喜愛(ài)的電影之一。貫穿影片的主角Lewis一直在挑戰(zhàn)著“不斷向前”。這正是UI設(shè)計(jì)的關(guān)鍵準(zhǔn)則。
人們常說(shuō)，當(dāng)開(kāi)發(fā)界面的時(shí)候，你往往需要失敗的快一點(diǎn)，這樣就能頻繁迭代。當(dāng)創(chuàng)建UI之時(shí)，你總會(huì)碰到錯(cuò)誤。沒(méi)關(guān)系，只要不斷向前，并且要牢記讓你的UI簡(jiǎn)單易用。
這十個(gè)原則就是我們?cè)谶M(jìn)行用戶界面設(shè)計(jì)師應(yīng)遵守的一些原則。希望這些知識(shí)能給大家?guī)?lái)幫助。
網(wǎng)站UI設(shè)計(jì)10大原則，歡迎咨詢合作。
