今天為大家更新《用戶體驗(yàn)要素》的第六章——框架層纹烹,界面設(shè)計(jì)钠署、導(dǎo)航設(shè)計(jì)和信息設(shè)計(jì)——信息設(shè)計(jì)
本小結(jié)關(guān)鍵詞:信息設(shè)計(jì)
主要觀點(diǎn):信息設(shè)計(jì)決定如何呈現(xiàn)產(chǎn)品信息,使人們能很容易使用或理解它們。
前兩關(guān)作者介紹了界面設(shè)計(jì)和導(dǎo)航設(shè)計(jì)斋竞,今天來(lái)更新最重要的信息設(shè)計(jì)钻蔑。
信息設(shè)計(jì)
信息設(shè)計(jì)總是很難入手啥刻,它常常充當(dāng)一種把各種設(shè)計(jì)元素聚合到一起的粘合劑的角色。最后咪笑,信息設(shè)計(jì)變成決定如何呈現(xiàn)這些信息可帽,使人們能很容易使用或理解它們。
有時(shí)信息設(shè)計(jì)是視覺上的窗怒。對(duì)我們的用戶來(lái)說(shuō)映跟,餅圖是展現(xiàn)數(shù)據(jù)的最好方式?還是柱狀圖更好一點(diǎn)扬虚?是“望遠(yuǎn)鏡”能充分表達(dá)網(wǎng)站的搜索概念申窘,還是一個(gè)“放大鏡”更容易理解? 有時(shí)信息設(shè)計(jì)涉及“分組”或“整理”散亂的信息孔轴。我們通常把這方面的設(shè)計(jì)看成理所應(yīng)當(dāng)?shù)奶攴ǎ驗(yàn)槲覀冞^(guò)去對(duì)信息設(shè)計(jì)的理解正是這種。
舉個(gè)例子來(lái)說(shuō)路鹰,看看下面這個(gè)列表:
▼省份?
▼職位名稱?
▼電話號(hào)碼?
▼地址?
▼姓名?
▼郵政編碼?
▼所在公司?
▼所在城市?
▼E-mail地址
它看上去有一點(diǎn)讓人迷惑贷洲,因?yàn)橥ǔN覀兌紩?huì)這樣排列:
▼姓名?
▼職位名稱
▼所在公司?
▼地址?
▼所在城市?
▼省份?
▼郵政編碼?
▼電話號(hào)碼?
▼E-mail地址
即使是這樣的排列也可以更進(jìn)一步地整理成這樣:
▼個(gè)人信息?
? ? ·姓名?
? ? ·職位名稱
? ? ·所在公司?
▼聯(lián)系方式?
? ? ·地址?
? ? ·所在城市?
? ? ·省份?
? ? ·郵政編碼
?▼其他聯(lián)系方式?
? ? ·電話號(hào)碼
? ? ·E-mail地址
這個(gè)例子看上去很簡(jiǎn)單明了,現(xiàn)在我們用一個(gè)略有不同的列表來(lái)證明這項(xiàng)工作的挑戰(zhàn)性:
▼功率限制?
▼轉(zhuǎn)軸尺寸?
▼油箱容積?
▼變速器類型?
▼角速率中間值
▼底盤類型?
▼最大輸出功率?
當(dāng)然晋柱,最關(guān)鍵的优构,是用一種能“反映用戶的思路”和“支持他們的任務(wù)和目標(biāo)”的方式來(lái)分類和排列這些信息元素。在這些元素之間的概念的關(guān)系是真正屬于微觀信息架構(gòu)的雁竞;當(dāng)我們必須要在這個(gè)頁(yè)面上傳達(dá)結(jié)構(gòu)的時(shí)候钦椭,信息設(shè)計(jì)就呈現(xiàn)它的作用了拧额。
由于界面不僅僅只是用來(lái)收集用戶的信息,它還需要向用戶呈現(xiàn)信息彪腔,所以信息設(shè)計(jì)在解決界面設(shè)計(jì)的問(wèn)題中扮演了重要角色侥锦。錯(cuò)誤提示是在設(shè)計(jì)一個(gè)良好界面時(shí),經(jīng)常需要考慮的信息設(shè)計(jì)問(wèn)題德挣;如果你想讓用戶真正去閱讀某個(gè)使用手冊(cè)的話恭垦,如何設(shè)計(jì)這個(gè)使用手冊(cè)也是信息設(shè)計(jì)的問(wèn)題。不管什么時(shí)候格嗅,系統(tǒng)都應(yīng)該給用戶提供能正確使用系統(tǒng)的信息(無(wú)論是用戶出現(xiàn)了錯(cuò)誤還是剛剛開始使用)番挺,這些都是信息設(shè)計(jì)的工作范疇。
指示標(biāo)識(shí)
將信息設(shè)計(jì)和導(dǎo)航設(shè)計(jì)結(jié)合到一起屯掖,有一個(gè)重要的作用:支持指示標(biāo)識(shí)玄柏,這是用來(lái)幫助用戶理解“他們?cè)谀摹币约啊八麄兡苋ツ摹钡南到y(tǒng)。指示標(biāo)識(shí)的概念來(lái)自于物理世界中公共空間的設(shè)計(jì)贴铜。公 園粪摘、商場(chǎng)、公路阀湿、機(jī)場(chǎng)和停車場(chǎng)赶熟,大部分都從指示設(shè)施中獲益瑰妄。比如說(shuō)停車場(chǎng)陷嘴,有時(shí)候會(huì)使用“顏色編碼”,來(lái)為人們提供線索间坐,幫助他們記住停車的地方灾挨。在機(jī)場(chǎng),標(biāo)志竹宋、地圖以及其他的指示設(shè)施劳澄,幫助人們找到他們周圍的路徑。
在網(wǎng)站中蜈七,指示標(biāo)識(shí)通常會(huì)涉及導(dǎo)航設(shè)計(jì)和信息設(shè)計(jì)秒拔。一個(gè)網(wǎng)站的導(dǎo)航系統(tǒng)不僅僅是要提供到網(wǎng)站不同區(qū)域的通路,還必須要清晰地傳達(dá)出這些選項(xiàng)飒硅。好的指示標(biāo)識(shí)能使用戶能很快地得到一個(gè)心理圖像砂缩,“他們?cè)谀膬骸薄ⅰ澳苋ツ膬骸焙汀澳臈l路能使他們離自己的目標(biāo)更近”三娩。
指示標(biāo)識(shí)的信息設(shè)計(jì)元素涉及頁(yè)面元素庵芭,并不是以導(dǎo)航功能來(lái)執(zhí)行的。比如說(shuō)雀监,就像停車場(chǎng)一樣双吆,一些網(wǎng)站非常成功地使用了“顏色標(biāo)識(shí)”來(lái)告訴用戶他們正在看的是哪個(gè)部分(無(wú)論如何,顏色編碼幾乎從來(lái)沒有被獨(dú)立使用過(guò)——相反,它用于在合適的位置強(qiáng)化另一套指示系統(tǒng))好乐。圖標(biāo)匾竿、標(biāo)簽系統(tǒng)和排版是另外的信息設(shè)計(jì)方式,有時(shí)用于幫助用戶加強(qiáng)“你在這里”的感覺曹宴。
明天更新本章最后一節(jié)——線框圖搂橙,繼續(xù)加油吧!
How?time?flies!