交互設(shè)計(jì)師在整個(gè)產(chǎn)品中需要做的東西有哪些?

3 評(píng)論 23339 瀏覽 39 收藏 7 分鐘

?笑天涯說(shuō):任何一個(gè)互聯(lián)網(wǎng)產(chǎn)品的誕生,都離不開(kāi)交互設(shè)計(jì)師。當(dāng)你在使用產(chǎn)品的時(shí)候,你無(wú)時(shí)無(wú)刻不在享用交互設(shè)計(jì)師的工作成果。那作為交互設(shè)計(jì)師,他們是怎么開(kāi)展工作的?他們?cè)诋a(chǎn)品誕生的過(guò)程中需要做哪些工作呢?

問(wèn)題:交互設(shè)計(jì)師在整個(gè)產(chǎn)品中需要做的東西有哪些?

大家好,作為一個(gè)交互設(shè)計(jì)師,除去前期的洞察戰(zhàn)略及產(chǎn)品需求;確定產(chǎn)品功能;到后面的結(jié)構(gòu)框架元素安排等過(guò)程中,交互設(shè)計(jì)師要出的“專業(yè)的交互設(shè)計(jì)稿” “交互設(shè)計(jì)文檔說(shuō)明”到底是什么樣的?求解答,謝謝大家!

知乎用戶侯雯佩的回答:

交互文檔通常包含以下幾部分:

一、設(shè)計(jì)綜述

二、交互原型

三、可點(diǎn)擊原型/動(dòng)畫(huà)demo

一、設(shè)計(jì)綜述:根據(jù)項(xiàng)目的大小、優(yōu)先級(jí)、時(shí)間周期的不同,可以有選擇性的包含以下幾部分

1.需求背景:需求來(lái)源、相關(guān)的用戶數(shù)據(jù)、要解決的核心問(wèn)題

2.設(shè)計(jì)思路:整體解決思路、用戶分析、核心場(chǎng)景、設(shè)計(jì)創(chuàng)新點(diǎn)

1)整體解決思路:用腦圖的形式表達(dá)你的整體思路,也是支持你整個(gè)設(shè)計(jì)的骨架,我曾經(jīng)梳理的一份思路圖給你參考:

不是文檔中必須包含的,但是在向團(tuán)隊(duì)其他成員和leader匯報(bào)的時(shí)候,這張圖能夠讓別人在短時(shí)間內(nèi)明確你的計(jì)劃和進(jìn)度,進(jìn)而展開(kāi)討論。

2)用戶分析:可以包含簡(jiǎn)單的用戶畫(huà)像分析,如果有用研的支持能輸出較為準(zhǔn)確的用戶描述最好了。下圖是我曾經(jīng)做過(guò)的兩份分析,比較簡(jiǎn)單,能夠說(shuō)明問(wèn)題足矣:

2

國(guó)外經(jīng)典的persona模板如下圖:

3

3)核心場(chǎng)景:給出核心的用戶場(chǎng)景列表,,按照優(yōu)先級(jí)排序,之后的交互原型也需要圍繞所列的核心場(chǎng)景去展開(kāi)。

4)設(shè)計(jì)創(chuàng)新點(diǎn):交互設(shè)計(jì)師并不是把原型畫(huà)出來(lái),給出一個(gè)穩(wěn)妥的設(shè)計(jì)就好了,這樣的話產(chǎn)品經(jīng)理也能替代了,關(guān)鍵在于要輸出創(chuàng)新的解決方案,無(wú)論大小項(xiàng)目,爭(zhēng)取做出創(chuàng)新,努力去推動(dòng),一次推不成,再推一次,這塊是體現(xiàn)設(shè)計(jì)師水平的核心部分。

5)信息架構(gòu)&流程圖,沒(méi)找到手邊的例子,外網(wǎng)找了幾個(gè)供你參考:

4

5

二、交互原型:交互文檔中的重頭戲,示例如下:

7

 

1.交互稿盡量用黑白灰,減少對(duì)視覺(jué)工作的影響,如果有需要強(qiáng)調(diào)的按鈕,可以選取一種彩色來(lái)帶代表以突出強(qiáng)調(diào)。

2.交互稿盡量按照?qǐng)鼍皝?lái)分,一個(gè)場(chǎng)景一套子流程。不要全部都花在一張大圖上,不易理解。

附幾張國(guó)外的交互稿供你參考:

8

9

10

3.交互稿通常需要包含:頻率最高狀態(tài)、極限狀態(tài)、缺省狀態(tài)、出錯(cuò)狀態(tài)。盡可能的將各種狀態(tài)、邏輯、反饋都考慮全面。把規(guī)則都梳理清晰。

三、可點(diǎn)擊原型/動(dòng)態(tài)demo

這塊通常用來(lái)做演示和方案的比較,讓其他人能夠在真實(shí)場(chǎng)景下去“感受”方案,而不是想象方案。推薦幾個(gè)工具:pop,flinto,都是適合移動(dòng)端的快速生成原型非常方便的工具。keynote做一些交互動(dòng)畫(huà)也是很快速的,AE的制作成本高一些,比較適合一些細(xì)膩的動(dòng)畫(huà),通常視覺(jué)用的比較多。

關(guān)于文檔輸出的格式:

我的工作習(xí)慣是:在交互輸出階段,將上述內(nèi)容的各個(gè)部分都整理到郵件中,發(fā)給項(xiàng)目相關(guān)人,同時(shí)郵件會(huì)附上一份附件PDF,這份PDF是A4大小的一份文檔,包含了以上所有內(nèi)容。

采用這個(gè)格式輸出的好處是:他人通常沒(méi)有時(shí)間去下載文檔仔細(xì)閱讀,放在郵件里陳述更有可能被閱讀。而附件的PDF文檔是便于你在任何情況下都能用PAD打開(kāi),一頁(yè)頁(yè)翻看,與他人討論。

本文由人人都是產(chǎn)品經(jīng)理@笑天涯 整理自知乎問(wèn)答,轉(zhuǎn)載請(qǐng)注明出處并保留本文鏈接。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 一直覺(jué)得交互設(shè)計(jì)師是干嘛的呢?上文說(shuō)的那些交互產(chǎn)品和設(shè)計(jì)都做了的

    來(lái)自上海 回復(fù)
  2. 交互設(shè)計(jì)師和產(chǎn)品經(jīng)理工作的本質(zhì)區(qū)別是?

    來(lái)自上海 回復(fù)
  3. 信息架構(gòu)與流程圖一般在產(chǎn)品文檔里已經(jīng)有了體現(xiàn)。請(qǐng)問(wèn)樓主如何做差異?

    來(lái)自上海 回復(fù)