系列文章索引

來自goodui交互設(shè)計(jì)思路（一）

來自goodui交互設(shè)計(jì)思路（二）

來自goodui交互設(shè)計(jì)思路（三）

來自goodui交互設(shè)計(jì)思路（四）

21.讓界面平滑顯示而不要死板地呈現(xiàn)

用戶進(jìn)行操作過程中，界面上的元素會經(jīng)常出現(xiàn)，隱藏，打開，關(guān)閉，放大縮小移位等。給這些元素增加些自然的動畫，淡入淡出效果不但美觀，也更符合實(shí)際，本來元素尺寸位置的變化就是一個需要時間的動畫過程。但要注意動畫時間不要設(shè)置過長，那樣會讓想盡快完成操作的用戶不耐煩。

22.循序漸進(jìn)的引導(dǎo)而不要直接讓用戶注冊

與其讓用戶馬上注冊，何不讓用戶先進(jìn)行一些體驗(yàn)式的操作呢。這個體驗(yàn)過程可以展示程序的功能，特性等。一旦用戶通過簡單幾步的操作了解了程序的價值所在，那么它會更愿意填寫注冊表單的。這種循序漸進(jìn)的引導(dǎo)可以盡量推遲用戶注冊的時間但又可以讓用戶在沒注冊的情況下進(jìn)行個性化設(shè)置等簡單操作。

23.過多邊框會讓界面四分五裂

過程邊框會喧賓奪主。不用說，邊框確實(shí)在劃分區(qū)域進(jìn)行版塊設(shè)置時有很大的作用，但同時其明顯的線條也會吸引走用戶的注意力。為了達(dá)到劃分版塊又不轉(zhuǎn)移用戶注意力的目的，在排版時可以將界面上不同區(qū)域的元素通過空白進(jìn)行分組，用上不同的背景色，將文字對齊方式進(jìn)行統(tǒng)一，還有就是為不同區(qū)域設(shè)置不同的樣式。當(dāng)使用所見即所得的界面設(shè)計(jì)工具時，我們經(jīng)常在界面上方便地拖出很多區(qū)塊來，這些區(qū)塊多了就會顯得雜亂無章。所以我們又會到處放些橫線來分界。一個更好的做法是將區(qū)塊垂直對齊，這樣做不會讓那些多余的線條來擾亂視覺。

24.展示產(chǎn)品帶來的好處而不要羅列產(chǎn)品特性

市場就是這樣的，用戶永遠(yuǎn)只關(guān)心自身利益而產(chǎn)品特性對他們來說倒不是那么重要。只有利益才更直觀地體現(xiàn)出使用產(chǎn)品所帶來的價值。Chris Guillebeau在他的著作《100美元起家》中指出，相比壓力，沖突，煩心事和未知的未來，人們在乎得更多的是愛，金錢，認(rèn)同感和自由支配的空閑時間。所以我相信在展示產(chǎn)品特性時回歸到利益上是必要的。

25.不要把產(chǎn)品設(shè)計(jì)得過于依賴于數(shù)據(jù)

界面上經(jīng)常需要呈現(xiàn)不同數(shù)量的數(shù)據(jù)，從0，1，10，100到10000+等。這里存在個普遍的問題就是：在程序最開始使用的0條數(shù)據(jù)到過度到有數(shù)據(jù)之前，該如何進(jìn)行顯示界面。這也是我們經(jīng)常忽視了的地方。當(dāng)程序初始沒有數(shù)據(jù)時，用戶看到的就是一片空白，此時用戶可能不知道該進(jìn)行哪些操作。利用好沒有數(shù)據(jù)的初始界面可以讓用戶學(xué)習(xí)和熟悉如何使用程序，在程序中創(chuàng)建數(shù)據(jù)。力臻完美永遠(yuǎn)是我們追求的目標(biāo)，界面設(shè)計(jì)也不例外。

26.默認(rèn)將用戶引入

