交互設(shè)計(jì)入門—交互設(shè)計(jì)的職能

0 評(píng)論 5268 瀏覽 61 收藏 8 分鐘

上個(gè)章節(jié)講了為什么要有交互設(shè)計(jì),本章主要詳述一下交互設(shè)計(jì)的職能——交互設(shè)計(jì)師具體做哪些內(nèi)容?

Ⅰ. 先了解一下交互設(shè)計(jì)的基本概念:

交互設(shè)計(jì)是一種目標(biāo)導(dǎo)向設(shè)計(jì),所有的工作內(nèi)容都是在圍繞著用戶行為去設(shè)計(jì)的。交互設(shè)計(jì)師通過(guò)設(shè)計(jì)用戶的行為,讓用戶更方便更有效率的去完成產(chǎn)品業(yè)務(wù)目標(biāo),獲得愉快的用戶體驗(yàn)。

Ⅱ.交互設(shè)計(jì)在項(xiàng)目流程中的位置和任務(wù):

項(xiàng)目前期的流程和節(jié)點(diǎn):

職能的細(xì)化就是為了讓產(chǎn)品在每個(gè)專業(yè)環(huán)節(jié)都做到極致,提高競(jìng)爭(zhēng)力。如果是為了走流程,每個(gè)環(huán)節(jié)都是任務(wù)式的交付,臃腫的分工除了增加成本和拖慢項(xiàng)目進(jìn)度,沒有實(shí)際意義。所以交互設(shè)計(jì)需要做的足夠好,才能將這份工作做的有意義。

Ⅲ.交互設(shè)計(jì)的具體職能:

從上圖中可以看出,交互設(shè)計(jì)主要干三件事:

①定義部分需求 ? ? ?②定義信息架構(gòu)和操作流程 ? ? ?③ 組織頁(yè)面元素,制作原型demo

①定義部分需求

以前的慣性思維是需求應(yīng)該由產(chǎn)品人員負(fù)責(zé),設(shè)計(jì)人員只是實(shí)現(xiàn)和改善界面體驗(yàn)。而產(chǎn)品的真正需求不僅僅來(lái)源于業(yè)務(wù),還包括使用者的情感需求。在情感分析方面,交互專業(yè)是具有優(yōu)勢(shì)的,舉個(gè)例子:

一個(gè)增值服務(wù)的宣傳模塊,業(yè)務(wù)模型可能是這樣子:

考慮到情感因素后,需求模型會(huì)不斷完善:

上圖僅僅是舉個(gè)例子,真正的產(chǎn)品人員不會(huì)將業(yè)務(wù)模型想的如此簡(jiǎn)單。舉這個(gè)例子就是想說(shuō)明一下產(chǎn)品的需求設(shè)計(jì)不僅僅是業(yè)務(wù)模型,還需要考慮用戶情感、用戶行為和運(yùn)營(yíng)數(shù)據(jù)。當(dāng)產(chǎn)品人員考慮不周全的時(shí)候,交互設(shè)計(jì)師有責(zé)任對(duì)需求進(jìn)行修訂和完善,這樣的目標(biāo)導(dǎo)向設(shè)計(jì)才是完整的。

②定義框架

這部分的內(nèi)容屬于交互設(shè)計(jì)師的核心工作內(nèi)容,也就是我上一章節(jié)所講的框架設(shè)計(jì)階段。這個(gè)階段的產(chǎn)出質(zhì)量直接影響到業(yè)務(wù)目標(biāo)和轉(zhuǎn)化率。如果框架混亂,接下來(lái)的界面怎么優(yōu)化都是無(wú)效的。這好比大型超市的走道設(shè)計(jì),如果路線規(guī)劃的不好,再多再大的指引圖標(biāo)都是低效的。交互設(shè)計(jì)做什么?讓用戶快速完成目標(biāo),提升操作效率,這才是框架設(shè)計(jì)的意義所在。

什么是框架設(shè)計(jì)呢?這要分成兩部分內(nèi)容:

<1.關(guān)于結(jié)構(gòu)導(dǎo)航的設(shè)計(jì)>

