可用性:有效性、效率、可記憶性、容錯性及易學性。
1.可用性原則:
1.1別讓我思考
- 一目瞭然:去掉那些用戶可能產生的疑問
- 可用性暗礁:按鈕就應該可以點、鏈接點擊就會跳轉……
1.2停止你的假設
不要用作者的眼光來模擬讀者。
- 用戶喜歡掃描而不是閱讀
- 用戶喜歡嘗試性選擇:而不是看說明書
- 用戶喜歡勉強應付:非專業人士
1.3針對掃描而設計
- 層次清晰:
頁面要有清晰的視覺層次,這樣可以保證用戶能夠再很短的時間內熟悉你的頁面。
對於邏輯上或者業務上相關性高的部分要進行整合,不同邏輯性的內容間要有明顯的邊界。 - 尊重習慣:合乎常理
- 明確能夠點擊的元素
- 降低視覺噪聲
2.高可用性頁面
2.1導航之道:
- Web導航的要素:尊重習慣
- 網站ID:網站logo
- 主導航條:深窄型與寬淺型(5~9個鏈接)
- 工具導航:4、5個、聯繫我們、幫助等
- 返回:回到首頁
- 提供搜索:準確性、容錯性、推薦性
- 頁面名稱
- 我在哪裏
- 麪包屑導航:層級間的>>導航
2.2鏈接
1.鏈接生來不平等
2.標籤雲
總目的:讓用戶容易定位到那些重要的鏈接
2.3表單
1.最短時間完成表單
2.設計簡潔,排版清晰
3.有效的幫助和反饋
2.4拒絕寫作藝術
1.首頁需要簡潔:文字精簡
2.說明也需要簡潔
3.試着簡化一下
3.可用性測試
3.1如何測試
由真實的用戶測試,並由測試專員陪同進行。
4.巧妙的應對錯誤
1.提前預防並預知,在出錯時能夠給用戶最有用的信息,最重要的還是合理地組織信息。
2.報錯時提供有用的信息給用戶,而非錯誤內容。一般是提示信息,下一步應該怎麼辦。
5.系統一致性設計
1.在一致性的設計原則上,必須做到視覺一致、操作一致、內外一致。
2.規範設計