一文了解,交互設(shè)計(jì)師工作流程及產(chǎn)物
編輯導(dǎo)語(yǔ):交互設(shè)計(jì)師作為互聯(lián)網(wǎng)產(chǎn)生的新崗位,對(duì)大多數(shù)人來說還比較陌生。本篇文章從多個(gè)角度帶你了解交互設(shè)計(jì)師工作流程及產(chǎn)物,一起來看看吧!
想要了解或者學(xué)習(xí)交互設(shè)計(jì)?卻又不知道如何下手,或許是很多初入職場(chǎng)的新人所面臨的問題,今天我們就來了解一下交互設(shè)計(jì)。
一、交互設(shè)計(jì)初識(shí)別
1. 交互設(shè)計(jì)的定義
交互設(shè)計(jì)(英文Interaction Design,縮寫IXD),是定義、設(shè)計(jì)人造系統(tǒng)的行為的設(shè)計(jì)領(lǐng)域,它定義了兩個(gè)或多個(gè)互動(dòng)的個(gè)體之間交流的內(nèi)容和結(jié)構(gòu),使之互相配合,共同達(dá)成某種目的。交互設(shè)計(jì)努力去創(chuàng)造和建立的是人與產(chǎn)品及服務(wù)之間有意義的關(guān)系,以“在充滿社會(huì)復(fù)雜性的物質(zhì)世界中嵌入信息技術(shù)”為中心。交互系統(tǒng)設(shè)計(jì)的目標(biāo)可以從“可用性”和“用戶體驗(yàn)”兩個(gè)層面上進(jìn)行分析,關(guān)注以人為本的用戶需求-百度。
首先我們先了解一下什么是“交互”,我們?nèi)粘I钪刑幪幙梢娊换バ袨?,從使用微信與朋友聊天到使用超市自助收款機(jī)結(jié)賬,從簡(jiǎn)單的聊天操作到復(fù)雜的數(shù)據(jù)管理,再到精密的儀器操作,人們對(duì)于使用設(shè)備的要求越要越高,對(duì)于產(chǎn)品使用體驗(yàn)的需求也越多。
例如如何在排隊(duì)買單時(shí)結(jié)賬快速又便捷,如何幫助企業(yè)做好降本增效,因此如何滿足用戶在使用中的各項(xiàng)交互體驗(yàn),為用戶提供更好使用方案就逐漸衍生出了交互設(shè)計(jì)師崗位,交互設(shè)計(jì)是個(gè)多行業(yè)交叉學(xué)科,包含心理學(xué),社會(huì)學(xué),設(shè)計(jì)及工科等多個(gè)領(lǐng)域。
交互設(shè)計(jì)通俗來說是兩個(gè)實(shí)體之間的信息交換,例如用戶與產(chǎn)品,系統(tǒng)之間等不同組合的對(duì)話設(shè)計(jì)。與視覺設(shè)計(jì)師注重外觀表現(xiàn)不同的是,交互設(shè)計(jì)是更注重行為,交互設(shè)計(jì)具有一定的場(chǎng)景性,例如我們要煮飯時(shí)會(huì)打開電飯煲,要讀取U盤信息時(shí)會(huì)將U盤插入U(xiǎn)SB接口。
2. 大廠中的的交互設(shè)計(jì)
進(jìn)入互聯(lián)網(wǎng)快速發(fā)展的時(shí)代,依托于智能手機(jī)及網(wǎng)絡(luò)的發(fā)展,崛起了一批又一批的互聯(lián)網(wǎng)公司,同時(shí),更多的傳統(tǒng)企業(yè)也尋找數(shù)字化轉(zhuǎn)型之路,企業(yè)對(duì)于產(chǎn)品的交互設(shè)計(jì)也愈發(fā)看重,但較少有公司會(huì)設(shè)置交互設(shè)計(jì)師崗位,一般公司多由產(chǎn)品或者視覺設(shè)計(jì)兼任,但其實(shí)三者的崗位職位有著本質(zhì)的差別。
產(chǎn)品經(jīng)理負(fù)責(zé)產(chǎn)品生命周期,產(chǎn)品規(guī)劃等產(chǎn)品大方向,視覺設(shè)計(jì)師負(fù)責(zé)產(chǎn)品的外觀風(fēng)格定義,運(yùn)營(yíng)活動(dòng)等視覺展現(xiàn),而對(duì)于交互設(shè)計(jì)師來說,本質(zhì)是挖掘用戶深層次需求與痛點(diǎn),利用以用戶為中心的設(shè)計(jì)等交互方法幫助用戶“用的更好” ,更多關(guān)注的是用戶操作流程。
因?yàn)榻换ピO(shè)計(jì)涉及過個(gè)學(xué)科的特殊性,目前互聯(lián)網(wǎng)公司的交互崗位多是由交互,設(shè)計(jì),用戶研究三合一的綜合職位。 交互設(shè)計(jì)師不僅要處理好產(chǎn)品交互設(shè)計(jì),也要負(fù)責(zé)用戶研究及低保真界面設(shè)計(jì)。
例如阿里巴巴的交互設(shè)計(jì)崗位要求:
- 負(fù)責(zé)業(yè)務(wù)平臺(tái)設(shè)計(jì)部的體驗(yàn)設(shè)計(jì),包含業(yè)務(wù)中臺(tái)產(chǎn)品化、數(shù)字化政務(wù)平臺(tái)線上線下一體化體驗(yàn)設(shè)計(jì);
- 負(fù)責(zé)從前期的業(yè)務(wù)對(duì)接、用戶研究、概念設(shè)計(jì)、最終設(shè)計(jì)輸出、開發(fā)落地協(xié)同以及產(chǎn)品迭代;
- 聯(lián)合上下游匯總信息和數(shù)據(jù),發(fā)掘設(shè)計(jì)價(jià)值機(jī)會(huì)點(diǎn),驅(qū)動(dòng)業(yè)務(wù)產(chǎn)生設(shè)計(jì)價(jià)值。
同時(shí)頭部互聯(lián)網(wǎng)企業(yè)也會(huì)組件內(nèi)部交互體驗(yàn)設(shè)計(jì)團(tuán)隊(duì),例如騰訊CDC,騰訊ISUX ,百度MEUX,58UXD,作業(yè)幫UXC,酷家樂用戶體驗(yàn)設(shè)計(jì),閱文體驗(yàn)設(shè)計(jì)YUX等。
二、交互設(shè)計(jì)的發(fā)展
1. 階段一
交互設(shè)計(jì)起源于近代設(shè)計(jì),但交互在遠(yuǎn)古時(shí)期就已經(jīng)存在,人類在遠(yuǎn)古時(shí)期開始使用木頭,石頭等進(jìn)行簡(jiǎn)單的操作,例如轉(zhuǎn)木取火,土著印第安人已經(jīng)學(xué)會(huì)使用狼煙來進(jìn)行較遠(yuǎn)距離的通信工作,可以見的交互行為在沒有文字的史前年代就被人使用。到了19世紀(jì)摩爾斯密碼開始在全球廣泛使用,工程師們則開始研究機(jī)器與人之間的響應(yīng)關(guān)系。
2. 階段二
20世紀(jì)40年代起,隨著第一代計(jì)算機(jī)的發(fā)明,人們不斷的設(shè)計(jì)新的機(jī)器使用方法,如泰得·尼爾森的“Xanadu”項(xiàng)目,希望創(chuàng)造一個(gè)可以進(jìn)行簡(jiǎn)單頁(yè)面操作的計(jì)算機(jī)網(wǎng)絡(luò)系統(tǒng),此后計(jì)算機(jī)科學(xué)家及工程師們不斷探索,出現(xiàn)了鼠標(biāo)鍵盤等交互行為,可以進(jìn)行點(diǎn)擊,剪切和粘貼等功能。
互聯(lián)網(wǎng)的出現(xiàn)改變了世界,越來越多的傳感器更微電子處理器被用到各行各業(yè),20世紀(jì)90年代,計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)及交互設(shè)計(jì)逐漸成為一門正式的學(xué)科,伴隨著手機(jī)和移動(dòng)設(shè)備不斷更新迭代,交互設(shè)計(jì)也在此階段得到快速發(fā)展。
艾倫·庫(kù)珀的《交互設(shè)計(jì)精髓》,尼爾森的“十大可用性原則”等將“交互設(shè)計(jì)”重新被定義,設(shè)計(jì)工程師也從純代碼行交互界面轉(zhuǎn)到了由鼠標(biāo)點(diǎn)擊圖片操作的GUI界面。
3. 階段三
千禧年開始,各類設(shè)備及軟件(手機(jī)、筆記本電腦等)逐漸走進(jìn)千家萬(wàn)戶,用戶對(duì)于產(chǎn)品設(shè)備的使用要求也越來越高,用戶界面不僅從實(shí)用性,易用性和美觀度都提出了需求,用戶不單單是一對(duì)一的使用產(chǎn)品及服務(wù),取而代之的是一對(duì)多體驗(yàn),用戶可以查看到來自方方面面的信息和數(shù)據(jù)。
而蘋果公司的手勢(shì)界面和觸摸屏設(shè)計(jì)又給交互設(shè)計(jì)帶來新的面貌與體驗(yàn),近年來虛擬技術(shù),智能VR,AI技術(shù),語(yǔ)音交互等新技術(shù)的不斷研發(fā),用戶與機(jī)器之間的交互也隨之產(chǎn)生改變,用戶可以通過面部識(shí)別,語(yǔ)言表述,動(dòng)作手勢(shì)等進(jìn)行隔空操作,又為交互設(shè)計(jì)提供了新的方向。
三、為什么需要交互設(shè)計(jì)
1. 交互設(shè)計(jì)的價(jià)值
交互設(shè)計(jì)旨在完成用戶與系統(tǒng),與機(jī)器間“友好地溝通”,目的是為了打開用戶與系統(tǒng)間的交互語(yǔ)言,設(shè)計(jì)規(guī)范化,流程化的交互模式。跟隨著技術(shù)的不斷前進(jìn),交互設(shè)計(jì)則需要不斷解決技術(shù)與用戶之間的新問題,并且這個(gè)過程將會(huì)是持續(xù)性的優(yōu)化體驗(yàn)。
2. 交互設(shè)計(jì)的方法
在《交互設(shè)計(jì)指南》中闡述了交互設(shè)計(jì)的四種常用方法:
(1)以用戶為中心的設(shè)計(jì)
交互設(shè)計(jì)的研究中心即是用戶與系統(tǒng)或者機(jī)器之間的交流互動(dòng),用戶作為主動(dòng)操作者,對(duì)于使用系統(tǒng)或機(jī)器前就存在一定的使用期望,而設(shè)計(jì)師設(shè)計(jì)中很容易攜帶個(gè)人的想法及體驗(yàn),以用戶為中心的設(shè)計(jì)方法,可以幫助設(shè)計(jì)師轉(zhuǎn)換角度,減少與用戶的體驗(yàn)沖突。
(2)以活動(dòng)為中心的設(shè)計(jì)
和以用戶為中的設(shè)計(jì)研究類似,但是關(guān)注的對(duì)象由用戶轉(zhuǎn)到了具體的活動(dòng)上,這里不關(guān)注用戶的使用目標(biāo)和使用傾向,主要圍繞用戶完成某一任務(wù)的一系列決策和行為。例如一些功能性較強(qiáng)的產(chǎn)品設(shè)計(jì),例如轉(zhuǎn)賬匯款,需要幫助用戶快速完成匯款流程,關(guān)注的更多是對(duì)于整個(gè)流程的完整性。
(3)系統(tǒng)設(shè)計(jì)
系統(tǒng)設(shè)計(jì)也是基于用戶和目標(biāo)之上的,但系統(tǒng)設(shè)計(jì)是一種理論化的設(shè)計(jì)手法,系統(tǒng)設(shè)計(jì)需要設(shè)計(jì)一個(gè)嚴(yán)謹(jǐn)化的設(shè)計(jì)系統(tǒng),系統(tǒng)中包含目標(biāo),環(huán)境,傳感器,擾動(dòng)等部件,以一種全視角地圖的方式研究項(xiàng)目,系統(tǒng)設(shè)計(jì)幫助設(shè)計(jì)關(guān)注于產(chǎn)品或服務(wù)所處的環(huán)境,關(guān)注部件之間的互動(dòng)關(guān)系。
(4)天才設(shè)計(jì)
相比較前三種設(shè)計(jì)方法,天才設(shè)計(jì)更具有自由性,主要依靠設(shè)計(jì)師的設(shè)計(jì)經(jīng)驗(yàn)和體驗(yàn)來進(jìn)行設(shè)計(jì),設(shè)計(jì)師會(huì)占據(jù)較大的主導(dǎo)地位,例如蘋果的ipad就是Jonathanlve利用天才設(shè)計(jì)法創(chuàng)作的。當(dāng)然這也對(duì)新人設(shè)計(jì)師和用戶產(chǎn)生了問題,單純的依靠設(shè)計(jì)師又滿足不了各類用戶的需求。
因此使用何種交互設(shè)計(jì)方式,設(shè)計(jì)師可根據(jù)實(shí)際情況及任務(wù)環(huán)境決定。
四、交互設(shè)計(jì)的工作流程及產(chǎn)物
互聯(lián)網(wǎng)公司常由產(chǎn)品經(jīng)理或領(lǐng)導(dǎo)提出需求,由交互設(shè)計(jì)師進(jìn)行需求分析繪制產(chǎn)品原型,然后交由視覺設(shè)計(jì)師還原成設(shè)計(jì)稿,最后交付給前后端開發(fā)人員技術(shù)上線。
當(dāng)然中間還會(huì)涉及交互方案評(píng)估匯報(bào),設(shè)計(jì)方案匯報(bào) ,運(yùn)營(yíng)人員參與等,在本篇中主要介紹交互設(shè)計(jì)師所參與的研發(fā)流程。
對(duì)于不同的團(tuán)隊(duì)來說,產(chǎn)品設(shè)計(jì)的過程或多或少存在差異,但也無(wú)非是流程的增加或者刪減。
1. 需求分析
針對(duì)交互設(shè)計(jì)的工作流程,我們了解一下交互設(shè)計(jì)師的日常工作內(nèi)容。
首選是評(píng)估需求階段,在產(chǎn)品初創(chuàng)時(shí)期我們產(chǎn)品規(guī)劃,用戶群體等還不明確,大部分的需求往往來自產(chǎn)品經(jīng)理或者主管領(lǐng)導(dǎo),而對(duì)于成熟期產(chǎn)品交互設(shè)計(jì)師在日常工作中也可以自行挖掘用戶使用痛點(diǎn)和機(jī)會(huì)點(diǎn)。
交互設(shè)計(jì)師接收到需求后也不是立即著手畫原型,首先評(píng)估需求的需求層級(jí),然后進(jìn)行需求分析,包含產(chǎn)品的市場(chǎng)研究,商業(yè)價(jià)值分析,用戶價(jià)值分析等,同時(shí)也可以利用KANO模型等梳理產(chǎn)品,同時(shí)基于項(xiàng)目本身我們可以收集產(chǎn)品相關(guān)歷史數(shù)據(jù),梳理出相關(guān)競(jìng)品,行業(yè)現(xiàn)狀,進(jìn)行競(jìng)品分析等。匯總后的信息可以形成需求分析報(bào)告。
(1)市場(chǎng)分析
主要分析當(dāng)前市場(chǎng)環(huán)境發(fā)展,了解行業(yè)內(nèi)變化趨勢(shì),為企業(yè)上下游決策提供參考,從細(xì)分市場(chǎng)來說可以尋找市場(chǎng)特點(diǎn),確定行業(yè)的競(jìng)爭(zhēng)點(diǎn),同時(shí)也可以找到自身的發(fā)展機(jī)會(huì)??傆[市場(chǎng)可以對(duì)發(fā)展風(fēng)向進(jìn)行預(yù)測(cè),緊跟市場(chǎng)潮流。
(2)背景分析
了解了市場(chǎng)分析,對(duì)于產(chǎn)品改版背后的信息也需要交互設(shè)計(jì)師去發(fā)現(xiàn),經(jīng)過需求背景分析,我們可以找到產(chǎn)品的特點(diǎn),是基于什么背景下的進(jìn)行產(chǎn)品改版,業(yè)務(wù)轉(zhuǎn)型等需求,可以幫助我們確定方向,避免設(shè)計(jì)方向偏移。
(3)競(jìng)品分析
競(jìng)品分析對(duì)于企業(yè)來說可以幫助我們了解競(jìng)爭(zhēng)對(duì)手的商業(yè)經(jīng)營(yíng)情況,發(fā)掘自身優(yōu)勢(shì)與市場(chǎng)定位,學(xué)習(xí)市場(chǎng)商業(yè)模式。
對(duì)于設(shè)計(jì)師來說可以了解競(jìng)品產(chǎn)品結(jié)構(gòu),交互流程等,為交互設(shè)計(jì)師優(yōu)化任務(wù)流程,調(diào)整模塊順序等提供幫助。同時(shí)也可以明確設(shè)計(jì)目標(biāo)與方向,為設(shè)計(jì)方案提供依據(jù)支撐。
競(jìng)品分析的主要流程有:明確分析目的-收集/篩選競(jìng)品-梳理分析-結(jié)論輸出。
【明確分析目的】
整個(gè)競(jìng)品分析應(yīng)以目標(biāo)結(jié)果為導(dǎo)向,應(yīng)該避免流于表象的目的,聚焦于產(chǎn)品優(yōu)化目標(biāo)及圍繞商業(yè)展開,例如提升付款完成率,降低門店運(yùn)維成本等。
【收集/篩選競(jìng)品】
根據(jù)主體產(chǎn)品的定位,在了解核心業(yè)務(wù)和功能的基礎(chǔ)上尋找合適的競(jìng)品,競(jìng)品分成直接競(jìng)品和間接競(jìng)品,直接競(jìng)品就是與我們的主體產(chǎn)品產(chǎn)品形態(tài),用戶群體等都一致的產(chǎn)品,間接產(chǎn)品是指與我們的主體產(chǎn)品在產(chǎn)品形態(tài)和用戶群體上有很大相似的產(chǎn)品,這些產(chǎn)品也可以為我們改版提供思路。
【梳理分析】
常見的競(jìng)品分析方式主要有對(duì)比法,SOWT分析,測(cè)試法等,對(duì)比法是比較常用的分析方式,可以利用用戶體驗(yàn)五要素進(jìn)行分析產(chǎn)品差異。
完整的競(jìng)品分析梳理需要包含以下幾個(gè)模塊:
- 市場(chǎng)環(huán)境分析
- 產(chǎn)品定位分析
- 業(yè)務(wù)流程梳理
- 設(shè)計(jì)分析
- 體驗(yàn)走查
【結(jié)論輸出】
通過前面的分析匯總,我們可以發(fā)現(xiàn)自身產(chǎn)品與競(jìng)品間的差異點(diǎn),以及自身產(chǎn)品的優(yōu)缺點(diǎn),接下來就需要匯集整理輸出,此時(shí)的結(jié)論應(yīng)當(dāng)對(duì)業(yè)務(wù)目標(biāo)具有建設(shè)意義,避免落不到實(shí)地的內(nèi)容
2. 交互設(shè)計(jì)
(1)目標(biāo)梳理
我們接收到來自產(chǎn)品的需求后需要對(duì)需求的目標(biāo)進(jìn)行拆解,確定這些需求對(duì)應(yīng)的數(shù)據(jù)指標(biāo)是什么,如何利用產(chǎn)品的需求轉(zhuǎn)化為設(shè)計(jì)所能產(chǎn)出的具體內(nèi)容。例如產(chǎn)品方的需求是讓用戶通過首頁(yè)進(jìn)行注冊(cè),并收集相關(guān)信息,對(duì)于設(shè)計(jì)師來說則要梳理為幫助用戶快速注冊(cè),注冊(cè)流程盡可能流程等設(shè)計(jì)可量化的內(nèi)容。
(2)流程解構(gòu)
對(duì)于一些涉及到關(guān)鍵用戶的產(chǎn)品需求,交互設(shè)計(jì)師也會(huì)進(jìn)行用戶研究,分析關(guān)鍵用戶行為信息,以及用戶調(diào)研等對(duì)于后續(xù)的交互設(shè)計(jì)都有切實(shí)的幫助。用戶的行為是什么樣?用戶使用前中后在思考什么?用戶的使用預(yù)期目標(biāo)是什么?交互設(shè)計(jì)并非憑空猜測(cè),交互設(shè)計(jì)師需要通過以目標(biāo)為導(dǎo)向的方式進(jìn)行設(shè)計(jì)研究,結(jié)合上步中發(fā)現(xiàn)/評(píng)估需求我們定義項(xiàng)目目標(biāo),可以采用定性與定量方式進(jìn)行。
【設(shè)計(jì)目標(biāo)】
設(shè)計(jì)目標(biāo)將會(huì)是貫穿我們后續(xù)研究和設(shè)計(jì)的目標(biāo),這個(gè)目標(biāo)需要包含來自產(chǎn)品的業(yè)務(wù)目標(biāo),也包含來自用戶的使用目標(biāo)。例如產(chǎn)品的目標(biāo)是讓用戶進(jìn)行注冊(cè)管理信息,用戶的使用目標(biāo)是能快速找到注冊(cè)入口并完成注冊(cè),結(jié)合兩點(diǎn)設(shè)計(jì)的目標(biāo)可以拆解為吸引用戶注冊(cè),提升注冊(cè)效率,縮短注冊(cè)流程等。
【用戶研究】
針對(duì)用戶研究我們要確定設(shè)計(jì)方案,篩選出關(guān)鍵用戶,進(jìn)行用戶群體分析,同時(shí)我們可以根據(jù)收集到的數(shù)據(jù)信息繪制用戶畫像,簡(jiǎn)單的用戶畫像包含用戶基礎(chǔ)信息,使用場(chǎng)景,使用目標(biāo),使用需求及動(dòng)機(jī)等。
進(jìn)行用戶研究可以幫助交互設(shè)計(jì)師理解當(dāng)前的產(chǎn)品架構(gòu)是否滿足用戶的需要,分析用戶是如何理解產(chǎn)品的,同時(shí)在分析流程時(shí)可以帶入用戶信息,研究產(chǎn)品的易用性,對(duì)于企業(yè)來說,當(dāng)產(chǎn)品需求與用戶價(jià)值極度匹配時(shí),商業(yè)價(jià)值也會(huì)能發(fā)揮到最大,提升商業(yè)價(jià)值。
【用戶體驗(yàn)地圖】
作用:用戶是如何使用產(chǎn)品的呢?用戶使用產(chǎn)品是什么樣的情緒呢?在使用產(chǎn)品過程中會(huì)遇到哪些問題呢?想要了解這些問題可以從繪制用戶體驗(yàn)地圖開始。
用戶體驗(yàn)地圖可以幫助交互設(shè)計(jì)師了解用戶是如何與產(chǎn)品進(jìn)行交互操作的,是一種展示用戶使用產(chǎn)品時(shí)為某個(gè)目標(biāo)而經(jīng)歷的過程的可視化表達(dá)。同時(shí)可以直觀的展示用戶體驗(yàn)痛點(diǎn),發(fā)現(xiàn)產(chǎn)品機(jī)會(huì)點(diǎn)以及預(yù)測(cè)未來可能會(huì)出現(xiàn)的問題。
一張完整的用戶體驗(yàn)地圖應(yīng)該包含用戶角色,行為階段,用戶行為,承載媒介,用戶情緒,用戶痛點(diǎn),潛在機(jī)會(huì)等內(nèi)容。
值得注意的是,用戶體驗(yàn)地圖也具有時(shí)效性,交互設(shè)計(jì)師也需要根據(jù)業(yè)務(wù)和任務(wù)流程的調(diào)整來更新體驗(yàn)地圖。也不可以根據(jù)個(gè)人的臆想來定位用戶的想法,整個(gè)研究的過程是為了更好的滿足用戶體驗(yàn)得出具有指導(dǎo)性的意見和結(jié)論,不要為了研究而研究哦~
【設(shè)計(jì)原則】
我們確定了設(shè)計(jì)目標(biāo),了解了用戶行為路徑,如何設(shè)計(jì)好適合用戶產(chǎn)品還需要掌握一些設(shè)計(jì)原則也就是設(shè)計(jì)理論,這些原則可以幫助我們?cè)O(shè)計(jì)出更完善更貼合使用規(guī)范的頁(yè)面,并進(jìn)行盧理論支撐。掌握原則并非處處使用,選擇適合的內(nèi)容,設(shè)計(jì)時(shí)可靈活運(yùn)用。
【桌面研究】
桌面研究相比較用戶訪談,可用性測(cè)試會(huì)直白一些,通過互聯(lián)網(wǎng)平臺(tái),書籍資料等尋找相關(guān)信息,以幫助我們更好的分析需求背景,發(fā)現(xiàn)產(chǎn)品改版點(diǎn)。桌面研究研究成本較低,可以獲取多個(gè)方向的數(shù)據(jù)資料,但因?yàn)榫W(wǎng)絡(luò)和書籍信息可能存在滯后性,時(shí)效性較差。
(3)繪制原型/交互文檔
了解了關(guān)鍵用戶信息,交互設(shè)計(jì)師在這一步會(huì)梳理產(chǎn)品任務(wù)流程圖、產(chǎn)品結(jié)構(gòu)圖,以進(jìn)行管理信息和組織信息,為方便繪制原型圖,同時(shí)也要輸出交互設(shè)計(jì)最重要的交互文檔。
【任務(wù)流程圖】
任務(wù)流程圖是為了一個(gè)明確的目標(biāo)而進(jìn)行有特定邏輯關(guān)系的步驟,主要梳理任務(wù)流程,確定使用規(guī)范和表述規(guī)范,可以描述用戶在使用產(chǎn)品中從開始到結(jié)束時(shí)的操作流程,有時(shí)也會(huì)包含多個(gè)操作用戶,清晰明了的任務(wù)流程圖可以細(xì)致的展示用戶所需要面臨的每一個(gè)情況和關(guān)鍵點(diǎn),這樣可以幫助交互設(shè)計(jì)師更好的帶入角色,保證任務(wù)流程邏輯的暢通。
單方向的任務(wù)流程,例如用戶掃碼支付,用戶需要從打開APP,到完成支付一步一步流程進(jìn)行,不可以跳過。
【信息結(jié)構(gòu)圖】
而信息結(jié)構(gòu)圖是梳理產(chǎn)品的信息框架,對(duì)于復(fù)雜的業(yè)務(wù)梳理信息結(jié)構(gòu)圖有助于幫助設(shè)計(jì)師理解產(chǎn)品,根據(jù)不同的產(chǎn)品類型設(shè)計(jì)不同的信息架構(gòu),有的輻射信息點(diǎn)范圍較廣,有的會(huì)涉及到較深的信息點(diǎn)。常用的分類結(jié)構(gòu)是線性結(jié)構(gòu) ,是一種 ,此外還有層級(jí)結(jié)構(gòu),自然結(jié)構(gòu),矩形結(jié)構(gòu)等。
【產(chǎn)品原型圖】
梳理出任務(wù)流程圖及產(chǎn)品結(jié)構(gòu)圖后,就到了交互設(shè)計(jì)師的主要工作部分,繪制交互原型圖,交互原型圖的作用主要是快速還原原稿的實(shí)物特征,進(jìn)行模擬實(shí)驗(yàn),用來降低時(shí)間和開發(fā)成本,是對(duì)用戶使用流程模擬,一般以低保真原型為主,主要是為了表達(dá)理念,以節(jié)約時(shí)間成本,這一環(huán)節(jié)中邏輯很重要。要保證任務(wù)流程的完整度,減少頁(yè)面內(nèi)的信息缺失。因?yàn)橹皇潜硎鲰?yè)面之間的流轉(zhuǎn),十分便于調(diào)整和修改,可以根據(jù)項(xiàng)目需求及時(shí)響應(yīng)。
產(chǎn)品原型圖需要基于流程圖繪制,根據(jù)已有的頁(yè)面布局,確定模塊間合適的關(guān)系,包含什么承載方式,大小,控件的各種狀態(tài)等,同時(shí)也要注意內(nèi)容的整體邏輯性,符合可用性原則。
【交互文檔】
交互設(shè)計(jì)文檔包含項(xiàng)目基本信息及之前對(duì)需求的各項(xiàng)研究和結(jié)論,能夠在部門間進(jìn)行高效處理問題,完整的交互文檔有利于部門間的分工協(xié)作,有助于信息記錄,交互文檔應(yīng)當(dāng)盡可能全面,細(xì)節(jié)到功能的不同狀態(tài)及異常態(tài)處理,同時(shí)保持內(nèi)容簡(jiǎn)潔,清晰直觀是文檔的基礎(chǔ)要求。
(4)交互評(píng)審
經(jīng)過一輪的需求分析及產(chǎn)品梳理,我們手上設(shè)計(jì)產(chǎn)物已經(jīng)有:需求分析報(bào)告,用戶研究信息,用戶畫像,用戶體驗(yàn)地圖,任務(wù)流程圖 ,產(chǎn)品結(jié)構(gòu)圖,交互原型圖,交互說明文檔,同時(shí)在設(shè)計(jì)中還可能設(shè)計(jì)核心功能分析,線框草圖等等。為了評(píng)估整個(gè)流程的專業(yè)性,就需要進(jìn)行專家評(píng)審,以確定最終的設(shè)計(jì)方向。
在這一環(huán)節(jié),交互設(shè)計(jì)師需要將整體的設(shè)計(jì)思路,通過講解,分享等方式呈現(xiàn)給聽眾??梢圆捎肞PT,PDF等方式進(jìn)行。
3. 視覺設(shè)計(jì)
產(chǎn)出視覺/設(shè)計(jì)評(píng)審:
這一階段主要由視覺設(shè)計(jì)師進(jìn)行頁(yè)面繪制,覺設(shè)計(jì)師前期需要分析競(jìng)品等確定頁(yè)面色彩,模塊對(duì)應(yīng)位置關(guān)系,圖標(biāo)大小等,了解用戶交互行為,并輸出視覺規(guī)范,保證在不同頁(yè)面間保持相同的效果。
當(dāng)視覺設(shè)計(jì)師繪制完成頁(yè)面后,需要進(jìn)行設(shè)計(jì)評(píng)審,視覺評(píng)審需求確定視覺調(diào)性及風(fēng)格是否一致,設(shè)計(jì)語(yǔ)言是否統(tǒng)一,是否完成了設(shè)計(jì)目標(biāo)等問題。
4. 設(shè)計(jì)跟進(jìn)
設(shè)計(jì)交付:
頁(yè)面設(shè)計(jì)完成后,需要由設(shè)計(jì)師切圖交付給到程序員進(jìn)行頁(yè)面開發(fā),需要包含頁(yè)面切圖,設(shè)計(jì)文檔等。也可以對(duì)需要研究的數(shù)據(jù)進(jìn)行數(shù)據(jù)埋點(diǎn),以驗(yàn)證設(shè)計(jì)效果。
5. 復(fù)盤總結(jié)
上線測(cè)試/持續(xù)跟蹤:
經(jīng)過專家評(píng)審的溝通評(píng)定,就可以進(jìn)入測(cè)試環(huán)節(jié),此時(shí)交互設(shè)計(jì)師則需要根據(jù)上線測(cè)試的結(jié)果進(jìn)行分析,查看那些調(diào)整是成功的,那些問題是遺漏的,根據(jù)測(cè)試實(shí)驗(yàn)的分析在上線前進(jìn)行嚴(yán)格的調(diào)整,以確保項(xiàng)目的順利進(jìn)行。
五、寫在最后
由于篇幅有限,完整的交互設(shè)計(jì)流程沒有全部展開,只是描述了交互崗位的大綱與框架,想要深入學(xué)習(xí)交互設(shè)計(jì)還應(yīng)多看相關(guān)文章及書籍,同時(shí)進(jìn)行相關(guān)實(shí)踐體驗(yàn),學(xué)習(xí)更多的交互設(shè)計(jì)方法論充實(shí)自己。在這個(gè)信息更新之快的時(shí)代,交互設(shè)計(jì)師也應(yīng)該及時(shí)更新自己的知識(shí)庫(kù),緊跟交互設(shè)計(jì)趨勢(shì),培養(yǎng)優(yōu)秀的設(shè)計(jì)思維及方法,向一個(gè)優(yōu)秀的交互設(shè)計(jì)師邁進(jìn)。
本文由郝小七指導(dǎo)http://www.aharts.cn/u/917803
參考文獻(xiàn):
- 《交互設(shè)計(jì)精髓》
- 《交互設(shè)計(jì)指南》
本文由@羅杰的設(shè)計(jì)筆記 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來自Unsplash,基于CC0協(xié)議。
??
感謝7濕兄支持!
又學(xué)到了新的崗位,雖然我不是交互設(shè)計(jì)師,但還是給看完了
多謝姿琦支持!