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

框架層:怎么實現(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)層的設計應該前進的方向倦逐。

最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末譬正,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子檬姥,更是在濱河造成了極大的恐慌曾我,老刑警劉巖,帶你破解...
    沈念sama閱讀 212,454評論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件健民,死亡現(xiàn)場離奇詭異抒巢,居然都是意外死亡,警方通過查閱死者的電腦和手機秉犹,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,553評論 3 385
  • 文/潘曉璐 我一進店門蛉谜,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人崇堵,你說我怎么就攤上這事型诚。” “怎么了鸳劳?”我有些...
    開封第一講書人閱讀 157,921評論 0 348
  • 文/不壞的土叔 我叫張陵狰贯,是天一觀的道長。 經(jīng)常有香客問我,道長涵紊,這世上最難降的妖魔是什么傍妒? 我笑而不...
    開封第一講書人閱讀 56,648評論 1 284
  • 正文 為了忘掉前任,我火速辦了婚禮摸柄,結果婚禮上颤练,老公的妹妹穿的比我還像新娘。我一直安慰自己驱负,他們只是感情好嗦玖,可當我...
    茶點故事閱讀 65,770評論 6 386
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著跃脊,像睡著了一般踏揣。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上匾乓,一...
    開封第一講書人閱讀 49,950評論 1 291
  • 那天,我揣著相機與錄音又谋,去河邊找鬼拼缝。 笑死,一個胖子當著我的面吹牛彰亥,可吹牛的內(nèi)容都是我干的咧七。 我是一名探鬼主播,決...
    沈念sama閱讀 39,090評論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼任斋,長吁一口氣:“原來是場噩夢啊……” “哼继阻!你這毒婦竟也來了?” 一聲冷哼從身側響起废酷,我...
    開封第一講書人閱讀 37,817評論 0 268
  • 序言:老撾萬榮一對情侶失蹤瘟檩,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后澈蟆,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體墨辛,經(jīng)...
    沈念sama閱讀 44,275評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,592評論 2 327
  • 正文 我和宋清朗相戀三年趴俘,在試婚紗的時候發(fā)現(xiàn)自己被綠了睹簇。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,724評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡寥闪,死狀恐怖太惠,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情疲憋,我是刑警寧澤凿渊,帶...
    沈念sama閱讀 34,409評論 4 333
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響嗽元,放射性物質(zhì)發(fā)生泄漏敛纲。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 40,052評論 3 316
  • 文/蒙蒙 一剂癌、第九天 我趴在偏房一處隱蔽的房頂上張望淤翔。 院中可真熱鬧,春花似錦佩谷、人聲如沸旁壮。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,815評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽抡谐。三九已至,卻和暖如春桐猬,著一層夾襖步出監(jiān)牢的瞬間麦撵,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,043評論 1 266
  • 我被黑心中介騙來泰國打工溃肪, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留免胃,地道東北人。 一個月前我還...
    沈念sama閱讀 46,503評論 2 361
  • 正文 我出身青樓惫撰,卻偏偏與公主長得像羔沙,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子厨钻,可洞房花燭夜當晚...
    茶點故事閱讀 43,627評論 2 350

推薦閱讀更多精彩內(nèi)容