優(yōu)秀用戶界面設(shè)計(jì)74條準(zhǔn)則

優(yōu)秀的產(chǎn)品設(shè)計(jì)能夠幫助企業(yè)提升數(shù)據(jù),同時(shí)還可以提供用戶一個(gè)良好的使用體驗(yàn)。

本文檔會(huì)持續(xù)更新內(nèi)容。

1、盡量使用單列而不是多列布局

單列布局能夠讓對(duì)全局有更好的掌控。同時(shí)用戶也可以一目了然內(nèi)容。而多列而已則會(huì)有分散用戶注意力的風(fēng)險(xiǎn)使你的主旨無(wú)法很好表達(dá)。最好的做法是用一個(gè)有邏輯的敘述來(lái)引導(dǎo)用戶并且在文末給出你的操作按鈕。

2、放出禮品往往更具誘惑力

給用戶一份精美小禮品這樣的友好舉動(dòng)再好不過(guò)了。具體來(lái)講,送出禮品也是之有效的獲得客戶忠誠(chéng)度的戰(zhàn)術(shù),這是建立在人們互惠準(zhǔn)則上的。而這樣做所帶來(lái)的好處也是顯而易見(jiàn)的,會(huì)讓你在往后的活動(dòng)進(jìn)展(不管是推銷,產(chǎn)品更新還是再次搞活動(dòng))中更加順利。


3、整合相似的功能,去掉零碎的 UI 元素

在整個(gè)產(chǎn)品開(kāi)發(fā)期間我們會(huì)有意無(wú)意地創(chuàng)建很多模塊,版面或者元素,而它們的功能可能有些是重疊的。此種情況表明界面已經(jīng)過(guò)度設(shè)計(jì)了。時(shí)刻警惕這些冗余的功能模塊,它無(wú)用且降低了電腦性能。此外,界面上模塊越多,用戶的學(xué)習(xí)成本就越大。所以請(qǐng)考慮重構(gòu)你的界面使它足夠精簡(jiǎn)。

4、利用社會(huì)認(rèn)同效應(yīng),別總是自吹自擂

在獲得項(xiàng)目機(jī)會(huì)或提高項(xiàng)目轉(zhuǎn)化率時(shí)客戶的好評(píng)是一種極為有效的手段。當(dāng)潛在客戶看到其他人對(duì)你的服務(wù)給予好評(píng)時(shí),項(xiàng)目機(jī)會(huì)會(huì)大增。所以試著提供一些含金量高的證據(jù)證明這些好評(píng)是真實(shí)可信的。

5、口號(hào)需要多次強(qiáng)化顯示

多次重復(fù)主旨口號(hào)這種方法適用于界面很長(zhǎng)或者分頁(yè)的情況。首先你肯定不想滿屏刷出相同的信息,這樣會(huì)讓人生厭。但當(dāng)頁(yè)面足夠長(zhǎng)的時(shí)候這些重復(fù)就顯示自然多了并且也不顯得擁擠。所在在頁(yè)面頂部放一個(gè)按鈕然后在頁(yè)面底部再適當(dāng)放個(gè)突出的按鈕的做法沒(méi)有什么不妥。這樣當(dāng)用戶到達(dá)頁(yè)面底部在思考接下來(lái)該做什么的時(shí)候,你提供的按鈕就可以獲得一個(gè)潛在的合同或者即使用戶不需要你的服務(wù)這個(gè)按鈕也可以起到過(guò)濾的作用。

6、統(tǒng)一視覺(jué)規(guī)范,提升可識(shí)別性。區(qū)分選中和可點(diǎn)擊的狀態(tài),不要使用戶困惑。

7、嘗試使用推薦的口吻,而不是讓用戶感覺(jué)面對(duì)一臺(tái)冷冰冰的機(jī)器。布局有層次有重點(diǎn),而非簡(jiǎn)單羅列。

8、給出撤銷操作來(lái)代替確定操作

