一歲交互設(shè)計(jì)師的經(jīng)驗(yàn)總結(jié)

11 評(píng)論 2800 瀏覽 52 收藏 16 分鐘

本文作者身為交互設(shè)計(jì)新人,在一年之際,總結(jié)自己的工作經(jīng)歷,希望能夠給小伙伴一點(diǎn)啟發(fā)。

做交互設(shè)計(jì)師已經(jīng)一年多了,在項(xiàng)目開(kāi)發(fā)過(guò)程中,自己踩過(guò)不少坑,也向前輩們學(xué)過(guò)不少方法論?,F(xiàn)在想基于自己的項(xiàng)目經(jīng)歷,拆解一下交互設(shè)計(jì)師的日常工作流程和注意事項(xiàng)。希望能給剛剛?cè)胄械脑O(shè)計(jì)師小萌新們一點(diǎn)點(diǎn)來(lái)自過(guò)來(lái)人的啟發(fā)。

一、需求獲取

1. 需求分為幾類(lèi)?

需求一般由產(chǎn)品經(jīng)理提出,產(chǎn)品經(jīng)理會(huì)根據(jù)產(chǎn)品現(xiàn)階段發(fā)展策略,結(jié)合市場(chǎng)調(diào)研、用戶(hù)反饋等相關(guān)信息,制定項(xiàng)目需求,并輸出需求文檔。

需求一般分為三類(lèi):全新產(chǎn)品,新功能,已有功能優(yōu)化。全新產(chǎn)品一般會(huì)交給有一定經(jīng)驗(yàn)的中、高級(jí)設(shè)計(jì)師完成。新人交互設(shè)計(jì)師遇到的更多的會(huì)是新功能和對(duì)已有功能的優(yōu)化。

這兩類(lèi)需求,往往團(tuán)隊(duì)內(nèi)部對(duì)用戶(hù)、業(yè)務(wù)有一定共識(shí)。產(chǎn)品給出的需求文檔也相對(duì)詳細(xì)(即使不詳細(xì),團(tuán)隊(duì)內(nèi)部的信息資源也相對(duì)充分)。

新人交互設(shè)計(jì)師更多的需要了解需求的相關(guān)背景,明確需求的“業(yè)務(wù)目標(biāo)”、“用戶(hù)目標(biāo)”,在和產(chǎn)品經(jīng)理達(dá)成共識(shí)以后,提出更適合、更具投入產(chǎn)出比的方案。

2. 需求文檔是什么?

對(duì)于新人交互設(shè)計(jì)師,讀懂產(chǎn)品的需求文檔是第一件要事。其實(shí)說(shuō)人話(huà),產(chǎn)品的需求文檔的核心就是三個(gè)點(diǎn):為什么要做這件事,怎么做這件事,做了之后會(huì)有什么效果。

一份需求文檔通常由以下六個(gè)部分構(gòu)成:

1)功能背景

產(chǎn)品經(jīng)理會(huì)描述相關(guān)使用場(chǎng)景,結(jié)合真實(shí)的用戶(hù)數(shù)據(jù),反應(yīng)用戶(hù)現(xiàn)在遇到了什么問(wèn)題。并從用戶(hù)和業(yè)務(wù)兩個(gè)角度,說(shuō)明目前為什么要解決這個(gè)問(wèn)題,以及解決之后會(huì)帶來(lái)什么好處。

2)需求列表

產(chǎn)品經(jīng)理會(huì)描述怎么解決這個(gè)問(wèn)題,具體要做哪些功能,各功能的優(yōu)先級(jí)是怎樣的,是否要分階段開(kāi)發(fā)?

3)數(shù)據(jù)定義(選填)

如后臺(tái)類(lèi)的數(shù)據(jù)型產(chǎn)品往往需要由產(chǎn)品定義相關(guān)數(shù)據(jù)規(guī)則。

4)原型圖(選填)

為了讓相關(guān)方更好的了解需求,產(chǎn)品經(jīng)理有時(shí)會(huì)給出原型圖。

但對(duì)于新人交互設(shè)計(jì)師來(lái)說(shuō),這類(lèi)原型圖往往具有迷惑性,不能解決用戶(hù)實(shí)際問(wèn)題。一定要透過(guò)原型看本質(zhì),發(fā)現(xiàn)產(chǎn)品想解決的核心問(wèn)題。

5)考核指標(biāo)

通常由一到兩個(gè)核心指標(biāo)構(gòu)成,用于功能上線(xiàn)后,驗(yàn)證實(shí)際的收益。這類(lèi)考核指標(biāo)其實(shí)也可以輔助新人設(shè)計(jì)師制定設(shè)計(jì)目標(biāo),衡量自己設(shè)計(jì)正確與否。

