提升Web使用者體驗的71個設計要點

01 嘗試使用一列的佈局替代多列布局

02 給使用者一些小的利益，別看上去那麼赤裸裸

03 合併相似的功能

04 嘗試展示來自使用者的讚揚，而不是自我表揚

05 重複核心行動點

06 統一視覺規範，提升可識別性

07 嘗試使用推薦的口吻，而不是讓使用者感覺面對一臺冷冰冰的機器

08 給使用者吃「後悔藥」的機會

09 告訴使用者產品適用的人群，而不是人人都通用

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

11 增強主行動點的視覺衝擊力，提升它在頁面中的可對比性

12 讓使用者知道你從哪兒來更易於拉近與使用者的關係

13 將表單做的簡單點，確保使用者在抓狂之前能進入下一步

14 儘量將使用者需要選擇的資訊展示出來而不是藏起來

15 頁面的排版需要考慮使用者是否會漏掉底部資訊

16 如果頁面的底部有需要關注的行動點，別讓文中過多的外鏈帶走了使用者

17 確保使用者知道自己目前的狀態

18 將利益點融合在行動點中，增強使用者的點選慾望

19 將行動點與當前資訊結合起來

20 將簡要的表單合併到頁面中，減少調整頁面帶來的使用者流失

21 適當的增加延遲動效，讓使用者感知到頁面的變化

22 讓新使用者從嘗試產品入手，而不是一來就面對冷冰冰的登錄檔單

23 減少使用線框，這會過多的吸引使用者注意力，而且會讓頁面看上去透不過氣

24 給使用者推銷你能給他帶來的利益，而不是功能

25 一定要注意0結果頁面的設計，這也是引導使用者的好地方

26 給使用者選擇退出的權利，特別是郵件訂閱

27 注意介面元素的一致性，降低使用者學習成本

28 給下拉框增加一些預設值，降低使用者填寫成本

29 延續使用者日常的使用習慣，而不是重新創造

30 嘗試告訴用做些事情降低自己的損失，而不是提升收益

31 提升頁面的視覺層次，增強可閱讀性

32 將同類的操作合併在一起，降低使用者的認知成本

33 表單及時校驗，而不是統一提交後在告訴使用者填錯了

34 嘗試將表單輸入變得更加寬容，讓使用者的填寫更加簡單

35 通過時間增強緊迫感

36 提供使用者可預見性的操作，降低使用者的心理成本

37 儘可能的幫助使用者選擇，而不是讓使用者想破腦袋

38 儘可能將操作區域放大，降低使用者操作成本

39 頁面載入速度很重要，儘可能讓使用者感受到你的網站速度很快

40 如果可以，增加鍵盤快捷鍵，提升操作效率

41 嘗試通過對比來讓使用者感知到價效比

42 嘗試對進度條進行「設計」來降低使用者等待的焦慮

43 根據使用者選擇逐步展示資訊，降低無效資訊對使用者的干擾

44 有時候較小的承諾比「誇海口」會更容易讓使用者信服

45 嘗試將提示資訊弱化，減少對使用者操作的干擾

46 儘量通過系統的功能來簡化使用者的操作

47 用文字配合圖示來降低使用者的認知成本

48 用更自然的語言代替冷冰冰的機器

49 放出一些摘要資訊來幫助使用者識別是否需要進一步瞭解

50 在關鍵的頁面增加使用者權益資訊，增強使用者進一步操作的信心

51 將價格進行換算，讓使用者感覺這很便宜

52 記得在成功頁面感謝使用者

53 將數字轉化成易於使用者閱讀的形式，而不是冷冰冰的機器語言

54 告訴使用者選擇的權利和自由「誘惑力」

55 嘗試讓語言更具「誘惑力」

56 通過設計引導使用者的注意力

57 通過友好的對比來展示產品，為使用者做決定提供幫助

58 通過任務機制來提升使用者的滿足感

59 讓使用者瞭解接下來將要發生什麼事情

60 嘗試用更幽默一些的語言文案

61 任何操作之後都要給出反饋，讓使用者知道操作已經生效

62 注意動效的真實使用情況（Amazon 的類目選單就是一個很好的例子）

63 注意排版的，不要讓資訊過於擁擠

64 嘗試用講故事的方式來傳遞資訊，增強使用者的代入感

65 儘量給使用者展示真實的資訊，不要欺騙

66 隨著使用者的不斷熟悉簡化介面

67 試著用使用者的口吻展示資訊

68 在表單中增加一些提示資訊，減少錯誤的機率

69 用簡單的文案傳遞核心關注的資訊，少一些廢話

70 嘗試使用響應式佈局

71 視覺表達要清晰，而不是模稜兩可

這71條設計原則雖然針對 Web 設計，但有些部分在移動產品設計中同樣有效。翻譯過程只保留了圖片和標題，更多詳細內容可以訪問 GoodUI 官網：http://goodui.org/