框架層的產(chǎn)品設(shè)計(jì)

產(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)系。
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容