DIV CSS 佈局教程網

網頁制作poluoluo文章簡介：Userfocus是英國一家專門從事網站可用性設計的咨詢培訓公司。它為我們分享了247條Web可用性設計的指導方針，並把它們清晰的分為六個大類：首頁可用性設計、任務導向、導航和信息架構、表單和數據輸入、可信度、寫作和內容質量、頁面布局和視覺設計、搜索可用性、幫助反

譯序：Userfocus是英國一家專門從事網站可用性設計的咨詢培訓公司。它為我們分享了247條Web可用性設計的指導方針，並把它們清晰的分為六個大類：首頁可用性設計、任務導向、導航和信息架構、表單和數據輸入、可信度、寫作和內容質量、頁面布局和視覺設計、搜索可用性、幫助反饋和容錯。如Userfocus所說，“雖然易用性系統的設計遠不止應用一些簡單的指導方針，但是它們卻可以為獲取穩定性和好的實踐提供有意義的幫助。”

譯者：IIduce，轉載請務必以鏈接形式注明來源。

原文地址：http://www.userfocus.co.uk/resources/guidelines.html

目錄：

1. 首頁可用性設計（20條評估首頁可用性的方針）
2. 任務導向（44條評估網站對用戶任務支持程度的方針）
3. 導航和信息架構（29條評估導航和信息架構的方針）
4. 表單和數據輸入（23條評估表單和數據輸入的方針）
5. 可信度（13條評估可信度的方針）
6. 寫作和內容質量（23條評估寫作和內容質量的方針）
7. 頁面布局和可視設計（38條評估頁面布局和可視設計的方針）
8. 搜索可用性（20條評估搜索可用性設計的方針）
9. 幫助、反饋和容錯（37條評估幫助、反饋和容錯的方針）

首頁可用性設計

1. 首頁元素要清晰的關注用戶的關鍵任務（避免“增加功能傾向（featuritis）”）
2. 如果網站比較大，那麼首頁應包含搜索輸入框
3. 首頁要十分清楚的提供產品（內容）分類
4. 在首頁或首頁內一次點擊展示有用的內容
5. 信息展示時應當是簡單的、自然的、符合邏輯順序的
6. 在首頁展示真實網站內容的優秀示例
7. 首頁上的鏈接以最重要的關鍵詞作為起始（例如：“Sun holidays”而不是“Holidays in the sun”）
8. 在首頁提供一個最近的特色項列表，並提供存檔內容的鏈接
9. 首頁導航不要過度格式化（修飾），確保用戶不會把它誤認為廣告
10. 在首頁清晰的聲明價值取向（例如一個標志性的口號或歡迎語）
11. 在首頁包含有意義的圖案設計，而非無關的剪貼畫或繪畫作品
12. 導航選項按邏輯性或用戶導向方式排序（把次要的公司信息放在底部）
13. 首頁標題（title）可以為諸如google等搜索引擎提供良好可見度
14. 所有公司相關信息安排在一個顯著區域（例如：“關於我們（About Us）”）
15. 用戶可以了解到價值取向
16. 一看到首頁，第一次訪問的人就知道從何處開始
17. 在首頁展示出所有主要的操作選項
18. 首頁擁有一個易記的URL
19. 首頁需經過專業設計，以給用戶良好的第一印象
20. 首頁的設計要能激發用戶探索站點的興趣
21. 首頁就要像一個首頁，不能讓用戶把它與二級頁面混淆

網頁制作poluoluo文章簡介：Userfocus是英國一家專門從事網站可用性設計的咨詢培訓公司。它為我們分享了247條Web可用性設計的指導方針，並把它們清晰的分為六個大類：首頁可用性設計、任務導向、導航和信息架構、表單和數據輸入、可信度、寫作和內容質量、頁面布局和視覺設計、搜索可用性、幫助反

任務導向

