提升Web用戶體驗(yàn)的71個(gè)設(shè)計(jì)要點(diǎn)
01 嘗試使用一列的布局替代多列布局
02 給用戶一些小的利益,別看上去那么赤裸裸
03 合并相似的功能
04 嘗試展示來(lái)自用戶的贊揚(yáng),而不是自我表?yè)P(yáng)
05 重復(fù)核心行動(dòng)點(diǎn)
06 統(tǒng)一視覺(jué)規(guī)范,提升可識(shí)別性
07 嘗試使用推薦的口吻,而不是讓用戶感覺(jué)面對(duì)一臺(tái)冷冰冰的機(jī)器
08 給用戶吃「后悔藥」的機(jī)會(huì)
09 告訴用戶產(chǎn)品適用的人群,而不是人人都通用
10 將文案寫得更加的直接,而不是一堆廢話
#p#
11 增強(qiáng)主行動(dòng)點(diǎn)的視覺(jué)沖擊力,提升它在頁(yè)面中的可對(duì)比性
12 讓用戶知道你從哪兒來(lái)更易于拉近與用戶的關(guān)系
13 將表單做的簡(jiǎn)單點(diǎn),確保用戶在抓狂之前能進(jìn)入下一步
14 盡量將用戶需要選擇的信息展示出來(lái)而不是藏起來(lái)
15 頁(yè)面的排版需要考慮用戶是否會(huì)漏掉底部信息
16 如果頁(yè)面的底部有需要關(guān)注的行動(dòng)點(diǎn),別讓文中過(guò)多的外鏈帶走了用戶
17 確保用戶知道自己目前的狀態(tài)
18 將利益點(diǎn)融合在行動(dòng)點(diǎn)中,增強(qiáng)用戶的點(diǎn)擊欲望
19 將行動(dòng)點(diǎn)與當(dāng)前信息結(jié)合起來(lái)
20 將簡(jiǎn)要的表單合并到頁(yè)面中,減少調(diào)整頁(yè)面帶來(lái)的用戶流失
#p#
21 適當(dāng)?shù)脑黾友舆t動(dòng)效,讓用戶感知到頁(yè)面的變化
22 讓新用戶從嘗試產(chǎn)品入手,而不是一來(lái)就面對(duì)冷冰冰的注冊(cè)表單
23 減少使用線框,這會(huì)過(guò)多的吸引用戶注意力,而且會(huì)讓頁(yè)面看上去透不過(guò)氣
24 給用戶推銷你能給他帶來(lái)的利益,而不是功能
25 一定要注意0結(jié)果頁(yè)面的設(shè)計(jì),這也是引導(dǎo)用戶的好地方
26 給用戶選擇退出的權(quán)利,特別是郵件訂閱
27 注意界面元素的一致性,降低用戶學(xué)習(xí)成本
28 給下拉框增加一些預(yù)設(shè)值,降低用戶填寫成本
29 延續(xù)用戶日常的使用習(xí)慣,而不是重新創(chuàng)造
30 嘗試告訴用做些事情降低自己的損失,而不是提升收益
#p#
31 提升頁(yè)面的視覺(jué)層次,增強(qiáng)可閱讀性
32 將同類的操作合并在一起,降低用戶的認(rèn)知成本
33 表單及時(shí)校驗(yàn),而不是統(tǒng)一提交后在告訴用戶填錯(cuò)了
34 嘗試將表單輸入變得更加寬容,讓用戶的填寫更加簡(jiǎn)單
35 通過(guò)時(shí)間增強(qiáng)緊迫感
36 提供用戶可預(yù)見(jiàn)性的操作,降低用戶的心理成本
37 盡可能的幫助用戶選擇,而不是讓用戶想破腦袋
38 盡可能將操作區(qū)域放大,降低用戶操作成本
39 頁(yè)面加載速度很重要,盡可能讓用戶感受到你的網(wǎng)站速度很快
40 如果可以,增加鍵盤快捷鍵,提升操作效率
#p#
41 嘗試通過(guò)對(duì)比來(lái)讓用戶感知到性價(jià)比
42 嘗試對(duì)進(jìn)度條進(jìn)行「設(shè)計(jì)」來(lái)降低用戶等待的焦慮
43 根據(jù)用戶選擇逐步展示信息,降低無(wú)效信息對(duì)用戶的干擾
44 有時(shí)候較小的承諾比「夸??凇箷?huì)更容易讓用戶信服
45 嘗試將提示信息弱化,減少對(duì)用戶操作的干擾
46 盡量通過(guò)系統(tǒng)的功能來(lái)簡(jiǎn)化用戶的操作
47 用文本配合圖標(biāo)來(lái)降低用戶的認(rèn)知成本
48 用更自然的語(yǔ)言代替冷冰冰的機(jī)器
49 放出一些摘要信息來(lái)幫助用戶識(shí)別是否需要進(jìn)一步了解
50 在關(guān)鍵的頁(yè)面增加用戶權(quán)益信息,增強(qiáng)用戶進(jìn)一步操作的信心
#p#
51 將價(jià)格進(jìn)行換算,讓用戶感覺(jué)這很便宜
52 記得在成功頁(yè)面感謝用戶
53 將數(shù)字轉(zhuǎn)化成易于用戶閱讀的形式,而不是冷冰冰的機(jī)器語(yǔ)言
54 告訴用戶選擇的權(quán)利和自由「誘惑力」
55 嘗試讓語(yǔ)言更具「誘惑力」
56 通過(guò)設(shè)計(jì)引導(dǎo)用戶的注意力
57 通過(guò)友好的對(duì)比來(lái)展示產(chǎn)品,為用戶做決定提供幫助
58 通過(guò)任務(wù)機(jī)制來(lái)提升用戶的滿足感
59 讓用戶了解接下來(lái)將要發(fā)生什么事情
60 嘗試用更幽默一些的語(yǔ)言文案
#p#
61 任何操作之后都要給出反饋,讓用戶知道操作已經(jīng)生效
62 注意動(dòng)效的真實(shí)使用情況(Amazon 的類目菜單就是一個(gè)很好的例子)
63 注意排版的,不要讓信息過(guò)于擁擠
64 嘗試用講故事的方式來(lái)傳遞信息,增強(qiáng)用戶的代入感
65 盡量給用戶展示真實(shí)的信息,不要欺騙
66 隨著用戶的不斷熟悉簡(jiǎn)化界面
67 試著用用戶的口吻展示信息
68 在表單中增加一些提示信息,減少錯(cuò)誤的幾率
69 用簡(jiǎn)單的文案?jìng)鬟f核心關(guān)注的信息,少一些廢話
70 嘗試使用響應(yīng)式布局
71 視覺(jué)表達(dá)要清晰,而不是模棱兩可
這71條設(shè)計(jì)原則雖然針對(duì) Web 設(shè)計(jì),但有些部分在移動(dòng)產(chǎn)品設(shè)計(jì)中同樣有效。翻譯過(guò)程只保留了圖片和標(biāo)題,更多詳細(xì)內(nèi)容可以訪問(wèn) GoodUI 官網(wǎng):http://goodui.org/