假設(shè)你剛點(diǎn)擊了一個(gè)連接或者按鈕,撤銷操作可以讓操作流暢自然,這也符合人類的本能。而每次操作都彈一個(gè)確定框則好像是在質(zhì)問(wèn)用戶你明白不明白這個(gè)操作會(huì)產(chǎn)生什么后果。我還是更習(xí)慣假設(shè)用戶每次操作都是正確的,其實(shí)只有極少數(shù)情況下才會(huì)發(fā)生誤操作。所以,為了防止誤操作而設(shè)計(jì)的確認(rèn)窗口其實(shí)是不人性化的,用戶每次操作都需要進(jìn)行毫無(wú)意義的確定。所以請(qǐng)考慮在你的產(chǎn)品里實(shí)現(xiàn)撤銷操作來(lái)增加用戶的操作友好度吧。

9、明確的告知用戶適用人群而不是簡(jiǎn)單的面向所用用戶

10、將文案寫得更加的直接,而不是一堆廢話

你可以通過(guò)不確定而顫抖的聲音來(lái)表達(dá)傳遞自己的意思,當(dāng)然也可以通過(guò)很自信的方式表達(dá)。如果你在界面中的表述用語(yǔ)多以問(wèn)號(hào)結(jié)束,比如"也許","可能","感興趣?" 或者"想要試試么?",那么你完全還可以把語(yǔ)氣變得更堅(jiān)定一些。不過(guò)萬(wàn)事無(wú)絕對(duì),或許適當(dāng)放松措詞讓用戶有自行思考的余地也是可以的。

11、增強(qiáng)主行動(dòng)點(diǎn)的視覺(jué)沖擊力,提升它在頁(yè)面中的可對(duì)比性

把主要功能區(qū)從界面中突出顯示出來(lái)效果會(huì)好很多。使你的主要口號(hào)醒目有很多種方法。通過(guò)明暗色調(diào)的對(duì)比來(lái)突顯。通過(guò)為元素添加陰影漸變等效果讓界面富有層次感來(lái)張顯主題。最后,你甚至可以在色相環(huán)上專門選擇互補(bǔ)色(比如黃色與紫色)來(lái)設(shè)計(jì)你的界面,以達(dá)到突出重心的目的。綜合所有這些,最后得到的界面會(huì)使你的主要意圖與界面其他元素有明顯的區(qū)分,得到完美的呈現(xiàn)。

12、指明產(chǎn)地

指明你的地區(qū),所提供的服務(wù),產(chǎn)品來(lái)自哪里意義重大,同時(shí)也將與客戶的溝通引入了一個(gè)更具體帶有地域特色的場(chǎng)景中。指出具體來(lái)自哪里,國(guó)家,省分及城市,也是一種在進(jìn)行自我介紹或產(chǎn)品展示時(shí)被常常提及的。當(dāng)你在界面設(shè)計(jì)中實(shí)現(xiàn)這點(diǎn)時(shí),讓人覺(jué)得非常友好。同時(shí)指明區(qū)域也會(huì)隱形提高產(chǎn)品的聲譽(yù),好上加好。

13、精簡(jiǎn)表單內(nèi)容

生性就懶惰,在填寫表單時(shí)也是同樣的道理,沒(méi)人愿意填寫一大堆表單字段。表單中每個(gè)字段都會(huì)有失去用戶的風(fēng)險(xiǎn)。不是每個(gè)人打字都很快速的,并且在移動(dòng)設(shè)備上進(jìn)行輸入更是相當(dāng)麻煩的事情。問(wèn)下自己表單中是不是每個(gè)字段都必需,然后盡量減少表單中的字段。如果你確實(shí)需要一大堆信息讓用戶填寫,試著將它們分散在不同頁(yè)面,在表單提交后還可以繼續(xù)補(bǔ)充。過(guò)多字段很容易讓整個(gè)表單顯示臃腫,當(dāng)然想簡(jiǎn)潔也很容易,只放少數(shù)字段。

14、暴露選項(xiàng)而不要將操作隱藏

你使用的任何一個(gè)下拉框都會(huì)對(duì)用戶造成信息的隱藏而需要額外的操作才能顯示。如果這些信息是貫穿整個(gè)操作所必需的,那你最好把它展示出來(lái)做得更顯而易見(jiàn)一點(diǎn)。下拉框最好用在選擇日期,省份等約定俗成的地方。對(duì)于程序中重要的選項(xiàng)最好還是不要做成下拉形式。