6)變更項(xiàng)記錄

在輸出需求文檔后,會(huì)因?yàn)楦鞣N原因?qū)е滦枨笞兏?,產(chǎn)品經(jīng)理或會(huì)及時(shí)通知相關(guān)方,同時(shí)將變更項(xiàng)記錄在需求文檔上,方便后期回溯。

3. 怎么做需求分析?

不同的產(chǎn)品經(jīng)理寫(xiě)出的需求文檔風(fēng)格迥異(qianqibaiguai)。做好需求分析,有助于交互設(shè)計(jì)師找到核心問(wèn)題,一次把事情做對(duì)。同時(shí)明確設(shè)計(jì)定位和思路,讓一切設(shè)計(jì)都有據(jù)可依。

通常拿到一個(gè)需求,可以按照業(yè)務(wù)需求、用戶(hù)需求、用戶(hù)體驗(yàn)路徑三個(gè)層次進(jìn)行分析,最后的設(shè)計(jì)定位和設(shè)計(jì)策略就是需求分析的結(jié)論。

二、交互初稿

做完需求分析以后,可以帶著問(wèn)題和結(jié)論找產(chǎn)品經(jīng)理溝通,跟產(chǎn)品做一次目標(biāo)對(duì)齊,這種有的放矢的討論往往更有效率,也會(huì)增加產(chǎn)品經(jīng)理對(duì)你的信任感。

在確定了設(shè)計(jì)目標(biāo)之后,就可以開(kāi)始定框架了。需要構(gòu)建用戶(hù)的使用流程,設(shè)計(jì)用戶(hù)如何一步一步完成任務(wù)。不用具體到交互細(xì)節(jié),但是需要把整個(gè)任務(wù)中涉及到的頁(yè)面串起來(lái)。輸入頁(yè)面流程圖。之后就可以找開(kāi)發(fā)負(fù)責(zé)人,確定技術(shù)的可行性。

交互設(shè)計(jì)師很容易遇到的問(wèn)題就是不懂開(kāi)發(fā)邏輯,設(shè)計(jì)了一些開(kāi)發(fā)難以實(shí)現(xiàn)的方案,然后反復(fù)改稿。跟開(kāi)發(fā)負(fù)責(zé)人對(duì)接的目的就是:幫助你了解相關(guān)技術(shù)實(shí)現(xiàn),并讓相關(guān)方從技術(shù)的層面上提前幫你過(guò)濾重大問(wèn)題。

當(dāng)確認(rèn)技術(shù)可行性之后,再去補(bǔ)充交互細(xì)節(jié),之后及時(shí)還會(huì)有技術(shù)問(wèn)題,都不會(huì)涉及大框架的改動(dòng),對(duì)于交互稿的修改程度也能降到最低。

在內(nèi)審之前,交互設(shè)計(jì)師需要提前輸出交互方案,交互方案包括 :需求分析、信息架構(gòu)、流程圖、交互邏輯。然后就可以提前通知相關(guān)方參加內(nèi)審。

三、交互內(nèi)審

交互內(nèi)審的評(píng)審團(tuán)成員由項(xiàng)目對(duì)應(yīng)的產(chǎn)品經(jīng)理、視覺(jué)設(shè)計(jì)師,以及團(tuán)隊(duì)內(nèi)其他交互設(shè)計(jì)師構(gòu)成。

1. 為什么要交互內(nèi)審

交互內(nèi)審的目的是內(nèi)部過(guò)濾與需求不符、用戶(hù)體驗(yàn)問(wèn)題:

  • 從個(gè)人來(lái)看,有助于把控設(shè)計(jì)輸出質(zhì)量。
  • 從團(tuán)隊(duì)來(lái)看,有利于提升整個(gè)設(shè)計(jì)團(tuán)隊(duì)的設(shè)計(jì)質(zhì)量,提升產(chǎn)品競(jìng)爭(zhēng)力。
  • 對(duì)于新人設(shè)計(jì)師來(lái)說(shuō),無(wú)論是自己還是其他人的交互內(nèi)審,都是一個(gè)很好的學(xué)習(xí)和驗(yàn)證的機(jī)會(huì)。

2.交互內(nèi)審流程

1)評(píng)審前

需要提前通知評(píng)審團(tuán)成員,評(píng)審團(tuán)成員需要提前閱讀交互稿,記錄問(wèn)題。

2)評(píng)審中

