Don't Make Me Think：如何設計好網站- 讀後筆記 · 1. 別讓我思考 · 2. 我們實際使用頁面的方式 · 3. 建立清楚的視覺樣式 · 4. 善用慣例 · 5. 省略贅字 · 6.PUCK'SBLOGHomeAboutPhotosSideProjectsToolboxDon'tMakeMeThink：如何設計好網站-讀後筆記 作者PuckWang| 建立於2021-02-2218:08 | 分類:UI/UX,讀後筆記,精選| 標籤:Web,Front-end,前端TweetShareSharePrintDon'tMakeMeThink第三版封面近年一直想提升我的UI/UX技能，至少到用起來不會不適，而有人向我推薦這本入門的書，稍微查了一下目錄後，看起來內容滿不錯。

也剛好遇到過年假期，就想說把它看完順便寫成重點筆記。

原本是想在網路買二手，但發現市立圖書館剛好有這本書(第二版)，所以就改去圖書館借了，而上次到圖書館借書是五年前了。

書籍資料書名:Don’tMakeMeThink作者:SteveKrug年份:2006(第二版)(最新版是2013第三版)語言:原文英文，有中文翻譯本1.別讓我思考我們在使用網站時，應該要能夠「立刻瞭解」這是什麼？如何使用？我不需要特意去思考。

有人可能會以「使用者找到所需內容時，最好不要按超過幾下滑鼠，以免感到厭煩」的目標來設計網站，但如果每次點擊都不會因思考造成阻礙，使用者也不會太在意點擊次數。

所以不如將網站設計成「讓每個選擇都不用經過大腦思考」可能比較適當。

什麼讓我思考？網頁上的每一樣東西，都可以讓我們停下來思考，在設計時需有所取捨，必須「以淺顯懂」的方式設計。

範例一：一個徵才按鈕的文字假如有人想進到徵才的頁面，而下面有三個按鈕範例，第一個「徵才」可以立刻知道是他要的，而第二個按鈕看起來好像也可以，最後第三個按鈕可能就有思考一下。

徵才就業機會頭路公告範例二：按鈕到底能不能點接下來看到下面三個按鈕，第一個明顯可以點，而第二個看起來可以點，最後第三個就要思考一下，滑鼠移過去發現有改變游標，才知道可以點。

關於關於關於不該浪費時間去思考的東西這裡是哪裡？我要從哪裡開始？他們把___放去哪裡了？頁面上最重要的是什麼？為什麼會這樣稱呼？你的目標是讓每一頁網頁都能自圓其說，讓一般使用者看到之後，就能知道如何使用。

如果無法讓頁面自圓其說，至少讓頁面可以自我解釋。

2.我們實際使用頁面的方式我們實際使用頁面的方式與我們原本設計使用的方式可能會有些差異，作者提出以下幾點：我們不會讀網頁，我們只會掃描注意網頁時，我們會看到什麼，要取決於我們心中所想的，通常我們只會看到頁面上的一部分。

我們不會讀網頁，我們只會掃描，圖例為什麼我們會用掃描的方式？我們通常很忙許多網站利用的動機，是為了節省時間我們知道自己不需要讀完一切在大部分網站上，我們只對其中一部分有興趣我們精通這一套我們平常就在掃描報紙、雜誌與各種書籍，找出我們有興趣的部分，我們也知道這個作法有空我們比較會注意的詞彙詞句，通常會是：手邊工作相關個人興趣刺激神經系統的詞句，如「免費」、「特價」我們不會做出最好的選擇，我們只會將就通常我們不會考慮每一個選項，然後選擇最好的一個，而是選擇第一個合理的選項。

為什麼我們不會尋找最好的選項？我們通常很忙「最佳化很難，也需要很長時間。

找到可以將就的作法，比較有效率。

」猜錯沒什麼大不了猜錯頂多按「上一頁」就可以恢復。

謹慎思考並不會增加正確的機率在設計不佳的網站上，費心去找最佳選項未必有用猜測比較有趣因此，如果網站瀏覽速度較慢，那就得更謹慎的選擇，所以大部分使用者都討厭讀取速度太慢的頁面。

所以，如果使用者可以「暸解」，那對我們或是使用者都是好事。

我們不想知道背後原理，我們只想含糊帶過人們種是在搞不清楚背後原理的情況下使用這些東西，或者對其運作有錯誤的認識，只有極少數的人會花時間看手冊說明。

為什麼會這樣？那對我們不重要對我們大部分的人而言，能否暸解運作原理其實無關緊要，我們只要能夠使用即可。

如果我們發現管用的方法，就會繼續沿用只要我們找到某種可以產生效果的方法，無論有多爛，我們就不太會去找其他方法ㄡ3.建立清楚的視覺樣式頁面要易於在一瞬間看清楚，就必須讓頁面上的每樣東西的外觀都能簡潔表達出，每樣東西的功能及與其他東西之間的關係。

越重要的東西，就應該要越明顯利用大小、粗細、顏色、間距及位置來區分重要