15、使用連續(xù)性的提示符,別讓用戶誤以為頁(yè)面到了終點(diǎn)

一個(gè)平淡無(wú)奇行文無(wú)疑會(huì)讓用戶失去興趣而繼續(xù)閱讀。是的,單列滾動(dòng)的長(zhǎng)頁(yè)面是不錯(cuò)的,但是我們應(yīng)該適當(dāng)?shù)卦O(shè)置一些小節(jié),并且環(huán)環(huán)相扣,來(lái)提高用戶的興趣使其繼續(xù)閱讀。但需要注意的是節(jié)與節(jié)之間的留白不要太大。

16、功能專一而不是使用太多的鏈接

為了滿足各式用戶的需求,在頁(yè)面上放些鏈接鏈到這里鏈到那里是常見(jiàn)的做法。如果你的主要目的是想讓用戶點(diǎn)擊頁(yè)面最后那個(gè)下載按扭什么的話,就需要三思了。因?yàn)橛脩艨赡茳c(diǎn)擊了其他鏈接離開(kāi)頁(yè)面了。所以你需要注意頁(yè)面的鏈接數(shù)量,最好將用于導(dǎo)航與用于操作的鏈接用樣式區(qū)分開(kāi)。盡量移除頁(yè)面不需要的鏈接會(huì)讓用戶點(diǎn)擊到你的功能按鈕。

17、將操作的狀態(tài)或者進(jìn)度呈現(xiàn)出來(lái)

現(xiàn)如今大多界面當(dāng)中已經(jīng)呈現(xiàn)了各色樣式的進(jìn)度條或者標(biāo)明狀態(tài)的圖標(biāo),比如郵件有已讀或未讀的狀態(tài),電子帳單有支付或未支付的狀態(tài)。而在界面上呈現(xiàn)這樣的狀態(tài)對(duì)于用戶來(lái)說(shuō)是很有必要的。這樣用戶就可以知道某些操作是否成功,接下來(lái)準(zhǔn)備進(jìn)行怎樣的操作。

18、在動(dòng)作按鈕上增加些吸引人的誘惑

試想界面上有這樣兩個(gè)按鈕:一個(gè)是"獲取折扣",另一個(gè)是"立即注冊(cè)"。我敢打賭大多數(shù)人會(huì)點(diǎn)擊第一個(gè),因?yàn)榈诙€(gè)按扭讓人感覺(jué)不到有利可圖,并且"注冊(cè)"讓人聯(lián)想到填不完的表單。也就是說(shuō)讓用戶感受到獲利的按鈕更有可能被點(diǎn)擊。這種讓用戶感到好處的文字信息也可放在按鈕旁邊,不一定要做為按鈕的標(biāo)題。當(dāng)然,正常的按鈕還是有用處的,一般用于重復(fù)性操作頻繁的地方。

19. 讓操作直觀而不是讓人覺(jué)得找不到上下文

不用說(shuō)直接在元素身上進(jìn)行操作是更直觀明了的方式。比如在一個(gè)列表中,我們想讓用戶對(duì)每個(gè)條目進(jìn)行操作那么就把按鈕放到當(dāng)前條目上,而不要把放到列表之外。再比如就是直接點(diǎn)擊元素就進(jìn)入編輯狀態(tài)(比如頁(yè)面上的地址信息點(diǎn)擊后可以進(jìn)行編輯)。這種方式比傳統(tǒng)的選中再點(diǎn)擊相應(yīng)的按鈕進(jìn)行操作要簡(jiǎn)潔省事得多。當(dāng)然,對(duì)于一般性的操作本身就不需要有什么上下文的,就沒(méi)必要這么做了,比如頁(yè)面上的前進(jìn),后退按扭。

20. 直接顯示輸入框可以省略一個(gè)頁(yè)面

在一個(gè)足夠大的寬屏界面上最好還是直接給出表單,這比點(diǎn)擊按鈕再?gòu)棾霰韱我煤芏唷J紫葴p少了點(diǎn)擊操作,流程變得簡(jiǎn)潔也節(jié)省了時(shí)間。其次,直接呈現(xiàn)出表單可以讓用戶知道表單有多長(zhǎng),其實(shí)也是在告訴用戶注冊(cè)花不了多少時(shí)間。當(dāng)然,這條規(guī)則適合注冊(cè)表單非常簡(jiǎn)單的情況。

