大巧不工Web前端設計修煉之道——(4)讓你的設計深入人心,可用性設計

可用性:有效性、效率、可記憶性、容錯性及易學性。

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.規範設計

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章