把我們的產(chǎn)品想象成一個(gè)巨大的圖書館,我們需要幫助用戶(有目的性的、目的不明確的,無(wú)目的性的)尋找他們感興趣的圖書,怎么幫助用戶準(zhǔn)確的尋找完成目標(biāo)任務(wù),這就是導(dǎo)航設(shè)計(jì)。導(dǎo)航的設(shè)計(jì)任務(wù)一般在新項(xiàng)目或重構(gòu)項(xiàng)目。

導(dǎo)航大概可以分為三種類型:結(jié)構(gòu)導(dǎo)航、關(guān)聯(lián)導(dǎo)航、可用性導(dǎo)航

在框架設(shè)計(jì)的階段,交互設(shè)計(jì)師主要關(guān)注于結(jié)構(gòu)導(dǎo)航的設(shè)計(jì)。

結(jié)構(gòu)導(dǎo)航分兩種:全局導(dǎo)航局部導(dǎo)航。全局導(dǎo)航一般是指無(wú)聯(lián)系的信息結(jié)構(gòu)做的一級(jí)大分類,方便用戶以最快速的方式了解整個(gè)網(wǎng)站有什么大概內(nèi)容。而局部導(dǎo)航則關(guān)注于用戶最方便的快捷操作和業(yè)務(wù)引導(dǎo)操作。

交互設(shè)計(jì)師的首要任務(wù)就是將業(yè)務(wù)內(nèi)容信息組織分類,劃分出主次關(guān)系,根據(jù)業(yè)務(wù)目的和用戶習(xí)慣定義規(guī)劃全局導(dǎo)航和局部導(dǎo)航的設(shè)計(jì)。那應(yīng)該怎么規(guī)劃呢?

回到第一個(gè)增值服務(wù)頁(yè)面的例子(虛擬案例,非真實(shí)案例):

將需求梳理后(怎么梳理,請(qǐng)google抽屜整理法),我們可以確認(rèn)全局導(dǎo)航:

再詳細(xì)規(guī)劃局部導(dǎo)航:

局部導(dǎo)航的層級(jí)可以不斷往下延伸,通過(guò)樹形目錄或面包屑的方法幫助用戶瀏覽時(shí)不至于迷路。

<2. 關(guān)于流程的設(shè)計(jì)>

之前的案例我們已經(jīng)基本上確認(rèn)了模塊需求有哪些頁(yè)面,頁(yè)面大概會(huì)放什么內(nèi)容。但真實(shí)的用戶任務(wù)并不是在一個(gè)頁(yè)面上完成的,這時(shí)候我們就需要通過(guò)流程的方式把任務(wù)變得清晰和包容用戶的各種誤操作。

虛擬案例:

在流程的規(guī)劃設(shè)計(jì)中要遵循:1.以業(yè)務(wù)目的為主要導(dǎo)向;2.兼容到用戶的習(xí)慣;3.盡量讓流程做減法,多一個(gè)流程就會(huì)丟一部分用戶;4.任務(wù)是連貫和清晰的;5.考慮實(shí)現(xiàn)方式的復(fù)雜程度;歡迎補(bǔ)充…

③組織頁(yè)面元素,制作原型demo

經(jīng)過(guò)了需求的完善和框架的設(shè)計(jì),之前的這些工作還是停留在抽象的想法階段,怎么把想法轉(zhuǎn)達(dá)給項(xiàng)目組的其他人員呢?交互還需要把想法和規(guī)劃表達(dá)出來(lái),那么最好的方式就是制作原型Demo。把Demo做出來(lái),讓產(chǎn)品,開發(fā),測(cè)試直觀的看到產(chǎn)品的雛形, 再?gòu)V泛的接受意見,對(duì)原型進(jìn)行不斷的修正,改進(jìn),做簡(jiǎn)單的用戶測(cè)試?yán)^續(xù)挖掘情感需求。

那么怎么去組織頁(yè)面元素,制作原型Demo?哪些表現(xiàn)層面是交互設(shè)計(jì)師該重點(diǎn)表達(dá)的內(nèi)容呢?原型的制作又有哪些章法可循呢?這個(gè)..還是等下一個(gè)章節(jié)再講吧o(∩_∩)o

來(lái)源:http://www.54xiaomeng.com/?p=270#more-270

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒評(píng)論,等你發(fā)揮!