21. 用一些動(dòng)效過(guò)度而不用立即顯示變化

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

22. 循序漸進(jìn)的引導(dǎo)用戶而非生硬的要求用戶注冊(cè)

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

23. 試著減少線框,減少不必要的注意

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

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

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

25. 用戶沒(méi)有使用記錄的時(shí)候要善于引導(dǎo)

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

26. 給出默認(rèn)的選項(xiàng)而不需要用戶選擇

將界面做成默認(rèn)用戶選中想要使用你的產(chǎn)品,意味著如果用戶真的需要使用,那么可以直接點(diǎn)擊確定而不需要額外點(diǎn)選了。當(dāng)然,也有另一種做法就是默認(rèn)不選中服務(wù),用戶需要的話可以手動(dòng)點(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)爭(zhēng)議,有點(diǎn)強(qiáng)迫用戶的感覺(jué)。如果你想道德一點(diǎn),你可以要么把讓用戶選擇的文字寫得模棱兩可,要么使用雙重否定這樣不那么直白的描述,這兩種方式都可以讓用戶覺(jué)得沒(méi)有那么強(qiáng)的感覺(jué)是被強(qiáng)迫選擇使用產(chǎn)品的。

27. 保持一致性降低用戶的學(xué)習(xí)成本

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

28. 使用較貼切的默認(rèn)值,降低用戶的操作負(fù)擔(dān)

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

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

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

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

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

31. 具有層次的圖形化展示優(yōu)于直白的文字描述

具有層次的設(shè)計(jì)可以將界面上重要的部分與不次要部分區(qū)分開(kāi)來(lái)。要讓界面層次分明,可以在這些方面做文章:對(duì)齊方式,間距,顏色,縮進(jìn),字體大小,元素尺寸等。當(dāng)所有這些調(diào)整運(yùn)用得適當(dāng)時(shí),可以提高整個(gè)界面的可讀性。相比在一個(gè)很直白的界面上用戶一眼就可以從上瞟到底的設(shè)計(jì),這樣分明的設(shè)計(jì)也可以讓用戶放慢速度來(lái)慢慢閱讀。這樣也使界面更有特色一些。就好比一次旅行,你可以乘坐高鐵快速到達(dá)景區(qū)(從頁(yè)面頂部瞟到底部),但你也可以慢行以欣賞沿途風(fēng)光。所以層次分明的設(shè)計(jì)讓眼睛有可以停留的地方,而不是對(duì)著空白單調(diào)的一個(gè)屏幕。

32. 將相關(guān)的條目分組,不要雜亂無(wú)章的排列

將各個(gè)功能項(xiàng)分組合并起來(lái)可以提高程序的可用性。有點(diǎn)常識(shí)的人都知道刀子和叉子,或者打開(kāi)文件和關(guān)閉文件是放在一起的。將功能相近的元素放在一起也符合邏輯,符合我們平時(shí)的認(rèn)知。

33. 采用及時(shí)校驗(yàn)而不是到最后才提示錯(cuò)誤

在處理表單時(shí),最好立即檢測(cè)出用戶所填寫內(nèi)容是否符合要求然后給出驗(yàn)證消息。這樣錯(cuò)誤一出現(xiàn)能就能得到改正。相反,提交后再檢查表單會(huì)給出錯(cuò)誤消息,會(huì)讓用戶感到乏力又要重復(fù)之前的工作。

34.放寬對(duì)用戶輸入的要求

對(duì)用戶輸入的數(shù)據(jù),盡量放寬限制,包括格式,大小寫什么的。這樣做可以更人性化一點(diǎn),也使得界面更加友好。一個(gè)再恬當(dāng)不過(guò)的例子就是讓用戶輸入電話號(hào)碼的時(shí)候,用戶有很多種輸入方式,帶括號(hào)的,帶破折號(hào)的,帶空格的,帶區(qū)號(hào)和不帶區(qū)號(hào)的等等。如果你在代碼中來(lái)處理這些格式的問(wèn)題,代價(jià)也只是你一個(gè)人多寫幾行代碼而以,卻可以減少無(wú)數(shù)用戶的工作量。

