框架層:怎么實現
框架層關注獨立的組件及它們之間的相互關系上,用于確定用什么樣的功能和形式來實現。
界面設計——為用戶提供做某事的能力
哪個功能要在哪個界面上完成,是我們在結構層的交互設計中已經決定的;而這些功能在界面上如何被用戶認知到,則屬于界面設計的范疇。
一個設計良好的界面是要組織好用戶最常采用的行為,同時讓這些界面元素用最容易的方式獲取和使用。
常見的標準界面元素: 復選框、單選框、文本框、下拉列表、多選菜單、按鈕等。
除把用戶最有可能點擊的按鈕設計成最大,其他常用技巧如:
仔細考慮每一個選項的默認值
保持“顯示更多細節”復選框為默認選中狀態
自動記住某個用戶最后一次選擇狀態的系統
對技術要求高,有局限
導航設計——為用戶提供去某地方的能力
要同時完成3個目標:
- 實現用戶在頁面間的跳轉
- 體現跳轉元素與其包含內容的聯系
- 體現跳轉元素與當前瀏覽頁面的關系
常見的導航系統:
- 全局導航
- 局部導航
- 輔助導航
- 上下文導航
- 友好導航
- 遠程導航
網站地圖 索引表
信息設計——傳達想法給用戶
信息設計 決定如何呈現這些信息,使人們易于使用或理解。
如:
視覺表現——
展現數據的最好方式是餅圖?還是柱狀圖?
搜索概念充分的表達方式是望遠鏡?還是放大鏡?
整理散亂的信息——
用一種能“反映用戶的思路”和“支持他們的任務和目標”的方式來分類和排列這些信息元素,傳達出頁面的微觀信息架構。
信息設計&界面設計&導航設計——線框圖
頁面布局 是將以上三者放置在一起,形成一個統一的、有內在凝聚力的架構的地方。要整合很多東西,而常常被納入一個文檔——線框圖(頁面示意圖)
線框圖整合3種要素的方法:
通過安排和選擇界面元素來整合界面設計;通過識別和定義核心導航系統來整合導航設計;通過放置和排列信息組成部分的優先級來整合信息設計。
這樣,線框圖就可以確定一個建立在基本概念結構上的架構,同時指出表現層的設計應該前進的方向。