評(píng)審人要先告知評(píng)審范圍,有邏輯的展示功能,同時(shí)在現(xiàn)場(chǎng)控場(chǎng),收攏意見(jiàn),定奪分歧。評(píng)審團(tuán)需要保持專(zhuān)注,檢查用戶(hù)需求、業(yè)務(wù)邏輯的合理性以及用戶(hù)體驗(yàn)。同時(shí)給出優(yōu)化方向。

3)評(píng)審后

評(píng)審人將本次評(píng)審中遇到的問(wèn)題進(jìn)行整理,公示,然后根據(jù)優(yōu)化意見(jiàn)對(duì)交互稿進(jìn)行修改。改動(dòng)大時(shí)有必要發(fā)起二次評(píng)審,修改完成后,需要再次同步給評(píng)審團(tuán)。

內(nèi)審?fù)瓿珊?,就可以組織一波交互外審了。

四、 交互外審

1. 交互外審目的

交互外審的評(píng)審團(tuán)成員由對(duì)應(yīng)開(kāi)發(fā)、視覺(jué)、產(chǎn)品、測(cè)試構(gòu)成。

交互外審的目的是敲定最終方案。

2. 交互外審流程

1)外審前

找對(duì)應(yīng)開(kāi)發(fā)人員提前過(guò)稿,過(guò)濾技術(shù)問(wèn)題。

提前 1 天,發(fā)送郵件給相關(guān)方負(fù)責(zé)人

2)外審中

  1. 產(chǎn)品進(jìn)行需求背景同步;
  2. 交互先講解主流程;
  3. 交互再講解具體交互細(xì)節(jié);
  4. 相關(guān)方提問(wèn),討論;
  5. 交互記錄會(huì)上問(wèn)題:有結(jié)論的,當(dāng)場(chǎng)達(dá)成共識(shí);沒(méi)有結(jié)論的,會(huì)后相關(guān)方再討論。

3)外審后

整理評(píng)審建議,處理爭(zhēng)議問(wèn)題,最終輸出交互文檔,同步相關(guān)方。

3. 交互外審注意事項(xiàng)

1)提案形式

本次評(píng)審面向的核心對(duì)象是開(kāi)發(fā)人員。

為了幫助開(kāi)發(fā)人員快速帶入場(chǎng)景,除了完整的交互文檔以外,可以使用PPT、axure、墨刀等工具快速搭建一個(gè)可交互的產(chǎn)品簡(jiǎn)單原型。先演示完整流程,再講交互細(xì)節(jié),可以極大的提升評(píng)審效率,增強(qiáng)相關(guān)方信任度。

2)提案心態(tài)

外審過(guò)程中,一定要注意控制心態(tài),因?yàn)殚_(kāi)發(fā)是利益相關(guān)方,為了更好的完成工作。他們可能會(huì)盡可能選擇簡(jiǎn)單好實(shí)現(xiàn)的交互方案,并對(duì)實(shí)現(xiàn)復(fù)雜的交互功能產(chǎn)生質(zhì)疑。此時(shí),你需要對(duì)自己的交互方案有充分理解,實(shí)現(xiàn)復(fù)雜的交互功能一定要有不得不做的理由。

同時(shí),在評(píng)審前,自己也要給交互方案中的各個(gè)功能制定優(yōu)先級(jí),抓大放小;充分考慮投入產(chǎn)出比,用最優(yōu)的方式實(shí)現(xiàn)產(chǎn)品目標(biāo)。

五、 交互輸出

在輸出交互文檔的時(shí)候,需要注意以下問(wèn)題:

1. 正確性

交互內(nèi)審和外審都是在短時(shí)間內(nèi)完成的,評(píng)審團(tuán)對(duì)交互方案的了解程度有限,交互設(shè)計(jì)師本身應(yīng)該有一張自查表。對(duì)照檢查,再次發(fā)現(xiàn)問(wèn)題。自查表的參考維度可以參照尼爾森用戶(hù)體驗(yàn)法則。

2. 完整度

交互文檔對(duì)于開(kāi)發(fā)和測(cè)試的同學(xué)來(lái)說(shuō),都是理解業(yè)務(wù)的主要途徑。因此,文檔需要包括主流程和分支流程、異常流程。其中分支流程和異常流程容易被遺漏,因此在輸出前應(yīng)該盡量補(bǔ)全。

對(duì)于一些極為邊界的場(chǎng)景(只有開(kāi)發(fā)和測(cè)試過(guò)程中才被發(fā)現(xiàn)),后期可以通過(guò)變更項(xiàng)的形式補(bǔ)充在交互文檔里。