1. 網站應避免出現不相干的、多余的或讓用戶分心的信息
2. 避免過多的使用腳本、小應用程序（applets）、視頻音頻文件、圖案和圖片
3. 網站應避免不必要的登記
4. 關鍵人物路徑必須是清晰的，無干擾的（例如：購買、捐獻）
5. 信息以簡單的、自然的（natural）、符合邏輯順序的方式展示
6. 應盡量縮減每個任務需要的屏幕數量
7. 應減量減少頁面滾動（scrolling）和點擊
8. 網站應正確的預期和提示用戶下一步可能的動作
9. 展示圖表時，確保用戶可以看到真實數據（例如在柱狀圖上標明數字注解）
10. 當分配給用戶任務時，應充分利用計算機的優勢（例如搜索輸入的自動完成功能）
11. 用戶可以快速完成普通任務
12. 當必要時，應為當前任務提供數據對比功能（例如：商品比較）
13. 任務順序應當與用戶日常工作順序一致
14. 網站可以保證用戶的工作比不使用它時更輕松快捷
15. 最重要的或經常使用的主題、特征或功能應放在頁面中央附近的位置，而不是特別靠左邊或右邊
16. 確保用戶不會重復輸入相同的信息
17. 重要的、頻繁使用的主題或任務應接近網站的“表面”
18. 保持最少的錄入（例如購買過程中），並為用戶提供加速器
19. 任何給定任務路徑應當有一個合理的步驟長度（2-5次點擊）
20. 當一個任務有多步時，網站要告訴用戶完成任務需要的所有步驟，並為用戶當前步驟所在的位置提供反饋
21. 在每個產品後面緊跟它的價格
22. 可以非常容易的找到網站的隱私策略，尤其是在那些要求填寫個人信息的頁面。隱私策略應當是簡單的、清晰的
23. 網站用戶不需要記住從一個地方到另一個地方的信息
24. 隱喻的使用可以被典型用戶輕松理解
25. 數據格式應當遵循文化常規
26. 軟件的內部工作細節不要暴露給用戶
27. 應當迎合用戶那些之前已經養成的那些小的互聯網習慣
28. 網站應當易於用戶浏覽，在執行前可以自己嘗試其它的功能操作
29. 第一次到訪的典型用戶應當可以在不需幫助的情況下完成最常用的功能
30. 當用戶回到網站時，用戶可以記得如何執行主要任務
31. 那些新穎設備（novel device controls）的功能應當是顯而易見的
32. 在購物車頁面，在頁面的頂部或底部應當清晰的展示”處理結賬”按鈕
33. 重要的操作入口（例如“添加到購物車”）應當非常清晰可見
34. 操作按鈕（例如“提交”）應當由用戶觸發，而非在完成所有選項時系統自動觸發
35. 命令或操作項英以按鈕的形式的展示（而非例如鏈接）
36. 如果用戶在事務處理中中途退出，用戶在稍後返回站點時可以繼續他退出之前的工作
37. 當頁面展示大量信息時，用戶可以排序和過濾信息
38. 按鈕或圖標上的圖像應當與內容相關
39. 當用戶被系統自動注銷時應當提示用戶，並且自動注銷的時間間隔要恰當
40. 不必要的功能（例如flash動畫）可以被關閉或跳過(skip)
41. 網站應當是健壯的，並且所有關鍵功能可正常工作（例如不應有javascript頁面異常、CGI報錯或死鏈接）
42. 網站通過不同程度的說明來支持新手用戶和專家用戶（例如幫助信息、錯誤信息）
43. 網站允許用戶重新填寫一些信息項（例如更改發貨地址、更改賬戶信息）
44. 網站允許用戶自定義操作時間參數（例如自動退出的時間）

網頁制作poluoluo文章簡介：Userfocus是英國一家專門從事網站可用性設計的咨詢培訓公司。它為我們分享了247條Web可用性設計的指導方針，並把它們清晰的分為六個大類：首頁可用性設計、任務導向、導航和信息架構、表單和數據輸入、可信度、寫作和內容質量、頁面布局和視覺設計、搜索可用性、幫助反

導航和信息架構

