UI設(shè)計(jì)師在設(shè)計(jì)中要注意的七個(gè)法則

雖然當(dāng)下的網(wǎng)頁(yè)的功能無(wú)非是引導(dǎo)或者填表，但是隨著新技術(shù)和新標(biāo)準(zhǔn)的發(fā)展，網(wǎng)頁(yè)設(shè)計(jì)中出現(xiàn)了越來(lái)越多對(duì)動(dòng)態(tài)化和定制化的要求。UI設(shè)計(jì)的工作量隨之會(huì)越來(lái)越大，讓我們來(lái)看看設(shè)計(jì)中必須牢記的一些規(guī)則。

 

1. 元素意思清晰  – 用戶會(huì)直接忽略那些意思不清楚的元素

曾經(jīng)的Gmail頁(yè)面有非常簡(jiǎn)單的一系列按鍵，云盤(pán)，日歷，等等。直到某天Google決定要“簡(jiǎn)化”，把所有的這些功能放到了一個(gè)抽象的按鍵里面，結(jié)果呢？沒(méi)人注意到它，而Google客服收到了一堆求助郵件。

人們趨向于忽略不能理解的東西，這是我們?nèi)祟惖奶煨浴Ｒ虼嗽O(shè)計(jì)里一定要避免讓人難以理解的元素，沒(méi)人會(huì)去研究它們是怎么回事。

 

2.  始終有引導(dǎo) – 用戶知道下面要做什么的時(shí)候感覺(jué)最舒服

看看這里Twitter的頁(yè)面，你覺(jué)得新用戶知道在這兒該做什么么？

新用戶其實(shí)應(yīng)該開(kāi)始tweeting，發(fā)消息。但是在頂邊右手的那個(gè)”創(chuàng)建新消息“的按鍵是如此的不明顯，而左邊的那個(gè)“編寫(xiě)新消息“的輸入框又和背景融合的太好了。從設(shè)計(jì)上看，Twitter似乎希望用戶使用搜索或者從左邊一欄的菜單開(kāi)始，因?yàn)檫@些元素才是比較突出的。

用戶絕對(duì)應(yīng)該知道下一步要做什么，首選操作必須明顯突出。

 

3.  功能緊湊 – 用戶總是希望修改按鍵能就在修改目標(biāo)的邊上

你怎么去修改Facebook里的名字呢？首先在頂部右手的角落找到“設(shè)置”，點(diǎn)擊“賬號(hào)設(shè)置”，找到“名字”，點(diǎn)擊“編輯”。但是同樣的事情在LinkedIn里怎么做呢？只需要點(diǎn)擊你名字邊上的那個(gè)鉛筆的標(biāo)志。

用戶總是希望在有上下文的目標(biāo)邊上看到控制按鍵，這和真實(shí)生活是一致的：要做爆米花的時(shí)候就放玉米到微波爐里，把微波爐的按鍵撥到開(kāi)啟。很難想象流程變成這樣：你的微波爐說(shuō)明讓你先下樓，打開(kāi)地下室的門(mén)，找到一個(gè)電器盒子，再把某個(gè)G-35的按鍵撥到爆米花模式（就和Facebook修改名字流程一樣）。

讓用戶能快速上手 – 請(qǐng)把編輯，修改等等操控按鍵直接就放在可以編輯修改的內(nèi)容邊上。

 

4. 默認(rèn)設(shè)置很重要 – 很少用戶會(huì)修改默認(rèn)的設(shè)定

還記得Nokia的經(jīng)典鈴聲么？這曾經(jīng)是這個(gè)星球上最流行的鈴聲呢。為什么？因?yàn)檫@個(gè)是Nokia的默認(rèn)鈴聲，幾乎所有人都沒(méi)有改過(guò)這個(gè)設(shè)置。

默認(rèn)設(shè)置是很重要的一個(gè)東西

– 絕大多數(shù)人在手機(jī)上用的都是默認(rèn)的鈴聲和背景

– 絕大多數(shù)人從不修改電視機(jī)的出場(chǎng)設(shè)置

– 絕大多數(shù)人也不會(huì)去修改默認(rèn)的冰箱溫度設(shè)置

我們不會(huì)注意到默認(rèn)設(shè)置，但是默認(rèn)設(shè)置統(tǒng)治著我們周圍的世界。所以請(qǐng)確保默認(rèn)設(shè)置是盡可能實(shí)際而有用的 -要知道有些人可能永遠(yuǎn)都不會(huì)去修改它們。

 

5. 給要求 – 用戶被要求做什么的時(shí)候往往都會(huì)去做

期待用戶自發(fā)的去做和要求他們?nèi)プ龅慕Y(jié)果，區(qū)別真的是非常的大。

例如，當(dāng)LinkedIn介紹“支持”這個(gè)功能的時(shí)候，它沒(méi)期望用戶會(huì)弄明白怎么用。但是，他們?cè)诤?jiǎn)歷頁(yè)面的上面放置了一個(gè)非常明顯的提示用戶去做的框。這個(gè)提示框再結(jié)合大多數(shù)人都喜歡給他人些“支持”，讓這個(gè)功能獲得了空前的成功。

這個(gè)案例告訴我們：如果你希望用戶做什么，直接的毫不猶豫的告訴他們。

 

6. 給反饋 – 當(dāng)持續(xù)獲得清楚的反饋時(shí)用戶會(huì)最有信心

這個(gè)邏輯非常簡(jiǎn)單，你的界面給予反饋越清楚，用戶就越有信心繼續(xù)使用。

Gmail是一個(gè)很好的參考案例，你做的每一個(gè)步驟在那里都能得到清楚的提示和反饋，還提供了“了解更多”還是“取消”這樣的鏈接。這樣一來(lái)用戶覺(jué)得自己能控制，讓他們有信心再次使用。

 

7.  盡量簡(jiǎn)化  – 用戶更愿意去完成被分解為小步驟的復(fù)雜操作。

比較上圖的左右兩個(gè)表格，它們有幾乎相同數(shù)量的填空，但是右邊的看起來(lái)更容易解決。

我們都很討厭又長(zhǎng)又復(fù)雜的表格，因?yàn)榭雌饋?lái)很單調(diào)，麻煩又很難檢查。但是如果你能把一個(gè)大表格切分成幾個(gè)步驟，加上個(gè)完成百分比的進(jìn)度條，事情就變的可控多了。

這就是簡(jiǎn)化的法則，人們都寧可選完成10個(gè)小任務(wù)，而不是1個(gè)超大的任務(wù)。小任務(wù)不讓人畏懼，而且能給我們很好的成就感。

為什么是“法則”而不是“規(guī)范”呢

我選“法則”這個(gè)詞的一個(gè)原因是，我從沒(méi)有見(jiàn)過(guò)任何一個(gè)案例在違反了這些法則后還能得到好的結(jié)果。違反之后的一個(gè)結(jié)果就是就是抓狂的用戶到處抱怨你糟糕的設(shè)計(jì)。

玩笑歸玩笑，用戶界面設(shè)計(jì)是一個(gè)敏感和責(zé)任重大的任務(wù)。上述法則將幫助你更好地做到這一點(diǎn)，如果你決定打破它們，請(qǐng)確保你有一個(gè)很好的理由。