<用戶體驗要素> - 框架層:界面設計、導航設計、信息設計

框架層:怎么實現

框架層關注獨立的組件及它們之間的相互關系上,用于確定用什么樣的功能和形式來實現。

界面設計——為用戶提供做某事的能力

哪個功能要在哪個界面上完成,是我們在結構層的交互設計中已經決定的;而這些功能在界面上如何被用戶認知到,則屬于界面設計的范疇。

一個設計良好的界面是要組織好用戶最常采用的行為,同時讓這些界面元素用最容易的方式獲取和使用。

常見的標準界面元素: 復選框、單選框、文本框、下拉列表、多選菜單、按鈕等

除把用戶最有可能點擊的按鈕設計成最大,其他常用技巧如:

  • 仔細考慮每一個選項的默認值
    保持“顯示更多細節”復選框為默認選中狀態

  • 自動記住某個用戶最后一次選擇狀態的系統
    對技術要求高,有局限

導航設計——為用戶提供去某地方的能力

要同時完成3個目標:

  • 實現用戶在頁面間的跳轉
  • 體現跳轉元素與其包含內容的聯系
  • 體現跳轉元素與當前瀏覽頁面的關系

常見的導航系統:

  • 全局導航
  • 局部導航
  • 輔助導航
  • 上下文導航
  • 友好導航
  • 遠程導航
    網站地圖 索引表

信息設計——傳達想法給用戶

信息設計 決定如何呈現這些信息,使人們易于使用或理解。

如:

視覺表現——
展現數據的最好方式是餅圖?還是柱狀圖?
搜索概念充分的表達方式是望遠鏡?還是放大鏡?

整理散亂的信息——
用一種能“反映用戶的思路”和“支持他們的任務和目標”的方式來分類和排列這些信息元素,傳達出頁面的微觀信息架構。

信息設計&界面設計&導航設計——線框圖

頁面布局 是將以上三者放置在一起,形成一個統一的、有內在凝聚力的架構的地方。要整合很多東西,而常常被納入一個文檔——線框圖(頁面示意圖)

線框圖整合3種要素的方法:

通過安排和選擇界面元素來整合界面設計;通過識別和定義核心導航系統來整合導航設計;通過放置和排列信息組成部分的優先級來整合信息設計。

這樣,線框圖就可以確定一個建立在基本概念結構上的架構,同時指出表現層的設計應該前進的方向。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容