3. 可讀性

除了功能上線(xiàn)后面對(duì)的真實(shí)用戶(hù)之外,相關(guān)方其實(shí)也是我們的用戶(hù)。因此使用統(tǒng)一的設(shè)計(jì)語(yǔ)言,遵循統(tǒng)一的標(biāo)注規(guī)范,可以極大程度的提升相關(guān)方的閱讀效率。

六、 跟進(jìn)

當(dāng)交互文檔輸出之后,在視覺(jué)、開(kāi)發(fā)實(shí)現(xiàn)過(guò)程中,可能因?yàn)樾枨笞兏⒓夹g(shù)問(wèn)題、方案優(yōu)化等原因,導(dǎo)致交互方案需要調(diào)整。

交互設(shè)計(jì)師要在交互文檔中頁(yè)記錄變更項(xiàng)并同步給產(chǎn)品、視覺(jué)、開(kāi)發(fā)、測(cè)試。變更項(xiàng)紀(jì)錄包括以下幾個(gè)項(xiàng)目:變更時(shí)間、變更前,變更后、變更人、相關(guān)方、備注。

七、驗(yàn)收

開(kāi)發(fā)完成后,開(kāi)發(fā)人員會(huì)根據(jù)交互稿進(jìn)行一輪自測(cè)。之后,會(huì)在項(xiàng)目送測(cè)前,會(huì)組織交互、視覺(jué)、產(chǎn)品進(jìn)行驗(yàn)收。

交互設(shè)計(jì)師需按照交互稿仔細(xì)檢查開(kāi)發(fā)的實(shí)現(xiàn)是否與交互稿一致,及時(shí)記錄驗(yàn)收問(wèn)題,區(qū)分優(yōu)先級(jí),并同步給相關(guān)開(kāi)發(fā)。

驗(yàn)收問(wèn)題分為3個(gè)等級(jí):

  • P0 功能主流程問(wèn)題,直接影響用戶(hù)完成核心任務(wù)。A1送測(cè)之前必須解決。
  • P1 功能非主流程問(wèn)題,A2送測(cè)前必須解決。
  • P2 視覺(jué)樣式,交互優(yōu)化問(wèn)題,可以考慮下期優(yōu)化。

八、上線(xiàn)跟蹤

上線(xiàn)后,交互設(shè)計(jì)師需要整理本次項(xiàng)目中未解決的問(wèn)題,納入需求池。

通過(guò) Friday 、用戶(hù)反饋等多種渠道研究用戶(hù)數(shù)據(jù),針對(duì)核心問(wèn)題建立轉(zhuǎn)化率漏斗,進(jìn)而驗(yàn)證自己設(shè)計(jì)方案的正確與否。

一些日常心得

作為一個(gè)交互設(shè)計(jì)師,每天面臨這樣的難題:要在規(guī)定時(shí)間內(nèi),用最優(yōu)的方式達(dá)成目標(biāo)。

在我的認(rèn)知里,一個(gè)好的交互設(shè)計(jì)師,核心能力主要有3個(gè):結(jié)構(gòu)化思考、同理心、解決問(wèn)題的積極心態(tài)。

結(jié)構(gòu)化思考是基于分析能力,面對(duì)復(fù)雜的需求環(huán)境,迅速歸納整理信息,找出核心問(wèn)題和解決方案。

同理心是基于業(yè)務(wù)能力,能夠站在用戶(hù)的角度上,發(fā)現(xiàn)用戶(hù)體驗(yàn)路徑中的核心問(wèn)題,為用戶(hù)創(chuàng)造動(dòng)機(jī)、排除擔(dān)憂(yōu),解決障礙。

同理心和結(jié)構(gòu)化思考力,都需要時(shí)間和經(jīng)驗(yàn)的積累。而解決問(wèn)題的積極心態(tài),是一個(gè)交互設(shè)計(jì)師新人一開(kāi)始就應(yīng)該養(yǎng)成的職業(yè)精神。

由于交互設(shè)計(jì)涉及的相關(guān)方太廣泛,新人交互設(shè)計(jì)師在工作中往往會(huì)遭遇來(lái)自相關(guān)方的各種質(zhì)疑。

產(chǎn)品會(huì)質(zhì)疑你沒(méi)有滿(mǎn)足需求,視覺(jué)會(huì)質(zhì)疑你的方案影響了視覺(jué)的發(fā)揮,開(kāi)發(fā)會(huì)質(zhì)疑你的方案投入產(chǎn)出比低,測(cè)試會(huì)質(zhì)疑你的交互文檔不夠完整,沒(méi)有覆蓋測(cè)試用例的所有場(chǎng)景……

