Book Title - Don’t Make Me Think -別讓我花腦筋思考

中文書名-如何設計好網站 作者- Steve Krug

Speaker: Lucy Chien www.facebook.com/lucy.chien.77 www.leporis.com.tw Date:2013/12/5

1. About this book 關於本書

Website Usability 網站使用性研究

It’s not rocket surgery 了解使用性的真諦其實不難

“If something is hard to use, I just don’t use it as much.” 如果一個東西很難用 我就越少用它

2. Usability 使用性的定義

Usability means making sure that something works well 確保某件東西操作順手

3. Krug’s First Law of Usability 網頁使用性的第一條定律

Don’t Make Me Think 別讓我花腦筋思考 (怎麼使用網站)

Web page should be self-evident. Obvious. Self-explanatory. 如果你的網站是一章國文課文 - 高中生的

古文課文 vs. 國小生的白話文

I should be able to “get it” 讓人一看就懂

4. Things that make us think 甚麼是需要花腦筋想的…?

Example #1 - Names of things 東西的名稱 (工作>職缺>菁英募集)

Example #2 - Links and buttons that aren’t obviously clickable 不確定可不可以點選的連結與按鈕

“Obvious to everybody” and “Truly obscure.” 真的很明顯，或是，有夠難猜那是甚麼玩意兒

5. Making pages self-evident is like having good lighting in a store : it just makes everything seem better.

建造一個容易上手操作的網頁，就像是有良好照明燈光的商店，所有的東西看起來都順眼多了

6. How we really use the web 到底人們實際上是如何使用一個網站

Scanning 檢閱的方式 - 掃描 (參閱附圖一)

We’re usually in a hurry. 我們通常很忙

We know we don’t need to read everything. 我們知道不用全部都閱讀

We’re good at it. 我們很在行這樣的檢閱方式

Satisficing (satisfying and sufficing) 點選動作背後的決策 - 將就

We’re usually in a hurry. 我們通常很忙

There’s not much of a penalty for guessing wrong. 猜錯了又不會■

Weighing options may not improve our chances. 即使好好的比較，再點選，結果也不見得比

較好

Guessing is more fun. 用猜的比較有趣

Muddling through - 從摸索中學習 - 笨拙的把玩

It’s not important to us 人們使用網站時通常不會太認真研究用法

If we find something that works, we stick to it 找到可行的方法就好

~ The difference between how we think people use Web sites and how they actually use them. ~

~ 人們實際上使用網頁的方式，與網頁設計師們所認知的，有很大的出入 ~

Book Title - Don’t Make Me Think -別讓我花腦筋思考

中文書名-如何設計好網站 作者- Steve Krug

Speaker: Lucy Chien www.facebook.com/lucy.chien.77 www.leporis.com.tw Date:2013/12/5

7. If your audience is going to act like you’re designing billboards, then design great billboards.

設計很棒的”公佈欄”網站，你可以參考以下五個重點

Create a clear visual hierarchy on each page 視覺層級要明顯

Take advantage of conventions 善用常見俗成的元素 (圖標,慣例.例如: 購物車的圖案, FB 的”讚”)

Break pages up into clearly defined areas 將頁面分成定義清楚的區塊

Make it obvious what’s clickable 可點選的地方要明顯

Minimize noise 將視覺干擾降到最低

8. Deep vs. wide site hierarchies 關於網頁的層級: 寬一點? 還是深一點? 網頁使用性的第二條定律

It doesn’t matter how many times I have to click, as long as each click is a mindless, unambiguous choice.

不論網站深淺與點擊的次數多寡，重點是每一次點擊，都是簡單、不花腦筋的

9. Omit words. 廢話少說 – 網頁使用性的第三條定律

Get rid of half the words on each page, then get rid of half of what’s left. 把現有的文字刪除一半，剩下

的文字，再刪除一半

happy talk must die 歡迎詞刪掉

Instructions must die 說明文刪掉

【附圖一】