1. 關聯頁面或區域間的跳轉移動應當是方便的、顯而易見的，並且可以容易的回到首頁
2. 在絕大部分頁面都可以輕松的導航至用戶最可能需要的信息
3. 導航選項按照最常用邏輯或任務導向方式排序
4. 導航系統應當是內容寬泛並層級較淺的，而非有比較深的層級
5. 站點結構是簡單的，有一個清晰的概念模型，沒有不必要的層次
6. 在所有頁面都可以到達網站主要部分（持久導航persistent navigation），導航過程不會中斷
7. 導航標簽放在頁面頂端，而且要設計成看上去可以點擊的樣子
8. 要有一個站點地圖用來提供整個站點內容的概況
9. 在任何頁面都可以鏈接到站點地圖
10. 站點地圖提供一個簡潔的網站概貌，而非主要導航的重復或各主題的簡單羅列
11. 提供良好的導航反饋（例如顯示當前位置）
12. 分類標簽應當能准確描述該分類的信息
13. 鏈接或導航標簽包含用戶要達到目標所尋找的“觸發字眼（trigger words）”
14. 術語和常規（例如鏈接顏色）應當（近似地）與互聯網習慣用法保持一致
15. 在網站各個組成部分中的鏈接樣子應當一致
16. 產品頁面應當包含與當前產品相似或互補產品的鏈接，以實現交叉營銷
17. 導航項和鏈接中的用詞應當是無歧義的，並且使用術語
18. 用戶可以排序和過濾目錄頁面（例如按價格排序或最熱門排序）
19. 當鼠標放在某個可點擊的元素上時，元素應當有明顯變化（包括光標的變化）
20. 重要內容可以通過不止一個鏈接訪問到（不同的用戶有可能需要不同的鏈接標簽）
21. 僅用於導航的頁面（例如首頁）可以再不滾動的情況下浏覽
22. 觸發事件的超鏈接應當與鏈接到其它頁面的超鏈接（例如：下載）在外觀上有明顯區分
23. 網站允許用戶控制交互速度和順序
24. 在網站每個頁面清晰標注退出入口，允許用戶從當前任務中推出，而不必通過一個額外的對話框
25. 網站不可禁用浏覽器的“後退”按鈕，“後退”按鈕應當在每個頁面的浏覽器工具欄上都有顯示
26. 用戶點擊浏覽器後退按鈕時，總能回到他之前所在頁面
27. 購物車（basket）和結賬（checkout）鏈接應當在每個頁面中都可以看的十分清楚
28. 如果網站有打開新窗口，那麼這個動作不應使用戶困惑（例如：新窗口應該是一個設定大小的對話框或並可以輕松關閉）
29. 菜單的使用說明、提示、相關信息應當在每個屏幕的同一位置顯示

網頁制作poluoluo文章簡介：Userfocus是英國一家專門從事網站可用性設計的咨詢培訓公司。它為我們分享了247條Web可用性設計的指導方針，並把它們清晰的分為六個大類：首頁可用性設計、任務導向、導航和信息架構、表單和數據輸入、可信度、寫作和內容質量、頁面布局和視覺設計、搜索可用性、幫助反

表單和數據輸入

1. 數據輸入框在適當的時候應當包含默認值，顯示要填的數據格式和輸入框允許輸入的長度
2. 如果任務設計源文件（例如紙張形式），那麼界面應當與源文件的規格一致
3. 網站能自動完成格式化數據的輸入（例如貨幣符號等），用戶不需要輸入類似£ 或 %的符號
4. 表單域的標簽應當清楚的說明該輸入框希望輸入什麼
5. 表單中的文本框應該為預期答案設定合理長度
6. 表單中的必填項和選填項應當有明顯的區分
7. 登陸和注冊應當用相同的表單（就像Amazon一樣）
8. 如果完成表單需要外部信息的話應當提前告知用戶，例如護照編號
9. 表單中的問題項（輸入框）應當按邏輯分組，並且每組都有一個標題
10. 表單域應包含提示、示例或樣例答案，告知用戶輸入框期望輸入什麼
11. 如果輸入框的標簽以表單問題的方式提出，那麼這些問題應當是陳述清晰、簡單的
12. 在表單中，相對於文本輸入框，應當優先使用下拉菜單、單選按鈕、復選框（文本輸入框不應當使用過度）
13. 在數據輸入頁面，光標應當被放置在需要輸入的地方
14. 數據輸入（例如日期）和輸出（例如數值單位）的格式應當被清晰標明
15. 用戶可以在進輸入一些基本必要信息就可以完成簡單的任務（系統可以默認補充一些不重要的信息）
16. 表單允許用戶盡可能久的保持一種簡單的交互方式（例如，用戶不必在鍵盤鼠標間不停的切換）
17. 用戶可以更改表單域的默認值
18. 文本輸入框需指出要輸入數據的數量和格式
19. 表單在提交前執行數據驗證
20. 在數據輸入界面，在適當的時間執行表單域級別驗證和表單級別驗證
21. 網站應可以輕松地更正輸入錯誤（例如，當驗證表單未完成，應當將光標放置在需要輸入的位置）
22. 數據輸入和數據顯示應當保持一致性
23. 表單域標簽應當靠近輸入域（例如：標簽右對齊）