35.讓用戶感覺(jué)需要快速做出響應(yīng)而不是毫無(wú)時(shí)間觀念

適當(dāng)?shù)木o迫感是個(gè)有效的戰(zhàn)術(shù)可以讓用戶立即做出決定而不是等上個(gè)十天半個(gè)月。重要的是這種戰(zhàn)術(shù)屢試不爽,因?yàn)樗凳玖速Y源的緊缺或者活動(dòng)的時(shí)間有限,今天可以買,但明天可能就無(wú)法這么低價(jià)了。另一方面,這一戰(zhàn)術(shù)也讓用戶感到會(huì)錯(cuò)失一次大好的機(jī)會(huì),再一次,應(yīng)用了人們害怕失去的本性。當(dāng)然,這種戰(zhàn)術(shù)會(huì)被一些人嗤之以鼻,認(rèn)為是不耿直的做法。不過(guò),這只是種戰(zhàn)術(shù)而以,并且在保持合法性的前提下應(yīng)用也無(wú)傷大雅。所以請(qǐng)不要為了營(yíng)銷而在界面上制造緊迫的假象。

36. 使用饑餓營(yíng)銷

物以稀為貴。饑餓營(yíng)銷給出的信息就是東西不多,只剩幾件,明天再來(lái),可能沒(méi)了。你去比較一下批發(fā)與限量版的東西他們的價(jià)格差距有多大就知道了。回過(guò)頭來(lái)看,那些批發(fā)商或者大零售商,他們也使用饑餓營(yíng)銷,以獲得更好的銷量。但在軟件行業(yè),我們經(jīng)常會(huì)忘記有饑餓營(yíng)銷這回事。因?yàn)閿?shù)字產(chǎn)品是可以很容易拷貝復(fù)制的,不存在缺貨的情況。其實(shí),在界面設(shè)計(jì)中,也可以將其運(yùn)用起來(lái)與現(xiàn)實(shí)中的資源緊缺進(jìn)行聯(lián)系。想想一次網(wǎng)上研討會(huì)的門票,想想你一個(gè)月可以服務(wù)的人數(shù)限制,這些信息都可以告知用戶是有限的。


37 讓用戶選擇而不是重新填寫

這一界面設(shè)計(jì)中的經(jīng)典準(zhǔn)則是有心理學(xué)依據(jù)的,相比要讓某人回想想某樣?xùn)|西,從一堆東西中認(rèn)出某樣?xùn)|西會(huì)更容易些。辨識(shí)出一樣?xùn)|西只需要我們稍微回憶一下,通過(guò)一些線索就可以完成。而回想則需要我們?nèi)嫠阉髯约旱拇竽X。也許這也是為什么試卷上選擇題會(huì)比簡(jiǎn)答題做得快的原因。所以試著在界面上展示一些用戶之前涉及到的信息讓他們進(jìn)行選擇,而不是讓他們想半天然后自己填寫。


38 增加加載的速度,別讓用戶等太久

速度很重要。頁(yè)面加載速度和UI對(duì)操作的響應(yīng)速度都直接關(guān)系到用戶是否有耐心繼續(xù)等下去。無(wú)疑地每多一秒種的等待都會(huì)失去一些用戶或者項(xiàng)目機(jī)會(huì)。一個(gè)好的解決之道當(dāng)然就是優(yōu)化你的頁(yè)面和圖片。除此之外還可以運(yùn)用心理學(xué)讓這個(gè)等待時(shí)間顯得不那么長(zhǎng)。具體來(lái)說(shuō)有兩種技巧。一是顯示進(jìn)度條,二是展示其他相關(guān)或有趣的東西來(lái)吸引用戶的注意力(就好比你沿著傳送帶走走總比傻站在原地盯著一個(gè)位置看要好得多吧)。

39讓點(diǎn)擊更輕松

