该文档探讨设计的有效性和如何使用数据来验证设计是否满足目标。它提供了一系列设计例子，通过数据比较不同设计的表现，并总结提高用户转化率和满意度的原则。文档强调怀疑假设的重要性，并通过直观和简洁的信息传递策略来提升设计效果。

1. 設計的好壞
直覺 v.s. 數據

2. 你的設計
有些人喜歡，有些人不喜歡
怎麼辦？

3. 1. 如何滿足目的
2. 如何驗證有滿足目的
看數據說話
設計

4. 可以觀察哪些數據指標
（媒體類型網站）
來訪數與流失率：來訪人數與忠誠度。
廣告數量：可供變現的廣告展示次數(UPV, Unique page views)。
廣告價格：可以是CPC或CPM。
內容與廣告
點擊率：真正點擊設計的來訪比例。
轉換率：各流程間的轉換率。
間的平衡
：在營利與網站可讀性之間的平衡。

5. 媒
體
類
型
網
站
的
商
業
模
式
流量
訪問量
獨立訪客數
跳出網站
訂閱
線上
參與度
廣告
營收
分享
使 用 者 創 造 價 值 的 四 種 方 式
RSS/社群追蹤/EDM 兩次來訪間隔時間/
session停留時間/
每日訪問次數/
每次瀏覽量/網頁停留時間
CPM/聯盟行銷/CPC 複製貼上/社群分享
回
訪
付
費
SEO viral

6. 小遊戲：你覺得哪個設計有滿足目的？
(資料來自網路上提供的實際商業案例)

7. Example：哪個的點擊比較高?

8. 下面的，因為CTA明顯
點擊上升433%

9. 一共11題，開始囉

10. 1. EA模擬城市導購頁面
你覺得哪個導購數量比較高？A B

11. 沒有主視覺的版本，轉換率提高43%
即使你認為一件事是事實，
也要試著懷疑自己的假設
透過數據做驗證。

12. 2. 電商的Call To Action 文字
哪個點擊比較高？
A B

13. 文案Buy Now的版本，轉換率提升17%
字少不代表不重要，
有引導的字詞更能增加轉換。

14. 3. 電商列表頁設計，你覺得平均營收哪個比較高？
A B

15. 有明確網格佈局且統一產品圖大小的版本
平均每位訪客的營收增加17%
凸顯部分產品圖會增加該
點擊率，但不保證總體的
營收增加。

16. 4. Landing page的兩種設計，紅框部分將使用
者見證拆開，你覺得哪個點擊率較高？
A B

17. 調整使用者見證的擺放位置，下載量增加64.53%
將兩個使用者見證的內容
移到CTA上面，讓更多訪
客能看到這項資訊，增加
可信度。

18. 5. 賣房網站的註冊頁設計，哪個註冊率較高？
A B

19. 顯示使用者期待結果的圖像，註冊率增加89%
在正確的情境使用說服技
巧，能幫助我們達成目標。
B的成效好，是因為它傳
達了一個訊息：
「如果你註冊，就能賣出
房子。」

20. 6. Microsoft的EDM設計，你選哪一個？
A B

21. 清爽的設計，點擊率增加325%
雖然B的用色符合微軟的
規定，但A款都資訊呈現
更清晰，CTA位置與顏色
對比也更清楚。

22. 7. 賣衣服平台的流程設計，哪一個互動率較高？
A B

23. 重新設計，互動率增加606%
B款整體更簡潔，也方便
使用者閱讀。

24. 8. 線上訂房網站的首頁設計，哪個訂房率較高?
A B

25. layout的調整，導致訂房比率增加52%
如果表單欄位多於3欄，
建議使用垂直的表單。
（視覺上容易跟蹤，乍看
之下較簡單）
B

26. 9. 咖啡因資訊手機版網站的導覽設計
左上角的按鈕哪一個點擊較高？
A B

27. 把漢堡選單改成文字，點擊率增加20%
「清楚」是網站優化的一
切。要講清楚你提供給使
用者的的資訊。
BB

28. 10. 捐款網站的導覽設計，哪一個捐款率較高？
A
B

29. 提供更多的工具欄選項，捐款增加181％
將網站希望使用者做的行
為拆開，在列表上直接告
訴使用者要做什麼。
BB

30. 11. 約會網站的註冊頁設計，哪一個註冊率較高？
A
B
Ｃ

31. 背景圖的調整提高註冊率38%
C版的背景讓使用者認為，
這個約會網站有許多人選
打中使用者內心的渴望。
Ｃ

32. 你剛剛答對幾個?

33. 總結
1. 即使你認為一件事是事實，也要試著懷疑自己的假設。
2. 了解使用者背後的目的，素材要打中使用者內心的渴望。
3. 文案少不代表不重要，有引導的字詞更能增加轉換。
4. 講清楚你提供給使用者的的資訊。
5. 讓使用者一眼就看懂你要傳達的資訊。
6. 在正確的情境使用有說服力的圖文，能幫助我們達成目標。
7. 表單欄位多於3欄時，要注意避免視覺疲勞。
8. 視覺上要凸顯呼籲按鈕。
9. 在主要呼籲按鈕之前加上「有可信度」的資訊，增強用戶信心。
10. 凸顯部分圖片會增加該點擊率，但不保證總體的營收增加。
心法
資訊呈現
Call To Action
整體考量

34. 1. 即使你認為一件事是事實，
也要試著懷疑自己的假設。
心法

35. 2.了解使用者背後的目的，
素材要打中使用者內心的渴望。
心法

36. 3. 文案少不代表不重要，
有引導的字詞更能增加轉換。
資訊呈現

37. 4. 使用icon等圖示要警慎
確保使用者看得懂你要傳達的資訊。
資訊呈現

38. 5. 讓使用者一眼就看懂
你要傳達的資訊。
資訊呈現

39. 6. 在正確的情境使用有說服力的圖文，
能幫助我們達成目標。
資訊呈現

40. 7. 表單欄位多於3欄時，
要注意避免視覺疲勞。
資訊呈現

41. 8. 視覺上要凸顯呼籲按鈕。
Call To Action

42. 9. 在主要呼籲按鈕之前加上
「有可信度」的資訊，增強用戶信心。
Call To Action

43. 10. 凸顯部分圖片會增加該點擊率，
但不保證總體的營收增加。
整體考量

44. 有時候能達到商業目標的方法
恰好違反設計師的直覺
對於美感好的設計師來說反而是個思考陷阱

45. 所以大家可以多以數據做為輔助，
用來驗證設計是否達到目的。

46. Thank you