網頁制作poluoluo文章簡介：Userfocus是英國一家專門從事網站可用性設計的咨詢培訓公司。它為我們分享了247條Web可用性設計的指導方針，並把它們清晰的分為六個大類：首頁可用性設計、任務導向、導航和信息架構、表單和數據輸入、可信度、寫作和內容質量、頁面布局和視覺設計、搜索可用性、幫助反

可信度

1. 內容應當是最新的、權威的、可信賴的
2. 網站有第三方（例如引用、第三方使用見證）來說明信息的准確性
3. 應當清晰標明網站的幕後有真實的組織（例如：提供一個真實地址或辦公室照片）
4. 公司有一些認證專家（可以使用一些憑證）
5. 網站應避免廣告，尤其是彈出式廣告
6. 在結賬的最一開始就突出提示運送費用
7. 網站應當避免空洞的營銷辭令（marketing waffle）
8. 每個頁面都應當清晰顯示站點標識，保證用戶確認他仍然在同一個網站上
9. 通過網站可以輕松聯系到某人以獲取幫助，並可盡快得到回復
10. 內容是新鮮的，網站應經常更新，總包含最近的內容
11. 網站應當避免版式錯誤和拼寫錯誤
12. 用可視化設計來補充商品和線下營銷信息
13. 網站組織應當有一些真實的人，他們是誠實的、可信賴的

寫作和內容質量

1. 網站有能引起別人興趣的、獨一無二的內容
2. 正文是簡明的，沒有不必要的說明和歡迎辭令
3. 每個內容頁應以內容結論或內容意義啟示作為開端，正文以倒金字塔方式書寫
4. 相對於敘述式的文本，網頁應當優先使用無序列表和有序列表
5. 列表應當以簡短的說明作為開始，幫助用戶意識到該列表是如何與其它關聯起來的
6. 那些最重要的列表項應當放在列表的前面
7. 信息應當分層次組織，從一般的到具體的，組織結構應當是清晰的、符合邏輯的
8. 內容應當專門為互聯網（Web）創建（web pages do not comprise repurposed material from print publications such as brochures）
9. 產品展示頁面應當包含購買須了解的信息，用戶可縮放產品圖片
10. 使用超文本適當地組織內容
11. 以主動語態書寫語句
12. 網頁應當易於快速浏覽，充分使用標題、副標題和較短的段落
13. 相對於文本式的語言，優先使用地圖、圖表、圖形、流程圖和其它視覺元素
14. 每個網頁都應有描述信息，以及有用的標題，用以支持書簽
15. 鏈接及鏈接描述（title）應當具有描述性或推測性，不應當出現“點擊我（Click here）”這樣的鏈接
16. 標題不應當故作風雅、故作聰明或含義隱晦
17. 鏈接文本應當與目標頁面的標題(title)相符，這樣用戶就可以在到達目標頁面時心裡有數
18. 按鈕文本及鏈接文本以動詞開頭
19. 標題和副標題應當是簡短的、直截了當的、具有描述性的
20. 遣詞造句及用到的概念應當為典型用戶所熟悉
21. 有序列表從1開始，而不是0
22. 第一次使用的縮寫詞匯應當加以說明
23. 文本鏈接應當足夠長以便於理解、又應當足夠短以保證最少換行（尤其被用作導航列表時）

網頁制作poluoluo文章簡介：Userfocus是英國一家專門從事網站可用性設計的咨詢培訓公司。它為我們分享了247條Web可用性設計的指導方針，並把它們清晰的分為六個大類：首頁可用性設計、任務導向、導航和信息架構、表單和數據輸入、可信度、寫作和內容質量、頁面布局和視覺設計、搜索可用性、幫助反

頁面布局和可視設計

