產(chǎn)品目標(biāo)是具體到信息設(shè)計(jì)、用戶需求是具體到界面設(shè)計(jì)和導(dǎo)航設(shè)計(jì)。解決的是“”放置“的問題,界面設(shè)計(jì)考慮交互元素的布局,導(dǎo)航設(shè)計(jì)考慮如何引導(dǎo)用戶移動(dòng)的元素的安排,信息設(shè)計(jì)考慮傳達(dá)給用戶的信息要素的排布。
一、框架設(shè)計(jì)
“提供用戶做某些事情的能力”是界面設(shè)計(jì)。用戶在界面中能操作具體的功能,以任務(wù)為導(dǎo)向。
“提供用戶去某個(gè)地方的能力”是導(dǎo)航設(shè)計(jì)。信息架構(gòu)把一個(gè)結(jié)構(gòu)應(yīng)用到我們?cè)O(shè)定好的“內(nèi)容需求清單之中”,導(dǎo)航設(shè)計(jì)是一個(gè)用戶看到那個(gè)結(jié)構(gòu)的鏡頭(給結(jié)構(gòu)創(chuàng)建通道和路標(biāo))。通過它用戶可以在結(jié)構(gòu)中自由穿行。
“傳遞想法給用戶”是信息設(shè)計(jì)。信息設(shè)計(jì)是兼具“以任務(wù)為導(dǎo)向”和“以信息為導(dǎo)向”的。
1、界面設(shè)計(jì)
確定產(chǎn)品UI框架,新建按鈕等按鈕、輸入框、各種控件,功能、界面設(shè)計(jì)。
2、導(dǎo)航設(shè)計(jì)
專門用于呈現(xiàn)信息的一種頁面如各種列表頁,通常表現(xiàn)為鏈接,提供給用戶去某個(gè)地方的能力,是信息的向?qū)?。有以下三個(gè)目標(biāo):
- 可以讓用戶在頁面間跳轉(zhuǎn)。
- 成功向用戶傳遞元素/標(biāo)簽/鏈接之間和它所包含內(nèi)容之間的關(guān)系(。
- 成功向用戶傳遞內(nèi)容和當(dāng)前頁面的關(guān)系。
3、信息設(shè)計(jì)
呈現(xiàn)有效的信息溝通,傳遞信息給用戶,是微觀的信息架構(gòu)。
通用原則:
- 用一種能反應(yīng)用戶的思路去組織字段。
- 支持用戶的目標(biāo)和任務(wù)去對(duì)字段進(jìn)行分類、排列。
二、輸出物
線框圖:將界面設(shè)計(jì)、導(dǎo)航設(shè)計(jì)、信息設(shè)計(jì)融合為高度一致性的文檔。
三、判斷好壞標(biāo)準(zhǔn)
- 成功的界面設(shè)計(jì):能夠讓用戶一眼就看到最重要的東西。
- 導(dǎo)航設(shè)計(jì):傳遞出元素和它所包含內(nèi)容之間的關(guān)系。