剛?cè)胄械脑O(shè)計(jì)師有時(shí)會(huì)有這樣的心態(tài),過(guò)分綁定自己和自己的作品。在評(píng)審過(guò)程中,一旦遭受了質(zhì)疑,就會(huì)把這種質(zhì)疑當(dāng)做相關(guān)方的對(duì)自己的不認(rèn)可,然后心態(tài)爆炸,大家各持己見(jiàn),使評(píng)審一度僵持。

作為評(píng)審的發(fā)起人,交互設(shè)計(jì)師在評(píng)審過(guò)程中,應(yīng)該保持第三者的客觀態(tài)度。把交互文檔看成是其他人的輸出,而自己和相關(guān)方都是評(píng)審團(tuán),評(píng)審的目的是為了找到應(yīng)該投入產(chǎn)品比更高的解決方案。

抱持這樣的態(tài)度,新人設(shè)計(jì)師能夠獲得更寬廣的視野,快速成長(zhǎng),同時(shí)也有利于培養(yǎng)與相關(guān)方之間的信任感,這種信任感能幫助設(shè)計(jì)師快速融入團(tuán)隊(duì),方便日后工作的開(kāi)展。

以上就是我一年多以來(lái)的心得體會(huì),希望和志同道合的小伙伴們一起深入交流,共同成長(zhǎng)。

 

作者:三余,三分之一的交互設(shè)計(jì)師,三分之一的攝影師,還有三分之一的廚子~

本文由 @三余 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載

題圖來(lái)自Unsplash,基于CC0協(xié)議

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 贊,學(xué)習(xí)~

    來(lái)自江蘇 回復(fù)
  2. 請(qǐng)問(wèn)交互設(shè)計(jì)師畫(huà)的原型和產(chǎn)品經(jīng)理畫(huà)的原型有什么區(qū)別呀

    回復(fù)
  3. 流程、方法很詳細(xì),值得學(xué)習(xí)~已收藏
    一年交互經(jīng)驗(yàn)?zāi)茏龀蛇@樣很不錯(cuò)了,而且還能自己輸出優(yōu)質(zhì)的總結(jié)。

    回復(fù)
    1. 謝謝鼓勵(lì)~我也在努力學(xué)習(xí)中,把自己的日??偨Y(jié)發(fā)出來(lái),和大家一起交流學(xué)習(xí)。

      來(lái)自廣東 回復(fù)
  4. 很詳細(xì),很具體,作為新手,可參考性很大;

    來(lái)自北京 回復(fù)
    1. 謝謝鼓勵(lì),其中有些環(huán)節(jié)還可以再詳細(xì),之后我會(huì)持續(xù)輸出總結(jié),和大家交流學(xué)習(xí)。

      來(lái)自廣東 回復(fù)
  5. 挺好的,加油

    來(lái)自江蘇 回復(fù)
    1. 謝謝~我會(huì)繼續(xù)努力的~

      來(lái)自廣東 回復(fù)
  6. 學(xué)習(xí)了 請(qǐng)問(wèn)評(píng)審團(tuán)跟焦點(diǎn)小組差不多嗎?

    來(lái)自廣東 回復(fù)
    1. 你好,還是有很大區(qū)別哈。

      焦點(diǎn)小組 的參與者是 產(chǎn)品的潛在/目標(biāo)用戶(hù)。
      在需求分析階段進(jìn)行,目的是了解產(chǎn)品的目標(biāo)用戶(hù)群體,獲得用戶(hù)對(duì)產(chǎn)品需求或功能等相關(guān)問(wèn)題的反饋。

      內(nèi)審評(píng)審團(tuán)的參與者是 團(tuán)隊(duì)內(nèi)其他交互設(shè)計(jì)師。
      在設(shè)計(jì)輸出階段進(jìn)行,目的是團(tuán)隊(duì)內(nèi)部提前對(duì)設(shè)計(jì)方案的進(jìn)行問(wèn)題過(guò)濾。

      外審評(píng)審團(tuán)的參與者是 項(xiàng)目組內(nèi)的產(chǎn)品、視覺(jué)、開(kāi)發(fā)、測(cè)試。
      在內(nèi)審?fù)瓿珊筮M(jìn)行,目的是相關(guān)方對(duì)設(shè)計(jì)方案進(jìn)行最終確認(rèn)。

      來(lái)自廣東 回復(fù)
    2. 很詳細(xì) 謝謝!

      來(lái)自廣東 回復(fù)