如何設計好網站(Steve Krug)

Get Started. It's Free
or sign up with your email address
如何設計好網站(Steve Krug) by Mind Map: 如何設計好網站(Steve Krug)

1. 關於網站測試

1.1. 一般使用者的神話

1.1.1. 一般使用者根本不存在,每個網站使用者都與眾不同

1.1.2. 不需用二分法,說他們喜歡什麼,討厭什麼

1.1.3. 良好的設計會將複雜性列入考量

1.2. 宗教辯論的特效藥:測試

1.2.1. 如果想做出好網站,就得測試

1.2.2. 測試一位使用者,絕對比不測試好

1.2.3. 在計畫前期對一位使用者測試,勝過最後抓50個人亂測

1.2.4. 選擇代表使用者的重要性往往被高估

1.2.5. 測試的重點並非證明事物的正確或錯誤

1.2.6. 測試是重複不斷的過程

1.2.7. 實際使用者的反應最重要

1.3. 網站不經測試的五大藉口

1.3.1. 我們沒有時間

1.3.2. 我們沒有經費

1.3.3. 我們沒有專家

1.3.4. 我們沒有實驗室

1.3.5. 我們不知道如何解讀測試結果

1.4. 不花錢的測試

1.5. 隨意挑選,增加取樣廣度

1.6. 常見問題

1.6.1. 使用者對概念不清楚

1.6.2. 他們想要的字彙並不在網頁上

1.6.3. 頁面上的東西太多

1.6.4. 一些分類準則

2. 網站的善意蓄水池

2.1. 蓄水池概念

2.1.1. 每個人的蓄水池容量不同

2.1.2. 蓄水池有很多狀況:趕時間、在其他網站有不愉快經驗

2.1.3. 你可以填滿蓄水池

2.1.4. 有時候一個錯誤就可能使蓄水池漏光

2.2. 消耗善意的事物

2.2.1. 隱藏我想要的資訊

2.2.2. 因為沒照你的方式去做受懲罰

2.2.3. 跟我要其實你不需要的資料

2.2.4. 用廢話敷衍我

2.2.5. 不識抬舉,浪費我的時間

2.2.6. 你的網站看起來不專業

2.3. 增加善意的事物

2.3.1. 瞭解大家在你的網站上主要目的,並作得明顯易用

2.3.2. 說明我想知道的事物

2.3.3. 隨時隨地讓我省事

2.3.4. 用心處理

2.3.5. 提供各種體貼功能

2.3.6. 易於從錯誤中復原

2.3.7. 若有疑問先道歉

3. 第一原則:Don't make me think! 讓網頁自圓其說,如果大家在你的網站 上迷路,他們就不會繼續使用

3.1. 一般人實際使用頁面的方式

3.1.1. 我們不讀網頁,我們只會掃瞄

3.1.2. 我們不會做出最好的選擇,我們只會將就

3.1.3. 我們不想知道背後原理,我們只想含糊帶過

3.2. 建立清楚的視覺階層

3.2.1. 愈重要的東西,就應該要愈明顯

3.2.2. 邏輯上有關連的東西,就應該在視覺上也有關連

3.2.3. 用視覺上的『巢狀』階層,顯示事物屬於哪一部分

3.3. 減少干擾

3.3.1. 將頁面分成定義清楚的區域

3.3.2. 明確標示可以點選的東西

3.3.3. 減少擁擠,背景干擾

3.4. 省略贅字

3.4.1. 開場白該死

3.4.2. 說明也一樣該死

4. 關於網站

4.1. 找東西的兩個方式:瀏覽與搜尋

4.1.1. 網站和實體空間的差別,因此需利用網站導覽, 具體表現網站階層結構,建立「你在這裡」的感覺

4.2. 被忽略的導覽列目的

4.2.1. 給我們堅持下去的目標

4.2.2. 告訴我們這裡有什麼

4.2.3. 告訴我們如何使用網站

4.2.4. 讓我們對網站製作者有信心

4.3. 搜尋列避免

4.3.1. 太炫的文字

4.3.2. 說明

4.3.3. 選項

4.4. 頁面名稱-網站的路標

4.4.1. 每一頁都要有名稱

4.4.2. 名稱必須放在正確的地方

4.4.3. 名稱必須要顯著

4.4.4. 名稱必須與點選結果相符

4.5. 麵包屑

4.5.1. 放在頂端

4.5.2. 在每一個層級之間使用〉符號

4.5.3. 使用小字型

4.5.4. 加上「你在這裡」的字樣

4.5.5. 將最後一項以粗體標示

4.5.6. 不需要用「麵包屑」取代網頁名稱

4.6. 四個使用標籤的理由

4.6.1. 標籤可以自圓其說

4.6.2. 標籤很難被忽略

4.6.3. 標籤很精緻

4.6.4. 標籤會讓人想到實體空間

4.7. 測試網站方式:隨意將人丟到網站中的 任一個網頁,然後不經思考的回答

4.7.1. 這是什麼網站(網站名稱)

4.7.2. 我在哪一頁(網頁名稱)

4.7.3. 網站上有什麼主要分區(分區)

4.7.4. 我在這一層有哪些選擇(區域導覽列)

4.7.5. 我在整個架構中身處何處(「你在這裡」標示)

4.7.6. 我要怎樣搜尋

5. 關於首頁

5.1. 任務

5.1.1. 網站身份與任務

5.1.2. 網站階層架構

5.1.3. 搜尋

5.1.4. 引誘-內容宣傳、功能宣傳

5.1.5. 定時更新內容

5.1.6. 商業合作

5.1.7. 捷徑

5.1.8. 註冊

5.1.9. 顯示我要找的東西...以及其他我沒有要找的東西

5.1.10. 告訴我從何處開始

5.2. 首頁未能傳達願景的五大藉口

5.2.1. 我們沒必要,那很明顯阿!

5.2.2. 大家只要看過一次這些解釋,就會覺得它很煩人

5.2.3. 會來上我們網站的人,都知道網站用途

5.2.4. 那正是我們廣告的目的所在

5.2.5. 我們會加個「第一次到本站?」連結

5.3. 怎樣傳遞訊息

5.3.1. 副標

5.3.2. 歡迎詞

5.3.3. 使用愈多空間愈好...但是不要浪費過多空間

5.3.4. 不要在歡迎辭中加上使命描述

5.3.5. 要測試的東西中,將首頁拿給公司以外的人看

5.4. 迅速瀏覽首頁,該說出...

5.4.1. 如果我要搜尋,從這裡開始

5.4.2. 如果我要瀏覽,從這裡開始

5.4.3. 如果我要看看他們精華的樣本,從這裡開始

5.5. 首頁導覽頁可以稍有不同

5.5.1. 分區說明

5.5.2. 不同的導向

5.5.3. 更多用於辨識網站的空間

5.6. 下拉選單大麻煩

5.6.1. 需自己找出下拉選單內容

5.6.2. 下拉選單難以掃瞄

5.6.3. 選單不易閱讀