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