幫某轉型中小企業內部資訊人員做的教育訓練 參考書籍：don't make me think

1. 頁面設計A
我們怎麼看網頁

2. 網站是用來
給人看得

3. 吾以為……
• 人人都會逐頁閱讀，謹慎思考後按下滑鼠

5. 事實上
• 我們不讀網頁，我們只會掃描他
往往只花極短的時間掃描(甚至略過)網頁，尋
找吸引眼睛注意的內容
– 我們通常很忙
• 用網站找資料就是很懶的一件事了，你是要我花多少時間?
• 眼睛就像噴射機，很快，而且要保持移動不然會墜機
– 我們知道自己不需要讀完這一切
• 我們知道自己要找什麼，妳要給我看什麼並不重要!!!
– 我們很熟了
• 身處資訊爆炸時代，我能活到今天代表我會過濾訊息

6. 事實上
• 我們不必做出最佳選擇
Click不是擇偶，大概就好
• 我們通常很忙
– 最佳化很浪費時間，找到將就的方法其實比較有效率
• 猜錯沒啥大不了
– 最常被點選的按鈕就是[上一頁]，是妳我的好朋友
• 謹慎思考並不會增加正確率
– 爛網站太多了，我怎麼第一眼認出妳是好的那個
• 猜測比較有趣
– 下意識的驚喜感會助長大家猜測的頻率

7. 事實上
• 我不想知道背後原理，我們只想含糊帶過
想想妳平常怎麼看手機操作說明書的
• 那對我們真的不重要
– 對大多數的人而言，了解原理本來就不重要，只要可以用就好了
• 我們習慣延用管用的方法
– 只要可以輕鬆達到目的，我管他是哪種方法
– 無論有多爛，除非我們不小心發現新方法，但很少人會主動發現

9. 清楚呈現視覺階層
越重要的東西，應該要越明選
非常重要
比較不重要
不怎麼重要

10. 清楚呈現視覺階層
邏輯上相關的東西，視覺上就該有所關連

11. 善用視覺上的巢狀階層
大標
小標
內容
圖

12. 善用慣例
• 慣例很有用
• 設計師通常不喜歡慣例

13. 將頁面分割成清楚的區域

14. 減少干擾

15. 明確標示可點選的東西

16. 參考書籍
• 如何設計好網站－Don’t Make Me Think
http://www.books.com.tw/exep/prod/booksfile.php?item=0010324273
• Steve Krug著 / 胡為君 譯 上奇出版社