將界面做成默認(rèn)用戶選中想要使用你的產(chǎn)品，意味首如果用戶真的需要使用，那么可以直接點(diǎn)擊確定而不需要額外點(diǎn)選了。當(dāng)然，也有另一種做法就是默認(rèn)不選中服務(wù)，用戶需要的話可以手動點(diǎn)選。前者這種設(shè)計(jì)更好的原因有兩點(diǎn)。一是用戶不需要額外點(diǎn)選，非常省事，因?yàn)槟J(rèn)設(shè)置為用戶需要我們的產(chǎn)品或服務(wù)。二是這種做法某種程度上是在向用戶推薦產(chǎn)品，暗示了其他人都選擇了我們。當(dāng)然，將界面設(shè)計(jì)成默認(rèn)選擇的樣子多少存在點(diǎn)爭議，有點(diǎn)強(qiáng)迫用戶的感覺。如果你想道德一點(diǎn)，你可以要么把讓用戶選擇的文字寫得模棱兩可，要么使用雙重否定這樣不那么直白的描述，這兩種方式都可以讓用戶覺得沒有那么強(qiáng)的感覺是被強(qiáng)迫選擇使用產(chǎn)品的。

27.界面設(shè)計(jì)得一致，不要增加用戶的學(xué)習(xí)成本

自從Donald Norman的一系列著作面世后，界面設(shè)計(jì)中盡量保持一致性成了一個普遍遵循的準(zhǔn)則。在設(shè)計(jì)中保持一致性可以減少用戶的學(xué)習(xí)成本，用戶不需要學(xué)習(xí)新的操作。當(dāng)我們點(diǎn)擊按鈕，或者進(jìn)行拖拽操作，我們期望這樣的操作在整個程序的各個界面都是一致的，會得到相似的結(jié)果出來。反之我們需要新情境下重新學(xué)習(xí)某種操作會產(chǎn)生何種結(jié)果?？梢栽诤芏喾矫嫦鹿Ψ騺韺?shí)現(xiàn)一個一致的界面，包括顏色，方向，元素的表現(xiàn)形式，位置，大小，形狀等。不過在讓界面變得一致之前，記住一點(diǎn)，適當(dāng)?shù)拇蚱普w的一致性也是可取的。這偶爾的不一致性的設(shè)計(jì)用在你需要強(qiáng)調(diào)的地方可以起到很大的作用。所以世事無絕對，我們應(yīng)遵從一致的設(shè)計(jì)準(zhǔn)則，但適當(dāng)?shù)卮蚱七@種常規(guī)。

28.使用較貼切的默認(rèn)值會減少操作

適當(dāng)?shù)哪J(rèn)值和預(yù)先填充好的表單字段可以大量減少用戶的工作量。在節(jié)省用戶寶貴的時間上面，這是種非常常見的做法，可以幫助用戶快速填完表單或者注冊信息。

29.遵從一些約定而不要去重新設(shè)計(jì)

界面設(shè)計(jì)中遵從約定的準(zhǔn)則跟之前的界面一致性準(zhǔn)則很相似。如果我們遵從了界面設(shè)計(jì)中的一些約定，用戶用起來會很方便。相反，不一致和沒有遵從約定的設(shè)計(jì)則會提高學(xué)習(xí)成本。有了界面設(shè)計(jì)中這些約定，我們想都不用想就知道界面右上角（大多數(shù)情況下）的叉叉是關(guān)閉程序用的，或者點(diǎn)擊一個按鈕后我們能夠預(yù)測到將會發(fā)生什么。當(dāng)然，約定是會過時的，隨著時間的推移，同樣的操作也有可能被賦予新的含義。但要記住，當(dāng)你在界面中打破這些常規(guī)時一定要目的明確，并且出發(fā)點(diǎn)是好的。

30.讓用戶覺得可以避免失去而不是獲得

我們喜歡成功，沒有誰愿意失敗。根據(jù)心理學(xué)得到的可靠結(jié)論，人們一般更頃向于避免失去擁有的東西而不是獲得新的利益。這一結(jié)論也適用于產(chǎn)品的設(shè)計(jì)和推廣中。試著說明你的產(chǎn)品會幫助客戶維護(hù)他的利益，保持健康，社會地位等要好過告訴客戶這個產(chǎn)品會帶來一些他未曾擁有的東西。比如保險公司，它是在銷售我們出事之后可以得到的大筆賠償呢還是在強(qiáng)調(diào)可以幫助我們避免失去擁有的財(cái)產(chǎn)？

本文來源：劉哇勇的部落格 原文翻譯自Good UI?http://goodui.org