1. 網線數應當適於目標用戶和他們的任務
2. 布局可以幫助用戶把注意力集中在下一步要做的東西上
3. 在所有頁面，最重要的信息（例如經常用的主題、特色和功能）放在屏幕的第一個滿屏
4. 網站在不水平滾動的情況下就可以使用
5. 可點擊的元素（例如按鈕），應當設計成明顯可點擊的樣子
6. 不能點擊的元素
7. 按鈕或控件的功能從他們的標簽或設計上就可以明顯看出來
8. 可點擊圖片包含多余文本標簽（Clickable images include redundant text labels (i.e. there is no ‘mystery meat’ navigation)）
9. 超文本鏈接可以輕松被辨認（例如下劃線），而不需要大面積掃視。
10. 網站字體使用應當具有一致性
11. 控件和它所具備的操作之間的關系是顯而易見的
12. 圖標和圖形是標准的和（或）直觀的（具體的和為人熟悉的）
13. 在每一個頁面上都應有一個清晰的視覺“起點”
14. 網站的每個頁面共享一致的布局
15. 網頁為打印格式化，或者有一個為打印准備的版本
16. 按鈕或鏈接能顯示出他們被點擊過了
17. 圖形用戶界面（GUI）組件（例如單選按鈕和復選框）應當被適當地使用
18. 所用字體應當是可閱讀的
19. 網站應當避免使用斜體字，並只為超文本添加下劃線
20. 信息密度和留白應當有一個良好的平衡
21. 網站看上去應是讓人愉悅的
22. 網頁應避免出現“滾動障礙物（scroll stoppers）”（標題或其它頁面元素給用戶造成在頁面頂部或底部的錯覺）
23. 網站應當避免大量使用大寫文本
24. 網站應當有一致性的、清晰可識別的外觀和感覺，以吸引用戶
25. 深藍色避免使用在細節地方（Saturated blue is avoided for fine detail）（例如文本、細線和符號）
26. 借助顏色組織和分組頁面元素
27. 網站圖形不應當與banner廣告混雜不清
28. 對於重要的主題分類加重顯示（em）
29. 在標准寬度的浏覽器窗口中，內容頁面一行不要太短（小於50字）也不要太長（大於100字）
30. 頁面依據柵格設計，所有頁面元素和部件水平對齊、垂直對齊
31. 有意義的文本標簽，令人印象深刻的背景配色，邊框和留白的恰當使用，這些一起來幫助用戶把網頁元素分別出不相關聯的功能區域
32. 網頁配色合理搭配，避免過於復雜的背景設計/li>
33. 較為獨立的網頁應當避免雜亂不相干的信息
34. 標准頁面元素（例如頁面標題、站點導航、頁面導航、隱私策略等）可輕松找到
35. 組織logo放置在每個頁面的相同位置，點擊logo後返回最合情理的頁面（比如首頁）
36. 吸引人注意力的特色元素（例如動畫、醒目的色調、明顯的字體大小差異）應當保守的使用，並只在恰當的地方使用
37. 圖標（icons）要在視覺上和概念上有所區分，但又要與頁面和諧。
38. 相關信息和功能集中放置，每一組可以在一個視野浏覽到（大約直徑為4.4厘米的屏幕區域）

網頁制作poluoluo文章簡介：Userfocus是英國一家專門從事網站可用性設計的咨詢培訓公司。它為我們分享了247條Web可用性設計的指導方針，並把它們清晰的分為六個大類：首頁可用性設計、任務導向、導航和信息架構、表單和數據輸入、可信度、寫作和內容質量、頁面布局和視覺設計、搜索可用性、幫助反

搜索可用性

1. 默認搜索應當是可以直觀地配置（沒有布爾操作符no Boolean operators）
2. 在搜索結果頁面向用戶展示搜索到的內容，並且在該頁可以編輯檢索詞並重新提交搜索
3. 檢索結果應是清晰地、有用的、並依據相關度分級
4. 檢索結果頁面應清晰告訴用戶檢索到多少條記錄，每一頁顯示的記錄數可以由用戶配置
5. 如果沒有返回結果，系統依據用戶輸入的檢索詞存在的可辨認問題提供建議和可選輸入項
6. 搜索引擎可以優雅地處理空檢索串的情況
7. 最常用的檢索串可以獲得有用的結果
8. 搜索引擎應當提供模板、示例或提示來幫助用戶高效使用它
9. 網站應當包含一個功能更強大的搜索頁面，幫助用戶更加完善他們的檢索（可以把它叫做“修改檢索 revise search”或“精確檢索 refine search”，而非“高級檢索 advanced search”）
10. 檢索結果頁面不顯示重復結果（無論是能感知到的重復還是實際的重復）
11. 檢索輸入框應當足夠長，可以應對常用檢索詞的長度
12. 檢索應當覆蓋整個站點，而不是站點的一部分
13. 如果網站允許用戶創建復合檢索，那麼這些檢索應當是可保存，定期被執行的（這樣用戶就可以跟蹤動態信息的最新動態）
14. 檢索界面應當放置在用戶期望的地方（一般是頁面的右上區域）
15. 檢索框及他的控件應清晰列出（多檢索框可能會難以理解）
16. 站點既可以滿足那些想隨便浏覽的用戶，也可滿足想搜索的用戶
17. 在檢索結果頁面應當明確當前檢索的范圍，並且用戶可以約束這個范圍（如果該任務需要的話）
18. 結果頁面顯示有用的元信息（meta-information），例如文檔的大小、創建的日期、文件類型（word、pdf等）
19. 搜索引擎提供自動的拼寫檢查，並提供復數詞和同義詞查找
20. 索索引擎提供相似檢索選項（例如 “更多相似” 鏈接）

