17年5月份之前公司沒有獨(dú)立的交互團(tuán)隊(duì),交互設(shè)計(jì)師隸屬于UI經(jīng)理管理。交互在整個(gè)項(xiàng)目流程中職責(zé)不清,導(dǎo)致工作中存在很多問題,比如缺乏交互統(tǒng)一審稿人;交互設(shè)計(jì)師”各自單干“沒有統(tǒng)一的交互規(guī)范;在上下游團(tuán)隊(duì)中缺乏話語權(quán);在項(xiàng)目需求中往往無法發(fā)揮交互的最大職能。5月份公司有短暫招進(jìn)一名交互經(jīng)理,但僅僅一個(gè)月后就離職,交互團(tuán)隊(duì)又變成無leader狀態(tài)。6月份老板找我談話,想讓我來擔(dān)任交互team leader一職,這是對(duì)我工作一年以來的認(rèn)可和信任,內(nèi)心也很想挑戰(zhàn)一下自己,看自己能否帶好一個(gè)團(tuán)隊(duì),所以心存感激且忐忑地答應(yīng)下來。
這半年來,在團(tuán)隊(duì)里所有小伙伴的共同努力,通過團(tuán)隊(duì)自我完善、建立交互機(jī)制、規(guī)范等工作,提升了交互團(tuán)隊(duì)的專業(yè)影響,得到了兄弟業(yè)務(wù)團(tuán)隊(duì)的信任和配合。通過這篇文章,想對(duì)這半年內(nèi)自己的工作做一個(gè)總結(jié),也針對(duì)交互團(tuán)隊(duì)管理方面發(fā)表一點(diǎn)自己的想法。
一、梳理工作流程,明確職能
接手團(tuán)隊(duì)后,首先明確了交互在整個(gè)項(xiàng)目各個(gè)階段中的應(yīng)該做的工作,提高交互在項(xiàng)目中的參與度,要求設(shè)計(jì)師深入了解項(xiàng)目的前、中、后期,理解產(chǎn)品經(jīng)理的商業(yè)目標(biāo)和業(yè)務(wù)訴求,然后從用戶的角度出發(fā),幫助產(chǎn)品梳理業(yè)務(wù)邏輯,將抽象的需求轉(zhuǎn)化為具體的解決方案,且圍繞產(chǎn)品的轉(zhuǎn)化率、跳出率等方面運(yùn)營(yíng)指標(biāo)提供交互解決方案,協(xié)助產(chǎn)品實(shí)現(xiàn)目標(biāo)。如下圖,展示了產(chǎn)品設(shè)計(jì)的五階段及交互在各階段的具體工作要求。
產(chǎn)品設(shè)計(jì)的五個(gè)階段:
另外,團(tuán)隊(duì)中的成員工作經(jīng)驗(yàn)有高有低,并不是所有交互設(shè)計(jì)師在與PM溝通需求時(shí),都能夠很好地理解需求,為此編寫了一份需求問答表,在第2需求階段幫助初級(jí)設(shè)計(jì)師了解需求,而且這份問答表也能很好地反督PM所提的需求清晰明確。
需求問答表:
① 需求是什么、目標(biāo)用戶是誰、入口放在那里?
② 需求給目標(biāo)用戶提供了什么價(jià)值、需求賣點(diǎn)是什么?
③ 該需求能為公司帶來哪些價(jià)值(如流量、毛利等)?
④ 有沒有相關(guān)的歷史版本、歷史數(shù)據(jù)分析?
⑤ 具體的功能細(xì)分是什么?
⑥ 是否有開發(fā)資源、預(yù)計(jì)何時(shí)上線?
⑦ 從哪些維度預(yù)測(cè)上線后效果。
通過規(guī)范工作流程,明確交互在項(xiàng)目流中各個(gè)階段的工作職能,發(fā)揮團(tuán)隊(duì)最大價(jià)值,提高專業(yè)性和話語權(quán);通過需求問答幫助團(tuán)隊(duì)與PM更好地溝通了解需求的目標(biāo)目的,以及背后的用戶需求及業(yè)務(wù)需求分別是什么,從而幫助交互給出更好的體驗(yàn)解決方案。
二、建立規(guī)范管理,確定交互稿規(guī)范
為了保證交互和UI的協(xié)同合作,產(chǎn)品設(shè)計(jì)團(tuán)隊(duì)統(tǒng)一使用sketch作為日常出圖軟件。統(tǒng)一的交互稿輸出規(guī)范,可以起到設(shè)計(jì)呈現(xiàn)統(tǒng)一、方便上下游團(tuán)隊(duì)協(xié)作、設(shè)計(jì)過程記錄、版本管理等幾種作用。在交互稿中,按照規(guī)范注明交互說明和操作方式,幫助與兄弟部門的快速交接,而且也為交互團(tuán)隊(duì)的輸出統(tǒng)一存檔,在后續(xù)改進(jìn)時(shí)也有據(jù)可查。一般交互文檔至少包括以下幾個(gè)部分內(nèi)容:
①封面:用戶記錄需求號(hào)、名稱、類型、需求說明、人員、時(shí)間周期等信息
②產(chǎn)品原型:需求方提供的需求描述、流程圖或原型稿等
③更新日志:記錄交互稿的更改次數(shù)、情況信息,方便他人查看,做好存檔
④交互稿:最終的交互稿主題,一般一張完整的交互稿中包括頁面標(biāo)題、界面標(biāo)題、界面(寬750、根據(jù)需要延伸高度)、設(shè)計(jì)說明(邏輯關(guān)系、狀態(tài)名稱、操作方式等)、流程線、鏈接等。
⑤廢紙簍:存放廢棄的頁面,以防后期用到。
三、建立和維護(hù)設(shè)計(jì)控件庫(kù)
交互設(shè)計(jì)師在做交互稿時(shí),經(jīng)常會(huì)遇到同一個(gè)控件,每次需求都需要重新畫一遍的情況,造成很多“重復(fù)工作”;且團(tuán)隊(duì)中的設(shè)計(jì)師都會(huì)有不同的畫圖習(xí)慣,導(dǎo)致團(tuán)隊(duì)輸出的交互稿中控件樣式不統(tǒng)一,APP內(nèi)部不同頻道、頁面同一種交互形式會(huì)出現(xiàn)多種開發(fā)樣式。針對(duì)這一情況,決定建立一套交互控件庫(kù)用于日常工作。
(1)交互控件庫(kù)的作用:
① 提高設(shè)計(jì)專業(yè)度指導(dǎo)
② 提高工作效率、方便多人合作
③ 保證用戶體驗(yàn)統(tǒng)一、打磨APP細(xì)節(jié)體驗(yàn)
④ 轉(zhuǎn)化成可復(fù)用的開發(fā)控件,節(jié)省開發(fā)周期
(2)交互控件庫(kù)包括哪些內(nèi)容?
交互控件庫(kù)中,按照功能列舉了工作中常見和重要的10類控件:UI基礎(chǔ)、UI欄、按鈕、提示與警告、篩選器、覆蓋層、加載、表單、鍵盤、其他。每類控件中包括具體控件的具體設(shè)計(jì)說明、可視化的樣式、使用場(chǎng)景和條件,方便使用者根據(jù)規(guī)范說明使用合適的控件。
(3)交互控件給誰用?
設(shè)計(jì)團(tuán)隊(duì):
與UI設(shè)計(jì)無縫銜接,完成交互控件后,交付UI團(tuán)隊(duì)進(jìn)行視覺設(shè)計(jì),形成了UI控件庫(kù)。設(shè)計(jì)師做設(shè)計(jì)稿時(shí),可以直接拖拽控件庫(kù)中控件。
研發(fā)團(tuán)隊(duì):
當(dāng)我們完成設(shè)計(jì)控件后,和公司里的研發(fā)團(tuán)隊(duì)對(duì)接后,形成了一套開發(fā)控件,在日常項(xiàng)目中,研發(fā)團(tuán)隊(duì)可直接復(fù)用、組合開發(fā)控件,同時(shí)保證了APP內(nèi)體驗(yàn)的統(tǒng)一性,降低了測(cè)試成本。
產(chǎn)品團(tuán)隊(duì):
同時(shí)我們?yōu)楫a(chǎn)品團(tuán)隊(duì)輸出了一份Axure的控件library,PM可以利用控件生成簡(jiǎn)單的原型稿,避免重復(fù)工作,提高團(tuán)隊(duì)間的溝通效率,而且避免了部分產(chǎn)品不合理的交互樣式要求。
四、建立交互自查表,養(yǎng)成更為縝密的交互思考方式
前三條總結(jié)了如何了解需求、如何輸出規(guī)范化交互稿、如何運(yùn)用交互控件,當(dāng)交互設(shè)計(jì)師按照上述方法完成一個(gè)項(xiàng)目的交互稿后,接下來就要開始針對(duì)看細(xì)節(jié)是否完善,對(duì)特殊狀態(tài)的描述是否有遺漏等進(jìn)行檢查。針對(duì)這一塊工作,建立了一份交互設(shè)計(jì)自查表,幫助團(tuán)隊(duì)設(shè)計(jì)師完成自查工作,也有利于設(shè)計(jì)師通過自我總結(jié),形成更為縝密的思考方式,在今后的項(xiàng)目中,能在設(shè)計(jì)中有意識(shí)地融入這些思考,從而提高設(shè)計(jì)質(zhì)量和速度。
交互自查是一個(gè)交互稿提交前的非常重要的環(huán)節(jié),可以及時(shí)發(fā)現(xiàn)自己的手誤、補(bǔ)全考慮不周的細(xì)節(jié)、發(fā)現(xiàn)異常狀態(tài)遺漏等情況,減少在設(shè)計(jì)評(píng)審和開發(fā)過程中的修改消耗,更是對(duì)交互團(tuán)隊(duì)對(duì)外輸出稿前的一項(xiàng)質(zhì)量把關(guān)。在團(tuán)隊(duì)項(xiàng)目迭代過程中我們也會(huì)根據(jù)情況逐漸完善這份交互自檢稿,通過交互自檢表的推行運(yùn)用,團(tuán)隊(duì)的交互設(shè)計(jì)師在考慮問題時(shí)變得越來越細(xì)致,交互方案也越來越完善,工作效率也得到了提升。
五、積累團(tuán)隊(duì)內(nèi)部專業(yè)沉淀,建立團(tuán)隊(duì)歸屬感
目前交互團(tuán)隊(duì)共6位設(shè)計(jì)師,和9位UI設(shè)計(jì)師共同組成產(chǎn)品設(shè)計(jì)部,從屬于大UED部門。設(shè)計(jì)是需要思維碰撞的職業(yè)之一,設(shè)計(jì)師的個(gè)人成長(zhǎng)也非常依賴團(tuán)隊(duì)的氛圍,良好的團(tuán)隊(duì)氛圍是團(tuán)隊(duì)和個(gè)人進(jìn)步的基礎(chǔ),如何構(gòu)建團(tuán)隊(duì)的歸屬感呢?
①周會(huì)制度是團(tuán)隊(duì)建設(shè)很好的載體
建立周會(huì)制度,在周五的下午對(duì)整個(gè)星期的工作進(jìn)行總結(jié)。在例會(huì)上,有時(shí)會(huì)拿出一周典型的需求案例分析討論,把一些平時(shí)溝通不充分的地方,在有意無意間磨平,彼此激勵(lì)和學(xué)習(xí);也會(huì)針對(duì)近期工作上遇到的各種問題進(jìn)行深入交流,在例會(huì)上每個(gè)人都能真實(shí)地表達(dá)想法,活躍團(tuán)隊(duì)氛圍,也能讓所有人都參與到團(tuán)隊(duì)管理上來。通過周會(huì)鍛煉了大家的溝通能力、講故事能力,同時(shí)也激發(fā)了團(tuán)隊(duì)內(nèi)互相學(xué)習(xí)的氛圍。
②不斷地反思總結(jié),打破固定思維模式,持續(xù)創(chuàng)新
設(shè)計(jì)師有時(shí)會(huì)抱怨日常需求缺乏創(chuàng)新,需求本身和競(jìng)品大多雷同,交互更多地是在做頁面信息排布工作,缺乏設(shè)計(jì)亮點(diǎn)。首先設(shè)計(jì)師本身要反思是否陷入了一種“一味滿足產(chǎn)品需求”的固有思維中,是否往深層去挖掘這些需求背后的原因,通過分析需求原因來給出解決方案?
在完成一個(gè)年度大促或其他大型交互需求后,我都會(huì)要求設(shè)計(jì)師做好反思總結(jié)工作。跳出固有思維,思考需求的目標(biāo)以及實(shí)現(xiàn)途徑,有意識(shí)地鍛煉自己的思維能力。反思自己在整個(gè)項(xiàng)目中出現(xiàn)的哪些思維漏洞;反思應(yīng)該如何提高效率、提高體驗(yàn);反思自己為什么沒想到這種方法,在不斷地反思和總結(jié)中,我們的思維彈性才會(huì)增加。
同時(shí),我們建立了“交互創(chuàng)新庫(kù)”,大家把平時(shí)看到的一些有創(chuàng)意的頁面排布、交互互動(dòng)、動(dòng)畫特效截圖、錄屏素材,積累素材激發(fā)創(chuàng)意靈感。
③學(xué)會(huì)把控項(xiàng)目的節(jié)奏
互聯(lián)網(wǎng)需要不同領(lǐng)域的人一起合作的行業(yè),不是個(gè)人戰(zhàn)。往往一個(gè)項(xiàng)目要由策劃、運(yùn)營(yíng)、產(chǎn)品、交互、設(shè)計(jì)、開發(fā)、測(cè)試共同組成一個(gè)整體鏈協(xié)作完成,交互只是整體鏈中的重要一環(huán)。作為leader要引導(dǎo)團(tuán)隊(duì)成員,在做具體項(xiàng)目時(shí)不應(yīng)僅僅糾結(jié)在一個(gè)設(shè)計(jì)點(diǎn)上,需要考慮這個(gè)點(diǎn)在項(xiàng)目全局中的位置、對(duì)于其他團(tuán)隊(duì)的輕重緩急來調(diào)整自己的工作,提升團(tuán)隊(duì)間的合作順暢,快速推進(jìn)項(xiàng)目落地。
結(jié)語
交互的工作并不僅僅是輸出一套線框稿方案而已,最大價(jià)值在于,與產(chǎn)品反復(fù)地進(jìn)行需求討論、不停探尋商業(yè)目標(biāo)和用戶體驗(yàn)之間的平衡方案,以及呈現(xiàn)出需求涉及的所有的承載頁面,梳理每個(gè)頁面直接的邏輯和跳轉(zhuǎn),不同場(chǎng)景、一場(chǎng)情況下的各種狀態(tài)呈現(xiàn)等。交互團(tuán)隊(duì)在平時(shí)在與其他團(tuán)隊(duì)合作中,要注意利用自己的專業(yè)性樹立團(tuán)隊(duì)良好的專業(yè)形象,提高團(tuán)隊(duì)在公司的影響力,讓用戶體驗(yàn)思維真正的融入到團(tuán)隊(duì)的各項(xiàng)工作中。