像鏈接,表單的輸入框還有按鈕等,如果尺寸做得大一點(diǎn)則點(diǎn)擊起來(lái)更方便容易些。根據(jù)費(fèi)特定律,使用像鼠標(biāo)這樣的外設(shè)來(lái)點(diǎn)擊需要一些時(shí)間,特別是元素比較小的情況下,時(shí)間會(huì)更多。鑒于此,最好還是把你的表單輸入框,按鈕等做大點(diǎn)。抑或者你可以保持原有的設(shè)計(jì)不變,只是把元素可點(diǎn)擊區(qū)域(也就是熱區(qū))增大。這樣的一個(gè)典型例子是手機(jī)設(shè)備上的文本鏈接和導(dǎo)航菜單,它們文字不一定很大但背景是拉伸的,在很寬范圍內(nèi)點(diǎn)擊都有效。

40. 除了按扭外,快捷鍵也必不可少

當(dāng)你的程序廣為流傳,應(yīng)該考慮下高級(jí)用戶的感受。人們總是試圖為一些重復(fù)性的操作找到更快捷的方法,快捷鍵就應(yīng)運(yùn)而生了。相比在界面上點(diǎn)來(lái)點(diǎn)去,快捷鍵無(wú)疑大大提高工作效率。一個(gè)好的例子就是現(xiàn)今流行于各個(gè)主流程序中的J(后退)K(前進(jìn))快捷鍵組合,比如在Gmail,Twitter和Tumblr中。按鈕固然好,但快捷鍵會(huì)錦上添花。

41. 使用一些對(duì)比

42. 初始化的時(shí)候給用戶一些激勵(lì)


43.循序漸進(jìn)地引導(dǎo)用戶,不要簡(jiǎn)單粗暴地直接呈現(xiàn)給用戶


44 嘗試較小的承諾,而不是一個(gè)大的

請(qǐng)人開(kāi)始與一個(gè)較小的前期承諾,其次是一些較大的道路。大承諾會(huì)嚇跑人。從羅伯特Cialdini的工作使用借款,承諾是一個(gè)強(qiáng)大的說(shuō)服策略,觸及到人的欲望被視為具有一致的自我形象。對(duì)一致性的追求表明,一般人可以更容易地爬上一系列更小且更容易連接的動(dòng)作。一個(gè)應(yīng)用程序源于這個(gè)被稱為“腳在門技術(shù)的作品”,作品“得到了一個(gè)小'是',然后得到一個(gè)更大的'是的。”。這是一個(gè)約會(huì)網(wǎng)站,這是一個(gè)詢問(wèn)人看周圍,其次是一個(gè)介紹任務(wù),其次是一對(duì)夫婦的想法,等,這是相反的當(dāng)然要求相同的用戶鎖定到一個(gè)婚姻的權(quán)利(沒(méi)有什么錯(cuò)與結(jié)婚)。)在定價(jià)的背景下,可以看到另一個(gè)例子,當(dāng)我們要求客戶支付一系列的月費(fèi)用,而不是每年一。降低前期承諾的一個(gè)相關(guān)的策略,也可能會(huì)顯示一個(gè)“沒(méi)有合同”的消息,以使客戶覺(jué)得他們可以離開(kāi)任何時(shí)間,進(jìn)一步降低進(jìn)入門檻。

45 嘗試軟提示,而不是模態(tài)窗口

模態(tài)窗口或?qū)υ捒蚴且粋€(gè)提示,不管大家是否喜歡。抓住某人的注意力是件好事,但模態(tài)窗口經(jīng)常出現(xiàn)一些令人討厭的問(wèn)題。首先,模態(tài)窗口可以阻止用戶執(zhí)行其他功能或引用信息從后面的模式。他們也很難從中獲得一些用戶。對(duì)話框也有故障,通常停止從完成給定的工作,如果用戶是不受刺激的計(jì)算機(jī)完成的工作。最后,模型會(huì)阻撓中斷如果有人深深的在他們的任務(wù),不準(zhǔn)備采取其他行動(dòng)。為什么不考慮更微妙的內(nèi)聯(lián)或滑出可能不那么突兀的方法,同樣可以抓住人們的注意力?

46 多功能控制,而不是用戶操作更多的部分

47 嘗試圖標(biāo)標(biāo)簽,而不是打開(kāi)解釋

