一個超級營銷型網(wǎng)站，可以在5秒鐘即刻會牢牢的吸引住客戶定欧，30秒鐘迅速打動客戶的芳心辈双，到底怎么樣的網(wǎng)站才算得上是超級營銷型網(wǎng)站呢?
今天跟大家分享超級營銷型網(wǎng)站的75條交互設(shè)計原則，但凡做網(wǎng)站推廣、運營轩拨、設(shè)計践瓷，產(chǎn)品運營、UI設(shè)計的都要收藏咯~
該設(shè)計原則來自國外網(wǎng)站 goodui.org 亡蓉，該網(wǎng)站會不斷更新 網(wǎng)頁UI 設(shè)計的技巧和注意事項晕翠，并配備插圖，更加讓人明白每一條的道理寸宵。翻譯來自網(wǎng)絡(luò)(辛苦了~)
希望能對網(wǎng)頁設(shè)計師朋友們有指導(dǎo)作用崖面，對網(wǎng)頁產(chǎn)品運營者多一點開闊思路。好的 網(wǎng)頁設(shè)計 能夠讓人輕松上手使用梯影，下面一起來看看目前已經(jīng)更新的這75條設(shè)計原則吧~
1. 使用單欄布局代替多欄布局
單欄布局能夠讓用戶對全局有更好的掌控巫员，對內(nèi)容一目了然。而多欄布局可能會分散用戶注意力甲棍。最好的做法是用一個有邏輯的敘述來引導(dǎo)用戶并在末尾放上你的行動按鈕简识。
編輯搜圖
營銷型網(wǎng)站設(shè)計原則
2. 使用禮品誘惑代替生硬的推銷
例如可以給用戶提供禮物來表達你的友善姿態(tài)。更深層的講感猛，送禮是一種基于互惠原則的有效說服策略七扰。顯而易見的好處是讓你在往后的活動進展中更加順利。
編輯搜圖
營銷型網(wǎng)站設(shè)計原則
3. 合并重復(fù)的功能避免分散
隨著時間的推移陪白，不可避免的你增加了很多模塊颈走、元素，而且功能相同咱士。碎片化的界面會增加用戶的學(xué)習曲線立由，所以需要合并重復(fù)的功能，重構(gòu)你的界面序厉。
編輯搜圖
請點擊輸入圖片描述
4. 用戶的評價好過自賣自夸
用戶好評是另一個可以提高轉(zhuǎn)化率的說服策略。當潛在客戶看到其他人對你的服務(wù)給予好評時弛房，項目機會會大增道盏。所以試著提供一些含金量高的證據(jù)證明這些好評是真實可信的。
編輯搜圖
請點擊輸入圖片描述
5. 重復(fù)你的主行動按鈕
多次重復(fù)主行動按鈕的方法適用于界面很長或者分頁的情況文捶。
編輯搜圖
請點擊輸入圖片描述
6. 區(qū)分開可點擊和已選擇的樣式
視覺風格荷逞，如顏色、深度和對比度都可以當做可靠的線索以幫助人們了解你的導(dǎo)航界面：我在哪里粹排，我能去哪里种远。為了讓用戶清晰，可點擊元素（鏈接恨搓，按鈕）院促、已選擇元素（選擇的菜單）筏养、以及純文本的樣式應(yīng)該是彼此明顯不同，而且在界面上要保持一致性原則常拓。在視覺上渐溶，我們一般認為藍色表示可被點擊，黑色表示已被選擇或是什么弄抬。
編輯搜圖
營銷型網(wǎng)站設(shè)計原則
7. 給出推薦而不是讓用戶來選擇
當列出許多選項時茎辐，給出一個重點推薦項是個不錯的做法，盡管推薦的設(shè)置無法滿足所有用戶掂恕，但這么做是有理論依據(jù)的：當面臨的選擇越多時拖陆，用戶就越難做出決定（決策癱瘓）。所以你可以高亮某個選項來幫助用戶做出選擇懊亡。
編輯搜圖
營銷型網(wǎng)站設(shè)計原則
8. 使用恢復(fù)功能代替彈出對話框
假設(shè)你剛點擊了一個鏈接或者按鈕依啰，撤銷操作可以讓操作流暢自然，也更符合人類的本能店枣。而每次操作都彈一個確定框則好像是在質(zhì)問用戶你明白不明白這個操作會產(chǎn)生什么后果速警。其實只有極少數(shù)情況下才會發(fā)生誤操作。所以鸯两，為了防止誤操作而設(shè)計的確認窗口其實是不人性化的闷旧，用戶每次操作都需要進行毫無意義的確定。所以請考慮在你的產(chǎn)品里實現(xiàn)撤銷操作來提升用戶的操作友好度吧钧唐。
編輯搜圖
營銷型網(wǎng)站設(shè)計原則
9. 明確產(chǎn)品適用人群而不是面向所有人
你是想把產(chǎn)品做成大眾化的還是有精確的適用人群呢忙灼？答案是：在產(chǎn)品定位上你需要更精確些。把產(chǎn)品定位得精確的風險就是可能縮小了目標潛在用戶的范圍钝侠，但這種更專業(yè)的精神卻反過來會贏得信任该园、權(quán)威
編輯搜圖
營銷型網(wǎng)站設(shè)計原則
10. 直接果斷而不是猶猶豫豫
你可以通過不確定而顫抖的聲音來表達傳遞自己的意思，也可以通過很自信的方式表達机错。如果你在界面中的表述多以問號結(jié)束爬范，比如” 也許”父腕，” 可能”弱匪，” 感興趣？” 或者” 想要試試么璧亮？”萧诫，那么你完全可以把語氣變得更堅定一些。不過萬事無絕對枝嘶，適當放松措詞讓用戶有自行思考的余地也是可以的帘饶。
編輯搜圖
營銷型網(wǎng)站設(shè)計原則
11. 界面要對比鮮明讓人容易區(qū)分
把主要功能區(qū)從界面中突出顯示出來效果會好很多。使你的主要口號醒目有很多種方法群扶。通過明暗色調(diào)的對比來突顯及刻。通過為元素添加陰影镀裤、漸變等效果讓界面富有層次感來張顯主題。最后缴饭，你甚至可以在色相環(huán)上專門選擇互補色（比如黃色與紫色）來設(shè)計你的界面暑劝，以達到突出重心的目的。綜合所有這些颗搂，最后得到的界面會使你的主要意圖與界面其他元素有明顯的區(qū)分担猛，得到完美的呈現(xiàn)。
編輯搜圖
營銷型網(wǎng)站設(shè)計原則
12. 個性鮮明勝過普通
介紹你自己或產(chǎn)品時附帶上名稱丢氢、圖片或原產(chǎn)地可以讓與用戶的交流溝通更加的個人化傅联，當你在界面設(shè)計中實現(xiàn)這點時，讓人覺得非常友好疚察。同時指明區(qū)域也會隱形提高產(chǎn)品的聲譽蒸走，好上加好。
編輯搜圖
營銷型網(wǎng)站設(shè)計原則
13. 精簡表單填寫內(nèi)容
人本性懶惰貌嫡，沒人愿意填寫一大堆表單字段载碌。表單中每個字段都會有失去用戶的風險。多想想是不是每個字段都是必須的衅枫。如果你確實需要一大堆信息讓用戶填寫嫁艇，試著將它們分散在不同頁面，在表單提交后還可以繼續(xù)補充弦撩。
編輯搜圖
營銷型網(wǎng)站設(shè)計原則
14. 暴露選項而不是隱藏
你使用的任何一個下拉框都會對用戶造成信息的隱藏步咪，需要額外的操作才能顯示。如果這些信息是貫穿整個操作所必需的益楼，那你最好把它展示出來做得更顯而易見一點猾漫。下拉框最好用在選擇日期，省份等約定俗成的地方感凤。對于程序中重要的選項最好還是不要做成下拉形式悯周。
編輯搜圖
營銷型網(wǎng)站設(shè)計原則
15. 把界面做得環(huán)環(huán)相扣要好過直白的排版
一個平淡無奇行文無疑會讓用戶失去興趣而放棄繼續(xù)閱讀。單列滾動的長頁面是不錯的陪竿，但是我們應(yīng)該適當?shù)卦O(shè)置一些小節(jié)禽翼，并且環(huán)環(huán)相扣，來提高用戶的興趣使其繼續(xù)閱讀族跛。但需要注意的是節(jié)與節(jié)之間的留白不要太大闰挡。
編輯搜圖
營銷型網(wǎng)站設(shè)計原則
16. 不要放太多鏈接分散用戶注意力
為了滿足各式用戶的需求，在頁面上放些鏈接鏈到這里礁哄、鏈到那里是常見的做法长酗。如果你的主要目的是想讓用戶點擊頁面最后那個下載按扭什么的話，就需要三思了桐绒。因為用戶可能點擊了其他鏈接離開頁面了夺脾。所以你需要注意頁面的鏈接數(shù)量之拨，把導(dǎo)航和操作鏈接用樣式區(qū)分開，盡量移除頁面不需要的鏈接咧叭。
編輯搜圖
集翔企商網(wǎng)站營銷
17. 將操作的狀態(tài)或者進度呈現(xiàn)出來
現(xiàn)如今大多界面當中已經(jīng)呈現(xiàn)了各色樣式的進度條或者標明狀態(tài)的圖標敦锌，比如郵件有已讀或未讀的狀態(tài)，電子帳單有支付或未支付的狀態(tài)佳簸。而在界面上呈現(xiàn)這樣的狀態(tài)對于用戶來說是很有必要的乙墙。這樣用戶就可以知道某些操作是否成功，接下來準備進行怎樣的操作生均。
編輯搜圖
集翔企商網(wǎng)站營銷
18. 使用獲利按鈕（好處說明）代替普通的按鈕
試想界面上有這樣兩個按鈕：一個是” 幫你省錢”听想，另一個是” 立即注冊”。我敢打賭大多數(shù)人會點擊第一個马胧，因為第二個按扭讓人感覺不到有利可圖汉买，并且” 注冊” 讓人聯(lián)想到填不完的表單。也就是說讓用戶感受到獲利的按鈕更有可能被點擊佩脊。這種讓用戶感到好處的文字信息也可放在按鈕旁邊蛙粘，不一定要做為按鈕的標題。當然威彰，正常的按鈕還是有用處的出牧，一般用于重復(fù)性操作頻繁的地方。
編輯搜圖
集翔企商網(wǎng)站營銷
19. 使用直觀的操作而不是缺乏上下文關(guān)聯(lián)的菜單
直接在元素身上進行操作是更直觀明了的方式歇盼。比如在一個列表中舔痕，我們想讓用戶對每個條目進行操作那么就把按鈕放到當前條目上，而不要把放到列表之外豹缀。再比如就是直接點擊元素就進入編輯狀態(tài)（比如頁面上的地址信息點擊后可以進行編輯）伯复。這種方式比傳統(tǒng)的選中再點擊相應(yīng)的按鈕進行操作要簡潔省事得多。當然邢笙，對于一般性的操作本身就不需要有什么上下文的啸如，就沒必要這么做了，比如頁面上的前進氮惯，后退按扭叮雳。
編輯搜圖
集翔企商網(wǎng)站營銷
20. 盡量直接顯示表單而不要額外頁面
在一個足夠大的寬屏界面上最好還是直接給出表單，這比點擊按鈕再彈出表單要好很多筐骇。首先減少了點擊操作债鸡，流程變得簡潔也節(jié)省了時間江滨。其次铛纬，直接呈現(xiàn)出表單可以讓用戶知道表單有多長，其實也是在告訴用戶注冊花不了多少時間唬滑。當然告唆，這條規(guī)則適合注冊表單非常簡單的情況棺弊。
編輯搜圖
集翔企商網(wǎng)站營銷
21. 讓界面平滑顯示而不要死板地呈現(xiàn)
用戶進行操作過程中，界面上的元素會經(jīng)常出現(xiàn)擒悬，隱藏模她，打開，關(guān)閉懂牧，放大縮小移位等侈净。給這些元素增加些自然的動畫，淡入淡出效果不但美觀僧凤，也更符合實際畜侦，本來元素尺寸位置的變化就是一個需要時間的動畫過程。但要注意動畫時間不要設(shè)置過長躯保，那樣會讓想盡快完成操作的用戶不耐煩旋膳。
編輯搜圖
集翔企商網(wǎng)站營銷
22. 使用逐步的引導(dǎo)代替突兀的注冊
與其讓用戶馬上注冊，何不讓用戶先進行一些體驗式的操作呢途事。這個體驗過程可以展示程序的功能验懊，特性等。一旦用戶通過簡單幾步的操作了解了程序的價值所在尸变，那么它會更愿意填寫注冊表單的义图。這種循序漸進的引導(dǎo)可以盡量推遲用戶注冊的時間但又可以讓用戶在沒注冊的情況下進行個性化設(shè)置等簡單操作。
編輯搜圖
天津網(wǎng)站營銷
23. 減少邊框避免浪費注意力
過程邊框會喧賓奪主召烂。不用說歌溉，邊框確實在劃分區(qū)域進行版塊設(shè)置時有很大的作用，但同時其明顯的線條也會吸引走用戶的注意力骑晶。為了達到劃分版塊又不轉(zhuǎn)移用戶注意力的目的痛垛，在排版時可以將界面上不同區(qū)域的元素通過空白進行分組，用上不同的背景色桶蛔，將文字對齊方式進行統(tǒng)一匙头，還有就是為不同區(qū)域設(shè)置不同的樣式。當使用所見即所得的界面設(shè)計工具時仔雷，我們經(jīng)常在界面上方便地拖出很多區(qū)塊來蹂析，這些區(qū)塊多了就會顯得雜亂無章。所以我們又會到處放些橫線來分界碟婆。一個更好的做法是將區(qū)塊垂直對齊电抚，這樣做不會讓那些多余的線條來擾亂視覺。
編輯搜圖
天津網(wǎng)站營銷
24. 展示產(chǎn)品帶來的好處而不要羅列產(chǎn)品特性
市場就是這樣的竖共，用戶永遠只關(guān)心自身利益而產(chǎn)品特性對他們來說倒不是那么重要蝙叛。只有利益才更直觀地體現(xiàn)出使用產(chǎn)品所帶來的價值。Chris Guillebeau 在他的著作《100 美元起家》中指出公给，相比壓力借帘，沖突蜘渣，煩心事和未知的未來，人們在乎得更多的是愛肺然，金錢蔫缸，認同感和自由支配的空閑時間。所以我相信在展示產(chǎn)品特性時回歸到利益上是必要的际起。
編輯搜圖
天津網(wǎng)站營銷
25. 要設(shè)計好沒有數(shù)據(jù)時的展現(xiàn)
界面上經(jīng)常需要呈現(xiàn)不同數(shù)量的數(shù)據(jù)拾碌，從 0，1街望，10倦沧，100 到 10000+ 等。這里存在個普遍的問題就是：在程序最開始使用的 0 條數(shù)據(jù)到過度到有數(shù)據(jù)之前它匕，該如何進行顯示界面展融。這也是我們經(jīng)常忽視了的地方。當程序初始沒有數(shù)據(jù)時豫柬，用戶看到的就是一片空白告希，此時用戶可能不知道該進行哪些操作。利用好沒有數(shù)據(jù)的初始界面可以讓用戶學(xué)習和熟悉如何使用程序烧给，在程序中創(chuàng)建數(shù)據(jù)燕偶。力臻完美永遠是我們追求的目標，界面設(shè)計也不例外础嫡。
編輯搜圖
天津網(wǎng)站營銷
26. 嘗試默認選擇
將界面做成默認用戶選中想要使用你的產(chǎn)品指么，意味著如果用戶真的需要使用，那么可以直接點擊確定而不需要額外點選了榴鼎。當然伯诬，將界面設(shè)計成默認選擇的樣子多少存在點爭議，有點強迫用戶的感覺巫财。如果你想道德一點盗似，你可以要么把讓用戶選擇的文字寫得模棱兩可，要么使用雙重否定這樣不那么直白的描述平项，這兩種方式都可以讓用戶覺得沒有那么強的感覺是被強迫選擇使用產(chǎn)品的赫舒。
編輯搜圖
天津網(wǎng)站營銷
27. 保持界面一致性，不要增加用戶的學(xué)習成本
自從 Donald Norman 的一系列著作面世后闽瓢，界面設(shè)計中盡量保持一致性成了一個普遍遵循的準則接癌。在設(shè)計中保持一致性可以減少用戶的學(xué)習成本，用戶不需要學(xué)習新的操作扣讼。當我們點擊按鈕缺猛，或者進行拖拽操作，我們期望這樣的操作在整個程序的各個界面都是一致的，會得到相似的結(jié)果出來枯夜。不過在讓界面變得一致之前弯汰，記住一點艰山，適當?shù)拇蚱普w的一致性也是可取的湖雹。這偶爾的不一致性的設(shè)計用在你需要強調(diào)的地方可以起到很大的作用。所以世事無絕對曙搬，我們應(yīng)遵從一致的設(shè)計準則摔吏，但適當?shù)卮蚱七@種常規(guī)。
編輯搜圖
天津網(wǎng)站營銷
28. 使用合適的默認值纵装，減少用戶的額外操作
適當?shù)哪J值和預(yù)先填充好的表單字段可以大量減少用戶的工作量征讲。在節(jié)省用戶寶貴的時間上面，這是種非常常見的做法橡娄，可以幫助用戶快速填完表單或者注冊信息诗箍。
編輯搜圖
天津網(wǎng)站建設(shè)
29. 遵循慣例避免重復(fù)造輪子
界面設(shè)計中遵從慣例跟之前的界面一致性準則很相似。如果我們遵從了界面設(shè)計中的一些約定挽唉，用戶用起來會很方便滤祖。相反，不一致和沒有遵從慣例則會提高學(xué)習成本瓶籽。有了界面設(shè)計中這些約定，我們想都不用想就知道界面右上角（大多數(shù)情況下）的叉叉是關(guān)閉程序用的，或者點擊一個按鈕后我們能夠預(yù)測到將會發(fā)生什么嘿棘。當然畅哑，慣例是會過時的，隨著時間的推移严拒，同樣的操作也有可能被賦予新的含義扬绪。但要記住，當你在界面中打破這些常規(guī)時一定要目的明確裤唠，并且出發(fā)點是好的勒奇。
編輯搜圖
天津網(wǎng)站建設(shè)
30. 讓用戶覺得可以避免失去而不是獲得
我們喜歡成功，沒有誰愿意失敗巧骚。根據(jù)心理學(xué)得到的可靠結(jié)論赊颠，人們一般更頃向于避免失去擁有的東西而不是獲得新的利益。這一結(jié)論也適用于產(chǎn)品的設(shè)計和推廣中劈彪。試著說明你的產(chǎn)品會幫助客戶維護他的利益竣蹦，保持健康，社會地位等要好過告訴客戶這個產(chǎn)品會帶來一些他未曾擁有的東西沧奴。比如保險公司痘括，它是在銷售我們出事之后可以得到的大筆賠償呢還是在強調(diào)可以幫助我們避免失去擁有的財產(chǎn)？
編輯搜圖
天津網(wǎng)站建設(shè)
31. 具有層次的圖形化展示優(yōu)于直白的文字描述
具有層次的設(shè)計可以將界面上重要的部分與不次要部分區(qū)分開來。要讓界面層次分明纲菌，可以在這些方面做文章：對齊方式挠日，間距，顏色翰舌，縮進嚣潜，字體大小，元素尺寸等椅贱。當所有這些調(diào)整運用得適當時懂算，可以提高整個界面的可讀性。相比在一個很直白的界面上用戶一眼就可以從上瞟到底的設(shè)計庇麦，這樣分明的設(shè)計也可以讓用戶放慢速度來慢慢閱讀计技。這樣也使界面更有特色一些。就好比一次旅行山橄，你可以乘坐高鐵快速到達景區(qū)（從頁面頂部瞟到底部）垮媒，但你也可以慢行以欣賞沿途風光。所以層次分明的設(shè)計讓眼睛有可以停留的地方航棱，而不是對著空白單調(diào)的一個屏幕睡雇。
編輯搜圖
天津網(wǎng)站建設(shè)
32. 將有關(guān)聯(lián)的東西分組避免雜亂無章
將各個功能項分組合并起來可以提高可用性。有點常識的人都知道刀子和叉子丧诺，或者打開文件和關(guān)閉文件是放在一起的入桂。將功能相近的元素放在一起也符合邏輯，符合我們平時的認知驳阎。
編輯搜圖
天津網(wǎng)站建設(shè)
33. 使用行內(nèi)即時校驗而不是提交后再告訴出錯
在處理表單時抗愁，最好立即檢測出用戶所填寫內(nèi)容是否符合要求然后給出驗證消息。這樣錯誤一出現(xiàn)能就能得到改正呵晚。相反蜘腌，提交后再檢查表單會給出錯誤消息，會讓用戶感到不爽又要重復(fù)之前的工作饵隙。
編輯搜圖
天津網(wǎng)站建設(shè)
34. 放寬對用戶輸入的要求
對用戶輸入的數(shù)據(jù)撮珠，盡量放寬限制，包括格式金矛，大小寫什么的芯急。這樣做可以更人性化一點，也使得界面更加友好驶俊。一個再恬當不過的例子就是讓用戶輸入電話號碼的時候娶耍，用戶有很多種輸入方式，帶括號的饼酿，帶破折號的榕酒，帶空格的胚膊，帶區(qū)號和不帶區(qū)號的等等。如果你在代碼中來處理這些格式的問題想鹰，代價也只是你一個人多寫幾行代碼而以紊婉，卻可以減少無數(shù)用戶的工作量。
編輯搜圖
天津網(wǎng)站建設(shè)
35. 讓用戶感覺需要快速做出響應(yīng)而不是毫無時間觀念
適當?shù)木o迫感是個有效的戰(zhàn)術(shù)可以讓用戶立即做出決定而不是等上個十天半個月辑舷。重要的是這種戰(zhàn)術(shù)屢試不爽喻犁，因為它暗示了資源的緊缺或者活動的時間有限，今天可以買惩妇，但明天可能就無法這么低價了株汉。另一方面筐乳，這一戰(zhàn)術(shù)也讓用戶感到會錯失一次大好的機會歌殃，再一次，應(yīng)用了人們害怕失去的本性蝙云。當然氓皱，這種戰(zhàn)術(shù)會被一些人嗤之以鼻，認為是不耿直的做法勃刨。不過波材，這只是種戰(zhàn)術(shù)而以，并且在保持合法性的前提下應(yīng)用也無傷大雅身隐。所以請不要為了營銷而在界面上制造緊迫的假象廷区。
編輯搜圖
天津網(wǎng)站建設(shè)
36. 嘗試饑餓營銷（制造稀缺感）
物以稀為貴。饑餓營銷給出的信息就是東西不多贾铝，只剩幾件隙轻，明天再來，可能沒了垢揩。你去比較一下批發(fā)與限量版的東西他們的價格差距有多大就知道了玖绿。回過頭來看叁巨，那些批發(fā)商或者大零售商斑匪，他們也使用饑餓營銷，以獲得更好的銷量锋勺。但在軟件行業(yè)蚀瘸，我們經(jīng)常會忘記有饑餓營銷這回事。因為數(shù)字產(chǎn)品是可以很容易拷貝復(fù)制的庶橱，不存在缺貨的情況贮勃。其實，在界面設(shè)計中悬包，也可以將其運用起來與現(xiàn)實中的資源緊缺進行聯(lián)系衙猪。想想一次網(wǎng)上研討會的門票，想想你一個月可以服務(wù)的人數(shù)限制，這些信息都可以告知用戶是有限的垫释。
編輯搜圖
天津網(wǎng)站建設(shè)
37. 讓用戶從已知里選擇而不是直接回想
這一界面設(shè)計中的經(jīng)典準則是有心理學(xué)依據(jù)的丝格，相比要讓某人回想想某樣?xùn)|西，從一堆東西中認出某樣?xùn)|西會更容易些棵譬。辨識出一樣?xùn)|西只需要我們稍微回憶一下显蝌，通過一些線索就可以完成。而回想則需要我們?nèi)嫠阉髯约旱拇竽X订咸。也許這也是為什么試卷上選擇題會比簡答題做得快的原因曼尊。所以試著在界面上展示一些用戶之前涉及到的信息讓他們進行選擇，而不是讓他們想半天然后自己填寫脏嚷。
編輯搜圖
天津網(wǎng)站建設(shè)
38. 讓點擊區(qū)域更大
像鏈接骆撇，表單的輸入框還有按鈕等，如果尺寸做得大一點則點擊起來更方便容易些父叙。根據(jù)費特定律神郊，使用像鼠標這樣的外設(shè)來點擊需要一些時間，特別是元素比較小的情況下趾唱，時間會更多涌乳。鑒于此，最好還是把你的表單輸入框甜癞，按鈕等做大點夕晓。抑或者你可以保持原有的設(shè)計不變，只是把元素可點擊區(qū)域（也就是熱區(qū)）增大悠咱。這樣的一個典型例子是手機設(shè)備上的文本鏈接和導(dǎo)航菜單蒸辆，它們文字不一定很大但背景是拉伸的，在很寬范圍內(nèi)點擊都有效乔煞。
編輯搜圖
天津網(wǎng)站建設(shè)
39. 優(yōu)化頁面加載速度吁朦，不要讓用戶等太久
速度很重要。頁面加載速度和 UI 對操作的響應(yīng)速度都直接關(guān)系到用戶是否有耐心繼續(xù)等下去渡贾。無疑地每多一秒種的等待都會失去一些用戶或者機會逗宜。一個好的解決之道當然就是優(yōu)化你的頁面和圖片。除此之外還可以運用心理學(xué)讓這個等待時間顯得不那么長空骚。具體來說有兩種技巧纺讲。一是顯示進度條，二是展示其他相關(guān)或有趣的東西來吸引用戶的注意力（就好比你沿著傳送帶走走總比傻站在原地盯著一個位置看要好得多吧）
編輯搜圖
天津網(wǎng)站建設(shè)
40. 除了按扭外囤屹，建議增加快捷鍵支持
當你的程序廣為流傳熬甚，應(yīng)該考慮下高級用戶的感受。人們總是試圖為一些重復(fù)性的操作找到更快捷的方法肋坚，快捷鍵就應(yīng)運而生了乡括。相比在界面上點來點去肃廓，快捷鍵無疑大大提高工作效率。一個好的例子就是現(xiàn)今流行于各個主流程序中的 J（后退）K（前進）快捷鍵組合诲泌，比如在 Gmail盲赊，Twitter 和 Tumblr 中。按鈕固然好敷扫，但快捷鍵會錦上添花哀蘑。
編輯搜圖
天津網(wǎng)站建設(shè)
41. 嘗試錨定價格
就像卡尼曼觀察到的那樣，錨定效應(yīng)造成的認知偏差是人類很難克服的葵第，我們的決策受最先進入我們大腦的數(shù)字的影響绘迁，錨定數(shù)量也并不一定是一個價格，它可以是一個數(shù)卒密。營銷人員利用錨定效應(yīng)最常見的例子是同時顯示建議零售價和實際價格缀台。
編輯搜圖
天津網(wǎng)站建設(shè)
42. 讓進度條預(yù)設(shè)已經(jīng)走了一部分
一件事越接近完成我們的動力越強，這被稱為目標梯度效應(yīng)栅受。讓人覺得自己已經(jīng)取得了進展這件事宜早不宜晚将硝。
編輯搜圖
天津網(wǎng)站建設(shè)
43. 使用漸進顯示而不是全部展開
漸進顯示不讓大量無關(guān)的信息直接暴露出來恭朗，而且展現(xiàn)的內(nèi)容有上下文的關(guān)聯(lián)屏镊，更容易讓用戶理解，不會一下展現(xiàn)太多表單把用戶嚇跑痰腮。
編輯搜圖
天津網(wǎng)站建設(shè)
44. 用小的承諾代替大的
使用承諾是一個功能強大的說服策略而芥，充分挖掘人的自我認知一致性原則，一連竄的小問題答案的” 是 “膀值，會得到更大問題的 “是的棍丐。” 還有顯示月費而不是年費會傳達出一種沒有合約的感覺沧踏，讓用戶覺得隨時可以退出歌逢，沒有障礙。
編輯搜圖
天津網(wǎng)站建設(shè)
45. 替換模態(tài)對話框為更溫柔的提示方式
雖然模態(tài)對話框更吸引用戶注意力翘狱，但是也會帶來一些其他問題秘案，首先阻止了用戶操作對話框之外的操作，而且打斷了用戶之前的操作動作潦匈，為什么不嘗試行內(nèi)或滑出等不那么礙眼的提示方式呢阱高？
編輯搜圖
天津網(wǎng)站建設(shè)
46. 嘗試多功能控制而不是分成很多功能塊
例如可以在輸入框里實現(xiàn)篩選過濾的功能，而不用增加額外的篩選菜單茬缩。打分功能里增加懸停顯示功能而不是增加額外的顯示模塊赤惊。但是不要濫用，否則會增加用戶的學(xué)習曲線難度凰锡。
編輯搜圖
天津網(wǎng)站建設(shè)
47. 嘗試增加圖標文本
圖標和文字在一起可以減少很多歧義未舟，比如以下下箭頭到底是表示往下移圈暗？降低優(yōu)先級還是下載呢？或者” X “圖標代表刪除裕膀？禁止還是關(guān)閉呢厂置？ 當用戶沒有時間理解你界面圖標表達的意思的時候問題就麻煩了，所以為了理解魂角，最好圖標要配上文本昵济，如果空間實在不夠，可以用懸停圖標顯示提示文本的方式展現(xiàn)野揪。
編輯搜圖
天津網(wǎng)站建設(shè)
48. 嘗試使用更自然的語言代替干癟的文本
自然語言比簡短访忿、嚴格的短語更方便用戶理解。
編輯搜圖
天津網(wǎng)站建設(shè)
49. 激發(fā)用戶的好奇心
提供一個能激發(fā)用戶好奇心的信息斯稳，這可能是一個樣章海铆、演示、試用挣惰，或做了 XYZ 才能看得到的免費內(nèi)容卧斟。
編輯搜圖
天津網(wǎng)站建設(shè)
50. 嘗試消除用戶顧慮而不是假設(shè)一切正常
告訴你的客戶支付是安全的、貨物免運費而且隨時可以退換憎茂，沒有任何后顧之憂珍语，這是能提高轉(zhuǎn)化率的極佳策略。
編輯搜圖
天津網(wǎng)站建設(shè)
51. 嘗試價格錯覺
改變提示方式讓人們完全靠自己判斷你的產(chǎn)品的價值竖幔，也可以幫助他們做板乙。如果你決定利用人類不理性，就可以用不同價格的顯示方式拳氢，讓你的產(chǎn)品變得視為更有價值募逞。比如在價格前加上 “只”，“實惠” 等詞馋评。把價格分解為每單位價格（例如：每天 1 塊錢放接，而不是一月30 塊會員費） 另外，可以使用以 9 結(jié)尾的數(shù)來減少價格位數(shù)留特。
編輯搜圖
天津網(wǎng)站建設(shè)
52. 嘗試感謝你的用戶而不是簡單的完成確認
感謝的可以讓你的業(yè)務(wù)纠脾，產(chǎn)品或 UI 更加人性化，表達了對用戶的欣賞和關(guān)心磕秤。感謝可以引導(dǎo)出進一步的對話或行動乳乌。感謝您閱讀這一段。 :)
編輯搜圖
天津網(wǎng)站建設(shè)
53. 直接給出有意義的結(jié)果不要讓用戶做數(shù)字轉(zhuǎn)換工作
比如顯示 3 分鐘前就比顯示一個時間日期更容易理解市咆，讓用戶免除一切數(shù)學(xué)計算汉操。
編輯搜圖
天津網(wǎng)站建設(shè)
54. 給予用戶再次確認選擇的自由
在行動按鈕或選擇之后告訴用戶有自我選擇或拒絕的自由。
編輯搜圖
天津網(wǎng)站建設(shè)
55. 讓獎勵變得隨機
可變的隨機的獎勵會讓用戶上癮（游戲讓人上癮的原理之一）
編輯搜圖
天津網(wǎng)站建設(shè)
56. 抓住用戶的注意力
可以用增加尺寸和提高對比度的方式來突出重要行動蒙兰。其他吸引注意力的方法有：采用不規(guī)則形狀磷瘤，自動焦點芒篷，高亮，固定跟隨（浮動）采缚，以及方向箭頭等针炉。
編輯搜圖
天津網(wǎng)站建設(shè)
57. 讓表格對比清晰明確
表格應(yīng)該顯示出最相關(guān)的屬性差異，有助于用戶做出單個決定扳抽。
編輯搜圖
天津網(wǎng)站建設(shè)
58. 顯示一組而不是單獨的一項
人有收集東西的癖好篡帕，無論是物理的還是虛擬的。收集一整套東西會自然的成為奮斗目標贸呢。通常獲得一整套東西帶來的收益增加（蛋糕比其單獨的成分更大镰烧、更好）。通過顯示過去的收獲也會增強以后的行為動機楞陷。
編輯搜圖
天津網(wǎng)站建設(shè)
59. 讓用戶有明晰的期望而不是蒙在鼓里
你在 X 步驟中的第一步怔鳖。你的選擇結(jié)果在 Y 中。在 Z 之前你會收到 XX固蛾，下一個任務(wù)將全部完成结执。這種不斷的清晰的提示可以建立與用戶之間的信任，而不是讓用戶兩眼摸黑艾凯。
編輯搜圖
天津網(wǎng)站建設(shè)
60. 用幽默代替嚴肅
為什么要一直那么嚴肅呢献幔？在你的 UI 里加入一些幽默的元素有助于與你的用戶 / 客戶之間建立良好的情感聯(lián)系，也更容易原諒你的一些錯誤览芳。
編輯搜圖
天津網(wǎng)站建設(shè)
61. 用反饋代替沉默
當我們執(zhí)行了一個動作斜姥，肯定我們希望知道是否成功。比如：當我們發(fā)送郵件時候希望知道是否發(fā)送成功沧竟。什么反饋也沒有意味著不確定性：起作用了么？點擊了么缚忧？按鈕按下去了么悟泵？是否要重試？ 成功提醒是非常有價值的交互闪水。
編輯搜圖
天津網(wǎng)站建設(shè)
62. 判斷出用戶意圖
如下圖所示糕非，這是亞馬遜的一個多級菜單，當?shù)谝粋€菜單展開球榆，用戶鼠標往右下角移動路過第二個菜單的時候朽肥，之前的展開的菜單并不會消失，他們靠算法預(yù)判到用戶可能是想點擊第一個菜單下的某個子菜單持钉。
編輯搜圖
天津網(wǎng)站建設(shè)
63. 使用寬松的間隔避免元素擠在一起
空白的填充可以讓內(nèi)容和表格的可讀性更好衡招，廣泛適用于列表、表格每强、段落等元素始腾。
編輯搜圖
天津網(wǎng)站建設(shè)
64. 使用講故事的方式而不是列出事實
講故事是最古老的傳播方式州刽，可以在著頁面和各種 UI 交互頁使用。一個基本的故事有幾個簡單的元素浪箭，如場景穗椅，帶著目的的人物，遇到的問題奶栖。故事可以引發(fā)讀者的情感反應(yīng)匹表，就像自己遇到了同樣的處境。這樣宣鄙，故事也可變得更加難忘桑孩。這也就是為什么銷售長久以來喜歡講故事，說明這非常有效的框冀。
編輯搜圖
天津網(wǎng)站建設(shè)
65. 使用可靠的內(nèi)容流椒，避免造假
人們可以一眼就看出太假的東西，為了讓你的產(chǎn)品更值得信賴明也，不要造假宣虾。股票高高的走勢圖和網(wǎng)頁上開心笑的人沒有任何理由和意義∥率混雜著好和壞的評價绣硝，非整數(shù)數(shù)字讓你的網(wǎng)頁更真實可靠。
編輯搜圖
天津網(wǎng)站建設(shè)
66. 隨著用戶的進階而優(yōu)化
當用戶對你的操作界面很熟悉之后撑刺，一些給新手顯示的東西或者一些經(jīng)常顯示的東西變得不那么重要鹉胖，可以去掉或者移動其他地方。這樣可以讓設(shè)計更加精簡够傍。
編輯搜圖
天津網(wǎng)站建設(shè)
67. 以別人為中心
想建立社會影響力的時候就要優(yōu)先考慮別人的利益甫菠，把對話中的” 我 “變成” 你 “。
編輯搜圖
天津網(wǎng)站建設(shè)
68. 對于你顯而易見的東西可能對于別人不是
有些事情對于我們來說似乎是顯而易見的冕屯，對于別人卻不是寂诱。如下圖中讓用戶輸入 URL 快捷方式，用戶不一定知道指的是什么：
編輯搜圖
天津網(wǎng)站建設(shè)
69. 讓語言簡潔明了安聘，去掉多余的廢話
使用更少痰洒，更簡潔的話，在寫完草稿后浴韭，看看是否還可以縮減丘喻。抓住要點可以避免丟掉用戶的注意力。
編輯搜圖
天津網(wǎng)站建設(shè)
70. 使用響應(yīng)式布局避免靜態(tài)布局
沒有什么比出現(xiàn)橫縱雙滾動條更糟糕的頁面了念颈，讓頁面支持的響應(yīng)式布局泉粉，這樣在各種大小的移動設(shè)備上都能良好的顯示。
編輯搜圖
天津網(wǎng)站建設(shè)
71. 讓視覺效果清晰明確
讓不同的元素成組舍肠，使用不同的字號搀继，使用不同的色調(diào)窘面，讓視覺效果清晰明確。
編輯搜圖
天津網(wǎng)站建設(shè)
72. 讓你的界面可糾錯
出錯是難免的叽躯，所以用戶界面應(yīng)該允許細微的糾正财边。如更換賬號或更換地址等
編輯搜圖
天津網(wǎng)站建設(shè)
73. 讓用戶嘗試社會承諾
人類偏愛一致的自我形象，社會承諾會成為一種自我動機点骑。在這一點上酣难，公開的社會承諾，會讓人更有責任去兌現(xiàn)黑滴。當我們告訴人們憨募，我們會做一些事情（或者采取公開的行動），那么未來行動的可能性就會更高袁辈。
編輯搜圖
天津網(wǎng)站建設(shè)
74. 增加重試和重做的功能
例如：當上傳圖片時候菜谣，文件上傳失敗或者對上傳的圖片不滿意想換一張的時候，重試和重做就很有必要晚缩。
編輯
試試濾鏡功能吧
搜圖
天津官網(wǎng)建設(shè)
75. 把過多的選擇去掉
更多的選擇讓決策越難尾膊，甚至還會降低滿意度，因為這讓后悔和自責傾向增加荞彼。著名的果醬研究實驗一次次的被驗證冈敛。
編輯搜圖
天津官網(wǎng)建設(shè)
編輯搜圖
天津網(wǎng)絡(luò)營銷|天津網(wǎng)站|天津網(wǎng)站排名
『網(wǎng)絡(luò)營銷』集翔企商
互聯(lián)網(wǎng)推廣運營知識分享平臺。
你關(guān)注的圈子鸣皂，決定你看到的世界抓谴。