網頁制作poluoluo文章簡介：Userfocus是英國一家專門從事網站可用性設計的咨詢培訓公司。它為我們分享了247條Web可用性設計的指導方針，並把它們清晰的分為六個大類：首頁可用性設計、任務導向、導航和信息架構、表單和數據輸入、可信度、寫作和內容質量、頁面布局和視覺設計、搜索可用性、幫助反

幫助、反饋和容錯

1. 常見問題解答或在線幫助提供循序漸進地指導，幫助用戶完成最重要的任務
2. 在恰當的地方和恰當的時間可以輕松獲取幫助
3. 提示應當是簡潔的、表達清楚的
4. 用戶不需要求助於用戶手冊或其它外部信息來使用站點
5. 網站有一個定制的404頁面，該頁面包含如何找到要找頁面的提示，並包含主頁和和檢索頁面的鏈接
6. 網站在必要時（例如校驗時）提供良好的反饋信息（例如進度提示或一些信息）
7. 用戶在選擇商品時可獲取到幫助
8. 用戶在執行由潛在“危險”操作（例如刪除什麼）之前提供用戶確認
9. 用戶確認頁面是清晰地
10. 錯誤信息包含先一步該做什麼的清晰指示
11. 在提交購買的前一個時刻，網站向用戶清晰地展示概覽頁面，這個頁面應當與購買確認頁面區分開來
12. 當用戶需要在不同的選項（例如在一個對話框）前抉擇時，這些選項應當是明確的
13. 在網站響應時間時產生的不可避免的延遲應當告知用戶（例如授權信用卡交易時）
14. 錯誤信息以非嘲弄的語氣書寫，並且不要責怪用戶的錯誤
15. 頁面可以快速加載（5秒或更短）
16. 網站提供對用戶輸入或其他操作的及時反饋
17. 在加載比較慢的大頁面應當提示用戶（例如：“正在加載……”），最重要的信息應當首先顯示
18. 當使用工具提示條（tool tips）時，應當提示對用戶有用的額外幫助，而不是簡單的重復圖標、鏈接或字段域標簽中的文本
19. 當給用戶一些幫助提示時，告訴他們要做什麼，而不是避免做什麼
20. 網站在適當的地方向用戶展示如何做常見任務（例如：提供網站的功能示例）
21. 網站通過提供反饋信息（例如“您知道嗎？”），幫助用戶了解怎樣使用網站
22. 網站提供上下文敏感幫助
23. 幫助應當是直截了當的，用直白簡單的方式表達，避免使用行話和流行語
24. 當一個任務成功完成後，網站提供清晰地反饋信息
25. 必要時重要提示信息應當在屏幕上保留，使用戶有足夠時間記錄下這些信息
26. 遵循“菲茨法則”（控件之間的距離和控件的大小應當是適宜的，大小與距離成比例）
27. 目標對象間有足夠空間，防止用戶點擊了多個目標或錯誤的目標
28. 可點擊元素之間至少有兩個像素的距離
29. 當網站發生錯誤時，應當是顯而易見的（例如，當表單未完成，高亮未完成的表單域）
30. 網站提供適當的選擇方式（例如下拉列表）來代替用戶輸入
31. 網站應努力把防止用戶出錯的工作做好
32. 網站在糾正用戶錯誤輸入前提示用戶（例如，google的“您是不是要查找…”）
33. 網站應當確保任務不是令人困惑的
34. 錯誤信息應當用直白的語言描述，並給與問題足夠的解釋
35. 用戶在一個任務中可以推遲解決錯誤至一個較晚的時間
36. 如果有必要的話，網站提供錯誤信息更多的細節
37. 可以非常容易撤銷（或取消）、重做（Redo）操作

延伸閱讀:

1. 使用jQuery及Bing API實現簡易搜索引擎
2. 從W3C School整理的最全的Web開發chm手冊
3. CSS中文速查表（CSS Cheat Sheet）
4. 好書推薦：《Google API大全：編程·開發·實例》，即將上市
5. 實現文字高亮功能的兩種解決方案（Javascript/Jquery）