重慶易企雲關于營銷型網站(zhàn)建設的75個(gè)原則
2020-07-24
1. 使用單欄布局代替多(duō)欄布局
單欄布局能夠讓用戶對全局有(yǒu)更好的掌控,對內(nèi)容一目了然。而多(duō)欄布局可(kě)能會(huì)分散用戶注意力。最好的做(zuò)法是用一個(gè)有(yǒu)邏輯的叙述來(lái)引導用戶并在末尾放上(shàng)你(nǐ)的行(xíng)動按鈕。
2. 使用禮品誘惑代替生(shēng)硬的推銷
例如可(kě)以給用戶提供禮物來(lái)表達你(nǐ)的友(yǒu)善姿态。更深層的講,送禮是一種基于互惠原則的有(yǒu)效說服策略。顯而易見的好處是讓你(nǐ)在往後的活動進展中更加順利。
3. 合并重複的功能避免分散
随着時(shí)間(jiān)的推移,不可(kě)避免的你(nǐ)增加了很(hěn)多(duō)模塊、元素,而且功能相同。碎片化的界面會(huì)增加用戶的學習曲線,所以需要合并重複的功能,重構你(nǐ)的界面。
4. 用戶的評價好過自賣自誇
用戶好評是另一個(gè)可(kě)以提高(gāo)轉化率的說服策略。當潛在客戶看到其他人(rén)對你(nǐ)的服務給予好評時(shí),項目機會(huì)會(huì)大(dà)增。所以試着提供一些(xiē)含金量高(gāo)的證據證明(míng)這些(xiē)好評是真實可(kě)信的。
5. 重複你(nǐ)的主行(xíng)動按鈕
多(duō)次重複主行(xíng)動按鈕的方法适用于界面很(hěn)長或者分頁的情況。
6. 區(qū)分開(kāi)可(kě)點擊和(hé)已選擇的樣式
視(shì)覺風格,如顔色、深度和(hé)對比度都可(kě)以當做(zuò)可(kě)靠的線索以幫助人(rén)們了解你(nǐ)的導航界面:我在哪裏,我能去哪裏。為(wèi)了讓用戶清晰,可(kě)點擊元素(鏈接,按鈕)、已選擇元素(選擇的菜單)、以及純文本的樣式應該是彼此明(míng)顯不同,而且在界面上(shàng)要保持一緻性原則。在視(shì)覺上(shàng),我們一般認為(wèi)藍(lán)色表示可(kě)被點擊,黑(hēi)色表示已被選擇或是什麽。
7. 給出推薦而不是讓用戶來(lái)選擇
當列出許多(duō)選項時(shí),給出一個(gè)重點推薦項是個(gè)不錯的做(zuò)法,盡管推薦的設置無法滿足所有(yǒu)用戶,但(dàn)這麽做(zuò)是有(yǒu)理(lǐ)論依據的:當面臨的選擇越多(duō)時(shí),用戶就越難做(zuò)出決定(決策癱瘓)。所以你(nǐ)可(kě)以高(gāo)亮某個(gè)選項來(lái)幫助用戶做(zuò)出選擇。
8. 使用恢複功能代替彈出對話(huà)框
假設你(nǐ)剛點擊了一個(gè)鏈接或者按鈕,撤銷操作(zuò)可(kě)以讓操作(zuò)流暢自然,也更符合人(rén)類的本能。而每次操作(zuò)都彈一個(gè)确定框則好像是在質問用戶你(nǐ)明(míng)白不明(míng)白這個(gè)操作(zuò)會(huì)産生(shēng)什麽後果。其實隻有(yǒu)極少(shǎo)數(shù)情況下才會(huì)發生(shēng)誤操作(zuò)。所以,為(wèi)了防止誤操作(zuò)而設計(jì)的确認窗口其實是不人(rén)性化的,用戶每次操作(zuò)都需要進行(xíng)毫無意義的确定。所以請(qǐng)考慮在你(nǐ)的産品裏實現撤銷操作(zuò)來(lái)提升用戶的操作(zuò)友(yǒu)好度吧(ba)。
9. 明(míng)确産品适用人(rén)群而不是面向所有(yǒu)人(rén)
你(nǐ)是想把産品做(zuò)成大(dà)衆化的還(hái)是有(yǒu)精确的适用人(rén)群呢?答(dá)案是:在産品定位上(shàng)你(nǐ)需要更精确些(xiē)。把産品定位得(de)精确的風險就是可(kě)能縮小(xiǎo)了目标潛在用戶的範圍,但(dàn)這種更專業的精神卻反過來(lái)會(huì)赢得(de)信任、權威。
10. 直接果斷而不是猶猶豫豫
你(nǐ)可(kě)以通(tōng)過不确定而顫抖的聲音(yīn)來(lái)表達傳遞自己的意思,也可(kě)以通(tōng)過很(hěn)自信的方式表達。如果你(nǐ)在界面中的表述多(duō)以問号結束,比如” 也許”,” 可(kě)能”,” 感興趣?” 或者” 想要試試麽?”,那(nà)麽你(nǐ)完全可(kě)以把語氣變得(de)更堅定一些(xiē)。不過萬事無絕對,适當放松措詞讓用戶有(yǒu)自行(xíng)思考的餘地也是可(kě)以的。
11. 界面要對比鮮明(míng)讓人(rén)容易區(qū)分
把主要功能區(qū)從界面中突出顯示出來(lái)效果會(huì)好很(hěn)多(duō)。使你(nǐ)的主要口号醒目有(yǒu)很(hěn)多(duō)種方法。通(tōng)過明(míng)暗色調的對比來(lái)突顯。通(tōng)過為(wèi)元素添加陰影(yǐng)、漸變等效果讓界面富有(yǒu)層次感來(lái)張顯主題。最後,你(nǐ)甚至可(kě)以在色相環上(shàng)專門(mén)選擇互補色(比如黃色與紫色)來(lái)設計(jì)你(nǐ)的界面,以達到突出重心的目的。綜合所有(yǒu)這些(xiē),最後得(de)到的界面會(huì)使你(nǐ)的主要意圖與界面其他元素有(yǒu)明(míng)顯的區(qū)分,得(de)到完美的呈現。
12. 個(gè)性鮮明(míng)勝過普通(tōng)
介紹你(nǐ)自己或産品時(shí)附帶上(shàng)名稱、圖片或原産地可(kě)以讓與用戶的交流溝通(tōng)更加的個(gè)人(rén)化,當你(nǐ)在界面設計(jì)中實現這點時(shí),讓人(rén)覺得(de)非常友(yǒu)好。同時(shí)指明(míng)區(qū)域也會(huì)隐形提高(gāo)産品的聲譽,好上(shàng)加好。
13. 精簡表單填寫內(nèi)容
人(rén)本性懶惰,沒人(rén)願意填寫一大(dà)堆表單字段。表單中每個(gè)字段都會(huì)有(yǒu)失去用戶的風險。多(duō)想想是不是每個(gè)字段都是必須的。如果你(nǐ)确實需要一大(dà)堆信息讓用戶填寫,試着将它們分散在不同頁面,在表單提交後還(hái)可(kě)以繼續補充。
14. 暴露選項而不是隐藏
你(nǐ)使用的任何一個(gè)下拉框都會(huì)對用戶造成信息的隐藏,需要額外的操作(zuò)才能顯示。如果這些(xiē)信息是貫穿整個(gè)操作(zuò)所必需的,那(nà)你(nǐ)最好把它展示出來(lái)做(zuò)得(de)更顯而易見一點。下拉框最好用在選擇日期,省份等約定俗成的地方。對于程序中重要的選項最好還(hái)是不要做(zuò)成下拉形式。
15. 把界面做(zuò)得(de)環環相扣要好過直白的排版
一個(gè)平淡無奇行(xíng)文無疑會(huì)讓用戶失去興趣而放棄繼續閱讀。單列滾動的長頁面是不錯的,但(dàn)是我們應該适當地設置一些(xiē)小(xiǎo)節,并且環環相扣,來(lái)提高(gāo)用戶的興趣使其繼續閱讀。但(dàn)需要注意的是節與節之間(jiān)的留白不要太大(dà)。
16. 不要放太多(duō)鏈接分散用戶注意力
為(wèi)了滿足各式用戶的需求,在頁面上(shàng)放些(xiē)鏈接鏈到這裏、鏈到那(nà)裏是常見的做(zuò)法。如果你(nǐ)的主要目的是想讓用戶點擊頁面最後那(nà)個(gè)下載按扭什麽的話(huà),就需要三思了。因為(wèi)用戶可(kě)能點擊了其他鏈接離開(kāi)頁面了。所以你(nǐ)需要注意頁面的鏈接數(shù)量,把導航和(hé)操作(zuò)鏈接用樣式區(qū)分開(kāi),盡量移除頁面不需要的鏈接。
17. 将操作(zuò)的狀态或者進度呈現出來(lái)
現如今大(dà)多(duō)界面當中已經呈現了各色樣式的進度條或者标明(míng)狀态的圖标,比如郵件有(yǒu)已讀或未讀的狀态,電(diàn)子帳單有(yǒu)支付或未支付的狀态。而在界面上(shàng)呈現這樣的狀态對于用戶來(lái)說是很(hěn)有(yǒu)必要的。這樣用戶就可(kě)以知道(dào)某些(xiē)操作(zuò)是否成功,接下來(lái)準備進行(xíng)怎樣的操作(zuò)。
18. 使用獲利按鈕(好處說明(míng))代替普通(tōng)的按鈕
試想界面上(shàng)有(yǒu)這樣兩個(gè)按鈕:一個(gè)是” 幫你(nǐ)省錢(qián)”,另一個(gè)是” 立即注冊”。我敢打賭大(dà)多(duō)數(shù)人(rén)會(huì)點擊第一個(gè),因為(wèi)第二個(gè)按扭讓人(rén)感覺不到有(yǒu)利可(kě)圖,并且” 注冊” 讓人(rén)聯想到填不完的表單。也就是說讓用戶感受到獲利的按鈕更有(yǒu)可(kě)能被點擊。這種讓用戶感到好處的文字信息也可(kě)放在按鈕旁邊,不一定要做(zuò)為(wèi)按鈕的标題。當然,正常的按鈕還(hái)是有(yǒu)用處的,一般用于重複性操作(zuò)頻繁的地方。
19. 使用直觀的操作(zuò)而不是缺乏上(shàng)下文關聯的菜單
直接在元素身上(shàng)進行(xíng)操作(zuò)是更直觀明(míng)了的方式。比如在一個(gè)列表中,我們想讓用戶對每個(gè)條目進行(xíng)操作(zuò)那(nà)麽就把按鈕放到當前條目上(shàng),而不要把放到列表之外。再比如就是直接點擊元素就進入編輯狀态(比如頁面上(shàng)的地址信息點擊後可(kě)以進行(xíng)編輯)。這種方式比傳統的選中再點擊相應的按鈕進行(xíng)操作(zuò)要簡潔省事得(de)多(duō)。當然,對于一般性的操作(zuò)本身就不需要有(yǒu)什麽上(shàng)下文的,就沒必要這麽做(zuò)了,比如頁面上(shàng)的前進,後退按扭。
20. 盡量直接顯示表單而不要額外頁面
在一個(gè)足夠大(dà)的寬屏界面上(shàng)最好還(hái)是直接給出表單,這比點擊按鈕再彈出表單要好很(hěn)多(duō)。首先減少(shǎo)了點擊操作(zuò),流程變得(de)簡潔也節省了時(shí)間(jiān)。其次,直接呈現出表單可(kě)以讓用戶知道(dào)表單有(yǒu)多(duō)長,其實也是在告訴用戶注冊花(huā)不了多(duō)少(shǎo)時(shí)間(jiān)。當然,這條規則适合注冊表單非常簡單的情況。
21. 讓界面平滑顯示而不要死闆地呈現
用戶進行(xíng)操作(zuò)過程中,界面上(shàng)的元素會(huì)經常出現,隐藏,打開(kāi),關閉,放大(dà)縮小(xiǎo)移位等。給這些(xiē)元素增加些(xiē)自然的動畫(huà),淡入淡出效果不但(dàn)美觀,也更符合實際,本來(lái)元素尺寸位置的變化就是一個(gè)需要時(shí)間(jiān)的動畫(huà)過程。但(dàn)要注意動畫(huà)時(shí)間(jiān)不要設置過長,那(nà)樣會(huì)讓想盡快完成操作(zuò)的用戶不耐煩。
22. 使用逐步的引導代替突兀的注冊
與其讓用戶馬上(shàng)注冊,何不讓用戶先進行(xíng)一些(xiē)體(tǐ)驗式的操作(zuò)呢。這個(gè)體(tǐ)驗過程可(kě)以展示程序的功能,特性等。一旦用戶通(tōng)過簡單幾步的操作(zuò)了解了程序的價值所在,那(nà)麽它會(huì)更願意填寫注冊表單的。這種循序漸進的引導可(kě)以盡量推遲用戶注冊的時(shí)間(jiān)但(dàn)又可(kě)以讓用戶在沒注冊的情況下進行(xíng)個(gè)性化設置等簡單操作(zuò)。
23. 減少(shǎo)邊框避免浪費注意力
過程邊框會(huì)喧賓奪主。不用說,邊框确實在劃分區(qū)域進行(xíng)版塊設置時(shí)有(yǒu)很(hěn)大(dà)的作(zuò)用,但(dàn)同時(shí)其明(míng)顯的線條也會(huì)吸引走用戶的注意力。為(wèi)了達到劃分版塊又不轉移用戶注意力的目的,在排版時(shí)可(kě)以将界面上(shàng)不同區(qū)域的元素通(tōng)過空(kōng)白進行(xíng)分組,用上(shàng)不同的背景色,将文字對齊方式進行(xíng)統一,還(hái)有(yǒu)就是為(wèi)不同區(qū)域設置不同的樣式。當使用所見即所得(de)的界面設計(jì)工具時(shí),我們經常在界面上(shàng)方便地拖出很(hěn)多(duō)區(qū)塊來(lái),這些(xiē)區(qū)塊多(duō)了就會(huì)顯得(de)雜亂無章。所以我們又會(huì)到處放些(xiē)橫線來(lái)分界。一個(gè)更好的做(zuò)法是将區(qū)塊垂直對齊,這樣做(zuò)不會(huì)讓那(nà)些(xiē)多(duō)餘的線條來(lái)擾亂視(shì)覺。
24. 展示産品帶來(lái)的好處而不要羅列産品特性
市場(chǎng)就是這樣的,用戶永遠隻關心自身利益而産品特性對他們來(lái)說倒不是那(nà)麽重要。隻有(yǒu)利益才更直觀地體(tǐ)現出使用産品所帶來(lái)的價值。Chris Guillebeau 在他的著作(zuò)《100 美元起家(jiā)》中指出,相比壓力,沖突,煩心事和(hé)未知的未來(lái),人(rén)們在乎得(de)更多(duō)的是愛(ài),金錢(qián),認同感和(hé)自由支配的空(kōng)閑時(shí)間(jiān)。所以我相信在展示産品特性時(shí)回歸到利益上(shàng)是必要的。
25. 要設計(jì)好沒有(yǒu)數(shù)據時(shí)的展現
界面上(shàng)經常需要呈現不同數(shù)量的數(shù)據,從 0,1,10,100 到 10000+ 等。這裏存在個(gè)普遍的問題就是:在程序最開(kāi)始使用的 0 條數(shù)據到過度到有(yǒu)數(shù)據之前,該如何進行(xíng)顯示界面。這也是我們經常忽視(shì)了的地方。當程序初始沒有(yǒu)數(shù)據時(shí),用戶看到的就是一片空(kōng)白,此時(shí)用戶可(kě)能不知道(dào)該進行(xíng)哪些(xiē)操作(zuò)。利用好沒有(yǒu)數(shù)據的初始界面可(kě)以讓用戶學習和(hé)熟悉如何使用程序,在程序中創建數(shù)據。力臻完美永遠是我們追求的目标,界面設計(jì)也不例外。
26. 嘗試默認選擇
将界面做(zuò)成默認用戶選中想要使用你(nǐ)的産品,意味着如果用戶真的需要使用,那(nà)麽可(kě)以直接點擊确定而不需要額外點選了。當然,将界面設計(jì)成默認選擇的樣子多(duō)少(shǎo)存在點争議,有(yǒu)點強迫用戶的感覺。如果你(nǐ)想道(dào)德一點,你(nǐ)可(kě)以要麽把讓用戶選擇的文字寫得(de)模棱兩可(kě),要麽使用雙重否定這樣不那(nà)麽直白的描述,這兩種方式都可(kě)以讓用戶覺得(de)沒有(yǒu)那(nà)麽強的感覺是被強迫選擇使用産品的。
27. 保持界面一緻性,不要增加用戶的學習成本
自從 Donald Norman 的一系列著作(zuò)面世後,界面設計(jì)中盡量保持一緻性成了一個(gè)普遍遵循的準則。在設計(jì)中保持一緻性可(kě)以減少(shǎo)用戶的學習成本,用戶不需要學習新的操作(zuò)。當我們點擊按鈕,或者進行(xíng)拖拽操作(zuò),我們期望這樣的操作(zuò)在整個(gè)程序的各個(gè)界面都是一緻的,會(huì)得(de)到相似的結果出來(lái)。不過在讓界面變得(de)一緻之前,記住一點,适當的打破整體(tǐ)的一緻性也是可(kě)取的。這偶爾的不一緻性的設計(jì)用在你(nǐ)需要強調的地方可(kě)以起到很(hěn)大(dà)的作(zuò)用。所以世事無絕對,我們應遵從一緻的設計(jì)準則,但(dàn)适當地打破這種常規。
28. 使用合适的默認值,減少(shǎo)用戶的額外操作(zuò)
适當的默認值和(hé)預先填充好的表單字段可(kě)以大(dà)量減少(shǎo)用戶的工作(zuò)量。在節省用戶寶貴的時(shí)間(jiān)上(shàng)面,這是種非常常見的做(zuò)法,可(kě)以幫助用戶快速填完表單或者注冊信息。
29. 遵循慣例避免重複造輪子
界面設計(jì)中遵從慣例跟之前的界面一緻性準則很(hěn)相似。如果我們遵從了界面設計(jì)中的一些(xiē)約定,用戶用起來(lái)會(huì)很(hěn)方便。相反,不一緻和(hé)沒有(yǒu)遵從慣例則會(huì)提高(gāo)學習成本。有(yǒu)了界面設計(jì)中這些(xiē)約定,我們想都不用想就知道(dào)界面右上(shàng)角(大(dà)多(duō)數(shù)情況下)的叉叉是關閉程序用的,或者點擊一個(gè)按鈕後我們能夠預測到将會(huì)發生(shēng)什麽。當然,慣例是會(huì)過時(shí)的,随着時(shí)間(jiān)的推移,同樣的操作(zuò)也有(yǒu)可(kě)能被賦予新的含義。但(dàn)要記住,當你(nǐ)在界面中打破這些(xiē)常規時(shí)一定要目的明(míng)确,并且出發點是好的。
30. 讓用戶覺得(de)可(kě)以避免失去而不是獲得(de)
我們喜歡成功,沒有(yǒu)誰願意失敗。根據心理(lǐ)學得(de)到的可(kě)靠結論,人(rén)們一般更頃向于避免失去擁有(yǒu)的東西而不是獲得(de)新的利益。這一結論也适用于産品的設計(jì)和(hé)推廣中。試着說明(míng)你(nǐ)的産品會(huì)幫助客戶維護他的利益,保持健康,社會(huì)地位等要好過告訴客戶這個(gè)産品會(huì)帶來(lái)一些(xiē)他未曾擁有(yǒu)的東西。比如保險公司,它是在銷售我們出事之後可(kě)以得(de)到的大(dà)筆賠償呢還(hái)是在強調可(kě)以幫助我們避免失去擁有(yǒu)的财産?
31. 具有(yǒu)層次的圖形化展示優于直白的文字描述
具有(yǒu)層次的設計(jì)可(kě)以将界面上(shàng)重要的部分與不次要部分區(qū)分開(kāi)來(lái)。要讓界面層次分明(míng),可(kě)以在這些(xiē)方面做(zuò)文章:對齊方式,間(jiān)距,顔色,縮進,字體(tǐ)大(dà)小(xiǎo),元素尺寸等。當所有(yǒu)這些(xiē)調整運用得(de)适當時(shí),可(kě)以提高(gāo)整個(gè)界面的可(kě)讀性。相比在一個(gè)很(hěn)直白的界面上(shàng)用戶一眼就可(kě)以從上(shàng)瞟到底的設計(jì),這樣分明(míng)的設計(jì)也可(kě)以讓用戶放慢速度來(lái)慢慢閱讀。這樣也使界面更有(yǒu)特色一些(xiē)。就好比一次旅行(xíng),你(nǐ)可(kě)以乘坐(zuò)高(gāo)鐵(tiě)快速到達景區(qū)(從頁面頂部瞟到底部),但(dàn)你(nǐ)也可(kě)以慢行(xíng)以欣賞沿途風光。所以層次分明(míng)的設計(jì)讓眼睛有(yǒu)可(kě)以停留的地方,而不是對着空(kōng)白單調的一個(gè)屏幕。
32. 将有(yǒu)關聯的東西分組避免雜亂無章
将各個(gè)功能項分組合并起來(lái)可(kě)以提高(gāo)可(kě)用性。有(yǒu)點常識的人(rén)都知道(dào)刀子和(hé)叉子,或者打開(kāi)文件和(hé)關閉文件是放在一起的。将功能相近的元素放在一起也符合邏輯,符合我們平時(shí)的認知。
33. 使用行(xíng)內(nèi)即時(shí)校(xiào)驗而不是提交後再告訴出錯
在處理(lǐ)表單時(shí),最好立即檢測出用戶所填寫內(nèi)容是否符合要求然後給出驗證消息。這樣錯誤一出現能就能得(de)到改正。相反,提交後再檢查表單會(huì)給出錯誤消息,會(huì)讓用戶感到不爽又要重複之前的工作(zuò)。
34. 放寬對用戶輸入的要求
對用戶輸入的數(shù)據,盡量放寬限制(zhì),包括格式,大(dà)小(xiǎo)寫什麽的。這樣做(zuò)可(kě)以更人(rén)性化一點,也使得(de)界面更加友(yǒu)好。一個(gè)再恬當不過的例子就是讓用戶輸入電(diàn)話(huà)号碼的時(shí)候,用戶有(yǒu)很(hěn)多(duō)種輸入方式,帶括号的,帶破折号的,帶空(kōng)格的,帶區(qū)号和(hé)不帶區(qū)号的等等。如果你(nǐ)在代碼中來(lái)處理(lǐ)這些(xiē)格式的問題,代價也隻是你(nǐ)一個(gè)人(rén)多(duō)寫幾行(xíng)代碼而以,卻可(kě)以減少(shǎo)無數(shù)用戶的工作(zuò)量。
35. 讓用戶感覺需要快速做(zuò)出響應而不是毫無時(shí)間(jiān)觀念
适當的緊迫感是個(gè)有(yǒu)效的戰術(shù)可(kě)以讓用戶立即做(zuò)出決定而不是等上(shàng)個(gè)十天半個(gè)月。重要的是這種戰術(shù)屢試不爽,因為(wèi)它暗示了資源的緊缺或者活動的時(shí)間(jiān)有(yǒu)限,今天可(kě)以買,但(dàn)明(míng)天可(kě)能就無法這麽低(dī)價了。另一方面,這一戰術(shù)也讓用戶感到會(huì)錯失一次大(dà)好的機會(huì),再一次,應用了人(rén)們害怕失去的本性。當然,這種戰術(shù)會(huì)被一些(xiē)人(rén)嗤之以鼻,認為(wèi)是不耿直的做(zuò)法。不過,這隻是種戰術(shù)而以,并且在保持合法性的前提下應用也無傷大(dà)雅。所以請(qǐng)不要為(wèi)了營銷而在界面上(shàng)制(zhì)造緊迫的假象。
36. 嘗試饑餓營銷(制(zhì)造稀缺感)
物以稀為(wèi)貴。饑餓營銷給出的信息就是東西不多(duō),隻剩幾件,明(míng)天再來(lái),可(kě)能沒了。你(nǐ)去比較一下批發與限量版的東西他們的價格差距有(yǒu)多(duō)大(dà)就知道(dào)了。回過頭來(lái)看,那(nà)些(xiē)批發商或者大(dà)零售商,他們也使用饑餓營銷,以獲得(de)更好的銷量。但(dàn)在軟件行(xíng)業,我們經常會(huì)忘記有(yǒu)饑餓營銷這回事。因為(wèi)數(shù)字産品是可(kě)以很(hěn)容易拷貝複制(zhì)的,不存在缺貨的情況。其實,在界面設計(jì)中,也可(kě)以将其運用起來(lái)與現實中的資源緊缺進行(xíng)聯系。想想一次網上(shàng)研討(tǎo)會(huì)的門(mén)票(piào),想想你(nǐ)一個(gè)月可(kě)以服務的人(rén)數(shù)限制(zhì),這些(xiē)信息都可(kě)以告知用戶是有(yǒu)限的。
37. 讓用戶從已知裏選擇而不是直接回想
這一界面設計(jì)中的經典準則是有(yǒu)心理(lǐ)學依據的,相比要讓某人(rén)回想想某樣東西,從一堆東西中認出某樣東西會(huì)更容易些(xiē)。辨識出一樣東西隻需要我們稍微回憶一下,通(tōng)過一些(xiē)線索就可(kě)以完成。而回想則需要我們全面搜索自己的大(dà)腦(nǎo)。也許這也是為(wèi)什麽試卷上(shàng)選擇題會(huì)比簡答(dá)題做(zuò)得(de)快的原因。所以試着在界面上(shàng)展示一些(xiē)用戶之前涉及到的信息讓他們進行(xíng)選擇,而不是讓他們想半天然後自己填寫。
38. 讓點擊區(qū)域更大(dà)
像鏈接,表單的輸入框還(hái)有(yǒu)按鈕等,如果尺寸做(zuò)得(de)大(dà)一點則點擊起來(lái)更方便容易些(xiē)。根據費特定律,使用像鼠标這樣的外設來(lái)點擊需要一些(xiē)時(shí)間(jiān),特别是元素比較小(xiǎo)的情況下,時(shí)間(jiān)會(huì)更多(duō)。鑒于此,最好還(hái)是把你(nǐ)的表單輸入框,按鈕等做(zuò)大(dà)點。抑或者你(nǐ)可(kě)以保持原有(yǒu)的設計(jì)不變,隻是把元素可(kě)點擊區(qū)域(也就是熱區(qū))增大(dà)。這樣的一個(gè)典型例子是手機設備上(shàng)的文本鏈接和(hé)導航菜單,它們文字不一定很(hěn)大(dà)但(dàn)背景是拉伸的,在很(hěn)寬範圍內(nèi)點擊都有(yǒu)效。
39. 優化頁面加載速度,不要讓用戶等太久
速度很(hěn)重要。頁面加載速度和(hé) UI 對操作(zuò)的響應速度都直接關系到用戶是否有(yǒu)耐心繼續等下去。無疑地每多(duō)一秒(miǎo)種的等待都會(huì)失去一些(xiē)用戶或者機會(huì)。一個(gè)好的解決之道(dào)當然就是優化你(nǐ)的頁面和(hé)圖片。除此之外還(hái)可(kě)以運用心理(lǐ)學讓這個(gè)等待時(shí)間(jiān)顯得(de)不那(nà)麽長。具體(tǐ)來(lái)說有(yǒu)兩種技(jì)巧。一是顯示進度條,二是展示其他相關或有(yǒu)趣的東西來(lái)吸引用戶的注意力(就好比你(nǐ)沿着傳送帶走走總比傻站(zhàn)在原地盯着一個(gè)位置看要好得(de)多(duō)吧(ba))
40. 除了按扭外,建議增加快捷鍵支持
當你(nǐ)的程序廣為(wèi)流傳,應該考慮下高(gāo)級用戶的感受。人(rén)們總是試圖為(wèi)一些(xiē)重複性的操作(zuò)找到更快捷的方法,快捷鍵就應運而生(shēng)了。相比在界面上(shàng)點來(lái)點去,快捷鍵無疑大(dà)大(dà)提高(gāo)工作(zuò)效率。一個(gè)好的例子就是現今流行(xíng)于各個(gè)主流程序中的 J(後退)K(前進)快捷鍵組合,比如在 Gmail 和(hé) Tumblr 中。按鈕固然好,但(dàn)快捷鍵會(huì)錦上(shàng)添花(huā)。
41. 嘗試錨定價格
就像卡尼曼觀察到的那(nà)樣,錨定效應造成的認知偏差是人(rén)類很(hěn)難克服的,我們的決策受最先進入我們大(dà)腦(nǎo)的數(shù)字的影(yǐng)響,錨定數(shù)量也并不一定是一個(gè)價格,它可(kě)以是一個(gè)數(shù)。營銷人(rén)員利用錨定效應最常見的例子是同時(shí)顯示建議零售價和(hé)實際價格。
42. 讓進度條預設已經走了一部分
一件事越接近完成我們的動力越強,這被稱為(wèi)目标梯度效應。讓人(rén)覺得(de)自己已經取得(de)了進展這件事宜早不宜晚。
43. 使用漸進顯示而不是全部展開(kāi)
漸進顯示不讓大(dà)量無關的信息直接暴露出來(lái),而且展現的內(nèi)容有(yǒu)上(shàng)下文的關聯,更容易讓用戶理(lǐ)解,不會(huì)一下展現太多(duō)表單把用戶吓跑。
44. 用小(xiǎo)的承諾代替大(dà)的
使用承諾是一個(gè)功能強大(dà)的說服策略,充分挖掘人(rén)的自我認知一緻性原則,一連竄的小(xiǎo)問題答(dá)案的” 是 “,會(huì)得(de)到更大(dà)問題的 “是的。” 還(hái)有(yǒu)顯示月費而不是年費會(huì)傳達出一種沒有(yǒu)合約的感覺,讓用戶覺得(de)随時(shí)可(kě)以退出,沒有(yǒu)障礙。
45. 替換模态對話(huà)框為(wèi)更溫柔的提示方式
雖然模态對話(huà)框更吸引用戶注意力,但(dàn)是也會(huì)帶來(lái)一些(xiē)其他問題,首先阻止了用戶操作(zuò)對話(huà)框之外的操作(zuò),而且打斷了用戶之前的操作(zuò)動作(zuò),為(wèi)什麽不嘗試行(xíng)內(nèi)或滑出等不那(nà)麽礙眼的提示方式呢?
46. 嘗試多(duō)功能控制(zhì)而不是分成很(hěn)多(duō)功能塊
例如可(kě)以在輸入框裏實現篩選過濾的功能,而不用增加額外的篩選菜單。打分功能裏增加懸停顯示功能而不是增加額外的顯示模塊。但(dàn)是不要濫用,否則會(huì)增加用戶的學習曲線難度。
47. 嘗試增加圖标文本
圖标和(hé)文字在一起可(kě)以減少(shǎo)很(hěn)多(duō)歧義,比如以下下箭頭到底是表示往下移?降低(dī)優先級還(hái)是下載呢?或者” X “圖标代表删除?禁止還(hái)是關閉呢? 當用戶沒有(yǒu)時(shí)間(jiān)理(lǐ)解你(nǐ)界面圖标表達的意思的時(shí)候問題就麻煩了,所以為(wèi)了理(lǐ)解,最好圖标要配上(shàng)文本,如果空(kōng)間(jiān)實在不夠,可(kě)以用懸停圖标顯示提示文本的方式展現。
48. 嘗試使用更自然的語言代替幹癟的文本
自然語言比簡短(duǎn)、嚴格的短(duǎn)語更方便用戶理(lǐ)解。
49. 激發用戶的好奇心
提供一個(gè)能激發用戶好奇心的信息,這可(kě)能是一個(gè)樣章、演示、試用,或做(zuò)了 XYZ 才能看得(de)到的免費內(nèi)容。
50. 嘗試消除用戶顧慮而不是假設一切正常
告訴你(nǐ)的客戶支付是安全的、貨物免運費而且随時(shí)可(kě)以退換,沒有(yǒu)任何後顧之憂,這是能提高(gāo)轉化率的極佳策略。
51. 嘗試價格錯覺
改變提示方式讓人(rén)們完全靠自己判斷你(nǐ)的産品的價值,也可(kě)以幫助他們做(zuò)。如果你(nǐ)決定利用人(rén)類不理(lǐ)性,就可(kě)以用不同價格的顯示方式,讓你(nǐ)的産品變得(de)視(shì)為(wèi)更有(yǒu)價值。比如在價格前加上(shàng) “隻”,“實惠” 等詞。把價格分解為(wèi)每單位價格(例如:每天 1 塊錢(qián),而不是一月30 塊會(huì)員費) 另外,可(kě)以使用以 9 結尾的數(shù)來(lái)減少(shǎo)價格位數(shù)。
52. 嘗試感謝你(nǐ)的用戶而不是簡單的完成确認
感謝的可(kě)以讓你(nǐ)的業務,産品或 UI 更加人(rén)性化,表達了對用戶的欣賞和(hé)關心。感謝可(kě)以引導出進一步的對話(huà)或行(xíng)動。感謝您閱讀這一段。 :)
53. 直接給出有(yǒu)意義的結果不要讓用戶做(zuò)數(shù)字轉換工作(zuò)
比如顯示 3 分鍾前就比顯示一個(gè)時(shí)間(jiān)日期更容易理(lǐ)解,讓用戶免除一切數(shù)學計(jì)算(suàn)。
54. 給予用戶再次确認選擇的自由
在行(xíng)動按鈕或選擇之後告訴用戶有(yǒu)自我選擇或拒絕的自由。
55. 讓獎勵變得(de)随機
可(kě)變的随機的獎勵會(huì)讓用戶上(shàng)瘾(遊戲讓人(rén)上(shàng)瘾的原理(lǐ)之一)
56. 抓住用戶的注意力
可(kě)以用增加尺寸和(hé)提高(gāo)對比度的方式來(lái)突出重要行(xíng)動。其他吸引注意力的方法有(yǒu):采用不規則形狀,自動焦點,高(gāo)亮,固定跟随(浮動),以及方向箭頭等。
57. 讓表格對比清晰明(míng)确
表格應該顯示出最相關的屬性差異,有(yǒu)助于用戶做(zuò)出單個(gè)決定。
58. 顯示一組而不是單獨的一項
人(rén)有(yǒu)收集東西的癖好,無論是物理(lǐ)的還(hái)是虛拟的。收集一整套東西會(huì)自然的成為(wèi)奮鬥目标。通(tōng)常獲得(de)一整套東西帶來(lái)的收益增加(蛋糕比其單獨的成分更大(dà)、更好)。通(tōng)過顯示過去的收獲也會(huì)增強以後的行(xíng)為(wèi)動機。
59. 讓用戶有(yǒu)明(míng)晰的期望而不是蒙在鼓裏
你(nǐ)在 X 步驟中的第一步。你(nǐ)的選擇結果在 Y 中。在 Z 之前你(nǐ)會(huì)收到 XX,下一個(gè)任務将全部完成。這種不斷的清晰的提示可(kě)以建立與用戶之間(jiān)的信任,而不是讓用戶兩眼摸黑(hēi)。
60. 用幽默代替嚴肅
為(wèi)什麽要一直那(nà)麽嚴肅呢?在你(nǐ)的 UI 裏加入一些(xiē)幽默的元素有(yǒu)助于與你(nǐ)的用戶 / 客戶之間(jiān)建立良好的情感聯系,也更容易原諒你(nǐ)的一些(xiē)錯誤。
61. 用反饋代替沉默
當我們執行(xíng)了一個(gè)動作(zuò),肯定我們希望知道(dào)是否成功。比如:當我們發送郵件時(shí)候希望知道(dào)是否發送成功。什麽反饋也沒有(yǒu)意味着不确定性:起作(zuò)用了麽?點擊了麽?按鈕按下去了麽?是否要重試? 成功提醒是非常有(yǒu)價值的交互。
62. 判斷出用戶意圖
如下圖所示,這是亞馬遜的一個(gè)多(duō)級菜單,當第一個(gè)菜單展開(kāi),用戶鼠标往右下角移動路過第二個(gè)菜單的時(shí)候,之前的展開(kāi)的菜單并不會(huì)消失,他們靠算(suàn)法預判到用戶可(kě)能是想點擊第一個(gè)菜單下的某個(gè)子菜單。
63. 使用寬松的間(jiān)隔避免元素擠在一起
空(kōng)白的填充可(kě)以讓內(nèi)容和(hé)表格的可(kě)讀性更好,廣泛适用于列表、表格、段落等元素。
64. 使用講故事的方式而不是列出事實
講故事是最古老的傳播方式,可(kě)以在着頁面和(hé)各種 UI 交互頁使用。一個(gè)基本的故事有(yǒu)幾個(gè)簡單的元素,如場(chǎng)景,帶着目的的人(rén)物,遇到的問題。故事可(kě)以引發讀者的情感反應,就像自己遇到了同樣的處境。這樣,故事也可(kě)變得(de)更加難忘。這也就是為(wèi)什麽銷售長久以來(lái)喜歡講故事,說明(míng)這非常有(yǒu)效的。
65. 使用可(kě)靠的內(nèi)容,避免造假
人(rén)們可(kě)以一眼就看出太假的東西,為(wèi)了讓你(nǐ)的産品更值得(de)信賴,不要造假。股票(piào)高(gāo)高(gāo)的走勢圖和(hé)網頁上(shàng)開(kāi)心笑的人(rén)沒有(yǒu)任何理(lǐ)由和(hé)意義。混雜着好和(hé)壞的評價,非整數(shù)數(shù)字讓你(nǐ)的網頁更真實可(kě)靠。
66. 随着用戶的進階而優化
當用戶對你(nǐ)的操作(zuò)界面很(hěn)熟悉之後,一些(xiē)給新手顯示的東西或者一些(xiē)經常顯示的東西變得(de)不那(nà)麽重要,可(kě)以去掉或者移動其他地方。這樣可(kě)以讓設計(jì)更加精簡。