產(chǎn)品目標是具體到信息設(shè)計、用戶需求是具體到界面設(shè)計和導(dǎo)航設(shè)計。解決的是“”放置“的問題,界面設(shè)計考慮交互元素的布局幼东,導(dǎo)航設(shè)計考慮如何引導(dǎo)用戶移動的元素的安排,信息設(shè)計考慮傳達給用戶的信息要素的排布科雳。
一根蟹、框架設(shè)計
“提供用戶做某些事情的能力”是界面設(shè)計。用戶在界面中能操作具體的功能糟秘,以任務(wù)為導(dǎo)向简逮。
“提供用戶去某個地方的能力”是導(dǎo)航設(shè)計。信息架構(gòu)把一個結(jié)構(gòu)應(yīng)用到我們設(shè)定好的“內(nèi)容需求清單之中”尿赚,導(dǎo)航設(shè)計是一個用戶看到那個結(jié)構(gòu)的鏡頭(給結(jié)構(gòu)創(chuàng)建通道和路標)散庶。通過它用戶可以在結(jié)構(gòu)中自由穿行。
“傳遞想法給用戶”是信息設(shè)計凌净。信息設(shè)計是兼具“以任務(wù)為導(dǎo)向”和“以信息為導(dǎo)向”的悲龟。
1、界面設(shè)計
確定產(chǎn)品UI框架泻蚊,新建按鈕等按鈕躲舌、輸入框、各種控件性雄,功能没卸、界面設(shè)計。
2秒旋、導(dǎo)航設(shè)計
專門用于呈現(xiàn)信息的一種頁面如各種列表頁约计,通常表現(xiàn)為鏈接,提供給用戶去某個地方的能力迁筛,是信息的向?qū)喊觥S幸韵氯齻€目標:
- 可以讓用戶在頁面間跳轉(zhuǎn)。
- 成功向用戶傳遞元素/標簽/鏈接之間和它所包含內(nèi)容之間的關(guān)系(细卧。
- 成功向用戶傳遞內(nèi)容和當前頁面的關(guān)系尉桩。
3、信息設(shè)計
呈現(xiàn)有效的信息溝通贪庙,傳遞信息給用戶蜘犁,是微觀的信息架構(gòu)。
通用原則:
- 用一種能反應(yīng)用戶的思路去組織字段止邮。
- 支持用戶的目標和任務(wù)去對字段進行分類这橙、排列。
二导披、輸出物
線框圖:將界面設(shè)計屈扎、導(dǎo)航設(shè)計、信息設(shè)計融合為高度一致性的文檔撩匕。
三鹰晨、判斷好壞標準
- 成功的界面設(shè)計:能夠讓用戶一眼就看到最重要的東西。
- 導(dǎo)航設(shè)計:傳遞出元素和它所包含內(nèi)容之間的關(guān)系止毕。