轉(zhuǎn)換提示圖標(biāo)可以很寬的打開(kāi)來(lái)解釋,并結(jié)合他們的話可以刪除一些模糊。以一個(gè)向下箭頭圖標(biāo)為例。這是否意味著將某個(gè)東西移下來(lái),降低它的優(yōu)先級(jí),或者下載?或是“×”圖標(biāo)意味著刪除,禁用或關(guān)閉?這個(gè)問(wèn)題變得更大,光使用的接口,那里沒(méi)有太多的時(shí)間,為人學(xué)習(xí)的圖標(biāo)的含義。為了使圖標(biāo)更容易理解,他們可以用文本標(biāo)簽來(lái)增強(qiáng)。如果空間真的是一個(gè)問(wèn)題,一些用戶界面妥協(xié),顯示所有的圖標(biāo)標(biāo)簽上的一個(gè)單一的懸停(不太痛苦比不必徘徊在每個(gè)單獨(dú)的圖標(biāo))。

48 嘗試自然語(yǔ)言,而不是干文本

自然語(yǔ)言是一種非正式的、會(huì)話的交互方式,而不僅僅是簡(jiǎn)短的、嚴(yán)格的和正式的詞。這種風(fēng)格往往與計(jì)算機(jī)能夠理解(或似乎他們理解)人類更好,原諒在必要的情況下,反之亦然。期望是2倍。首先,一個(gè)人的類型,在一個(gè)短語(yǔ)中,計(jì)算機(jī)將理想地理解的全部含義。其次,計(jì)算機(jī)的響應(yīng)也更為友好的返回。雖然我們可能不會(huì)完全沒(méi)有與第一部分,有一些基本的和有前途的例子如:搜索“多倫多天氣”在谷歌,普遍用于Firefox和Siri命令。至于界面,顯示他們的信息,如對(duì)話,有一些提示,他們可能會(huì)轉(zhuǎn)換只是有點(diǎn)更好(需要更多的測(cè)試要求)。

49 勾起好奇心,而不是保留

轉(zhuǎn)換提示的好奇心是一種轉(zhuǎn)換策略,它試圖通過(guò)提供一點(diǎn)點(diǎn)的梳理信息來(lái)推動(dòng)對(duì)某物的欲望。這可能是一個(gè)樣章,一個(gè)演示,試用,或一些免費(fèi)的正版內(nèi)容,這導(dǎo)致了一個(gè)行動(dòng)電話,聽(tīng)起來(lái)像是“為了看到休息,做XYZ”。用樣品和鉤子來(lái)梳理你的用戶、客戶和/或線索是人們想在行動(dòng)的道路上繼續(xù)下去的好方法。正如它的聲音,另一個(gè)肯定的拍攝方式,在攪拌好奇(除了沒(méi)有它在所有的第一個(gè)地方)是當(dāng)然,提供完整的信息或提供前期的范圍。也許給人一個(gè)充分的嘗試,或者說(shuō),在他們之前的所有的人,都不是激勵(lì)他們的最好方式。讓他們餓了至少有點(diǎn)。

50 盡量保證,不要假設(shè)一切都好

轉(zhuǎn)換提示當(dāng)你結(jié)束銷售,放棄一些安慰。在保證,告訴你的客戶,他們會(huì)滿意,告訴他們,付款是安全的,是免費(fèi)送貨,是免費(fèi)的,是的,他們可以在任何時(shí)候退出沒(méi)有任何風(fēng)險(xiǎn)。一切都好,一切都好。不要擔(dān)心,要快樂(lè)。把一個(gè)積極的自旋放在一個(gè)接近的是絕對(duì)值得一試作為一個(gè)轉(zhuǎn)換戰(zhàn)術(shù)。

51 嘗試價(jià)格幻想,而不是單純的價(jià)格

你可以讓人們完全靠自己的產(chǎn)品來(lái)判斷你的產(chǎn)品的價(jià)值,或者你可以幫助他們?yōu)樗麄冏鲞@些。如果你決定利用人類的非理性,你可以以一種方式顯示價(jià)格,這樣你的產(chǎn)品就變得更有價(jià)值。在最簡(jiǎn)單的方式,你可以開(kāi)始用框架的話,如“只”,“負(fù)擔(dān)得起”,或“小費(fèi)用”的旁邊的價(jià)格。價(jià)格的話也可以分解成一個(gè)單位價(jià)格(如每30¢頁(yè)面而不是30美元一本書,或每天1美元而不是30美元/月的會(huì)員)。此外,臭名昭著的價(jià)格結(jié)束在“9”,而不是有一個(gè)圓形的號(hào)碼也可以使用。最后,價(jià)格可以用更少的數(shù)字顯示(30美元,而不是30.00美元),以增加另一種效果的錯(cuò)覺(jué)。

