信息設(shè)計(jì)決定如何呈現(xiàn)產(chǎn)品信息

今天為大家更新《用戶體驗(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!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末笛坦,一起剝皮案震驚了整個(gè)濱河市区转,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌版扩,老刑警劉巖废离,帶你破解...
    沈念sama閱讀 212,816評(píng)論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異礁芦,居然都是意外死亡蜻韭,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,729評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門柿扣,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)肖方,“玉大人,你說(shuō)我怎么就攤上這事未状「┗” “怎么了?”我有些...
    開封第一講書人閱讀 158,300評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵司草,是天一觀的道長(zhǎng)艰垂。 經(jīng)常有香客問(wèn)我,道長(zhǎng)埋虹,這世上最難降的妖魔是什么猜憎? 我笑而不...
    開封第一講書人閱讀 56,780評(píng)論 1 285
  • 正文 為了忘掉前任,我火速辦了婚禮搔课,結(jié)果婚禮上胰柑,老公的妹妹穿的比我還像新娘。我一直安慰自己爬泥,他們只是感情好柬讨,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,890評(píng)論 6 385
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著急灭,像睡著了一般姐浮。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上葬馋,一...
    開封第一講書人閱讀 50,084評(píng)論 1 291
  • 那天卖鲤,我揣著相機(jī)與錄音肾扰,去河邊找鬼。 笑死蛋逾,一個(gè)胖子當(dāng)著我的面吹牛集晚,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播区匣,決...
    沈念sama閱讀 39,151評(píng)論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼偷拔,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了亏钩?” 一聲冷哼從身側(cè)響起莲绰,我...
    開封第一講書人閱讀 37,912評(píng)論 0 268
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎姑丑,沒想到半個(gè)月后蛤签,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,355評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡栅哀,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,666評(píng)論 2 327
  • 正文 我和宋清朗相戀三年震肮,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片留拾。...
    茶點(diǎn)故事閱讀 38,809評(píng)論 1 341
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡戳晌,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出痴柔,到底是詐尸還是另有隱情沦偎,我是刑警寧澤,帶...
    沈念sama閱讀 34,504評(píng)論 4 334
  • 正文 年R本政府宣布竞帽,位于F島的核電站扛施,受9級(jí)特大地震影響鸿捧,放射性物質(zhì)發(fā)生泄漏屹篓。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 40,150評(píng)論 3 317
  • 文/蒙蒙 一匙奴、第九天 我趴在偏房一處隱蔽的房頂上張望堆巧。 院中可真熱鬧,春花似錦泼菌、人聲如沸谍肤。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,882評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)荒揣。三九已至,卻和暖如春焊刹,著一層夾襖步出監(jiān)牢的瞬間系任,已是汗流浹背恳蹲。 一陣腳步聲響...
    開封第一講書人閱讀 32,121評(píng)論 1 267
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留俩滥,地道東北人嘉蕾。 一個(gè)月前我還...
    沈念sama閱讀 46,628評(píng)論 2 362
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像霜旧,于是被迫代替她去往敵國(guó)和親错忱。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,724評(píng)論 2 351

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

  • 用兩張圖告訴你挂据,為什么你的 App 會(huì)卡頓? - Android - 掘金 Cover 有什么料以清? 從這篇文章中你...
    hw1212閱讀 12,704評(píng)論 2 59
  • 1、通過(guò)CocoaPods安裝項(xiàng)目名稱項(xiàng)目信息 AFNetworking網(wǎng)絡(luò)請(qǐng)求組件 FMDB本地?cái)?shù)據(jù)庫(kù)組件 SD...
    陽(yáng)明先生_X自主閱讀 15,971評(píng)論 3 119
  • “這個(gè)世界本來(lái)的面目崎逃,到底是什么玖媚?” 我的四周全是水,但我卻渴得要命婚脱。真正重要的東西永遠(yuǎn)在別處今魔。 我沉到池底,上邊...
    青衫_客閱讀 255評(píng)論 0 1
  • 再不濟(jì)障贸,工廠模式總是聽過(guò)的吧错森,所以概念就不過(guò)多介紹了。工廠模式一般分為工廠方法模式和抽象工廠模式篮洁。好涩维,上代碼。 工...
    日三省閱讀 308評(píng)論 0 0
  • 纖洛閱讀 288評(píng)論 0 1