52 試著感謝而不是簡(jiǎn)單地確認(rèn)完成

提示感謝的人會(huì)讓你,您的業(yè)務(wù)、產(chǎn)品或UI更加人類,因?yàn)樗@示了你欣賞和關(guān)心。感謝當(dāng)然發(fā)生在一些任務(wù)完成,比單純的反饋。更是如此,使UI感激可以用作一種誘發(fā)進(jìn)一步的對(duì)話或行動(dòng)。所以很自然的,謝謝你的屏幕是一個(gè)完美的地方顯示下一個(gè)可選的行動(dòng)為客戶或用戶。謝謝你閱讀這一段

53 試著有用的計(jì)算,而不是要求做數(shù)學(xué)

轉(zhuǎn)換提示用戶界面可以做數(shù)學(xué)計(jì)算,大或小,為用戶,從而消除不必要的摩擦。舉個(gè)例子,假設(shè)一些應(yīng)用程序顯示了用完學(xué)分的可用池。它可能是更有意義的計(jì)算用戶剩余多少天之前,實(shí)際上是他們的應(yīng)用程序停止運(yùn)行。或一個(gè)更簡(jiǎn)單和更受歡迎的例子當(dāng)我們?cè)噲D了解最近老多行數(shù)據(jù)。在這種情況下的相對(duì)時(shí)間戳“3分鐘前”更有意義和需要較少的努力,理解比絕對(duì)“4:37pm 9月2”之一。把計(jì)算數(shù)據(jù)題的痛苦解決出來(lái)。

54 嘗試重申自由而不是暗示

55 嘗試變量獎(jiǎng)勵(lì)而不是可預(yù)測(cè)的獎(jiǎng)勵(lì)

56 試著注意抓住而不是忽視

57 比較時(shí)用較友好的方式,而不要混亂

58 嘗試設(shè)置集合而不是獨(dú)立的項(xiàng)目

59 試著設(shè)定期望,而不是未知

60 盡可能幽默一點(diǎn)

61 嘗試提供反饋

62 嘗試預(yù)測(cè)意圖,而不是短視

63 嘗試額外的填充,而不是擁擠的元素

64 試著講故事,而不是只列出事實(shí)

65 用真實(shí)的數(shù)據(jù)更有說(shuō)服力

66 逐步減少

67 試著把別人放在第一位而不是以自我為中心

68 試著解釋清楚,而不是假設(shè)用戶了解

69 簡(jiǎn)單表達(dá),去掉不需要的文字

70 響應(yīng)的布局,自動(dòng)調(diào)整各種屏幕形狀和大小

71 保持視覺(jué)清晰

72 允許用戶修改

73 增加社交

74 提供重試的機(jī)會(huì)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 227,702評(píng)論 6 531
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 98,143評(píng)論 3 415
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人,你說(shuō)我怎么就攤上這事。” “怎么了?”我有些...
    開(kāi)封第一講書人閱讀 175,553評(píng)論 0 373
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我,道長(zhǎng),這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書人閱讀 62,620評(píng)論 1 307
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 71,416評(píng)論 6 405
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書人閱讀 54,940評(píng)論 1 321
  • 那天,我揣著相機(jī)與錄音,去河邊找鬼。 笑死,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,024評(píng)論 3 440
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書人閱讀 42,170評(píng)論 0 287
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 48,709評(píng)論 1 333
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 40,597評(píng)論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 42,784評(píng)論 1 369
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,291評(píng)論 5 357
  • 正文 年R本政府宣布,位于F島的核電站,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 44,029評(píng)論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書人閱讀 34,407評(píng)論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書人閱讀 35,663評(píng)論 1 280
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 51,403評(píng)論 3 390
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 47,746評(píng)論 2 370

推薦閱讀更多精彩內(nèi)容