網(wǎng)易UEDC:6個(gè)方法幫交互設(shè)計(jì)師與上下游順暢合作!

2017-3-29    周周

 

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

網(wǎng)易UEDC – 何巖:本文是剛?cè)胄械?/span>交互設(shè)計(jì)師結(jié)合整個(gè)實(shí)際項(xiàng)目實(shí)踐,嘗試探討交互設(shè)計(jì)師和產(chǎn)品經(jīng)理、其他上下游同事之間的“共生”關(guān)系,希望幫助設(shè)計(jì)新人找到與上下游配合的一點(diǎn)靈感。

(工作原因,文中配圖較模糊,請(qǐng)見諒)

協(xié)助產(chǎn)品經(jīng)理確定產(chǎn)品架構(gòu)

產(chǎn)品經(jīng)理才是最懂產(chǎn)品的人嗎?在項(xiàng)目初期,大家對(duì)產(chǎn)品的概念都很模糊,即使是產(chǎn)品經(jīng)理也是通過來自各方的需求、數(shù)據(jù)和競(jìng)品分析等來大致搭起框架。這個(gè)框架是否合理,框架衍生的功能流程限定在什么范圍,這些問題即使是最有經(jīng)驗(yàn)的產(chǎn)品經(jīng)理也不敢保證。

交互設(shè)計(jì)師雖然是產(chǎn)品經(jīng)理的下游,也應(yīng)盡早參與策略層(Strategy)的討論,如果你的領(lǐng)導(dǎo)了解交互設(shè)計(jì)的重要性并且邀請(qǐng)你參加項(xiàng)目前期的務(wù)虛會(huì)議,你就應(yīng)該珍惜機(jī)會(huì),會(huì)前做好競(jìng)品分析等準(zhǔn)備工作,會(huì)上以交互崗位的專業(yè)視角提出建議; 如果你不夠幸運(yùn),不能參與到產(chǎn)品戰(zhàn)略決策,只是承接上游下達(dá)的交互任務(wù)的話,那么也不要只是淪為畫線框圖的工具,要發(fā)揮主觀能動(dòng)性積極溝通,最終讓方案變得更好。

需要注意的是,我們的建議不要僅僅只局限在功能流程實(shí)現(xiàn)(Structure)和頁面結(jié)構(gòu)(Skeleton)等方面,也要積極參與功能范圍(Scope)和產(chǎn)品愿景(Strategy)等方面的討論。

案例:項(xiàng)目前期產(chǎn)品經(jīng)理往往會(huì)先畫一些草圖來幫助說明問題,這是一種很好的溝通方式,草圖能顯示對(duì)產(chǎn)品的理解和將來產(chǎn)品的發(fā)展方式?!熬W(wǎng)易帳號(hào)管家”作為一款多帳號(hào)管理工具,涉及安全檢測(cè)及操作引導(dǎo)、帳號(hào)保護(hù)加固、產(chǎn)品保護(hù)等功能,為了盤活產(chǎn)品還要在未來加入一定的運(yùn)營內(nèi)容。但產(chǎn)品經(jīng)理前期的草稿只是將帳號(hào)功能簡(jiǎn)單排列,這時(shí)候就要我們通過各種方法來表達(dá)自己對(duì)于產(chǎn)品的理解并給出建議。前期的定位非常關(guān)鍵,一旦架構(gòu)錯(cuò)誤,之后的交互工作很難開展。

總結(jié):

  1. 越早接觸產(chǎn)品的討論就能越早深入了解產(chǎn)品的核心價(jià)值。
  2. 提出自己的專業(yè)建議,讓產(chǎn)品朝著好的預(yù)期方向發(fā)展,這樣我們?cè)谶M(jìn)行交互工作的時(shí)候是開心幸福的。
  3. 畫線框圖的工作很容易被取代,要想保證自己在團(tuán)隊(duì)中的價(jià)值和說服力,就要閃耀不能被取代的光芒,這在不同項(xiàng)目中具體不同,但都要保持積極心態(tài)、善于思考,幫助解決實(shí)際問題。

溝通和同理心而非爭(zhēng)吵

產(chǎn)品經(jīng)理不需要一個(gè)和他爭(zhēng)吵的交互設(shè)計(jì)師而是需要一個(gè)幫助他解決問題的人。很多文章都介紹產(chǎn)品經(jīng)理和交互設(shè)計(jì)師的“相愛想殺”,其實(shí),就像培根(Francis Bacon)說的:“人們創(chuàng)造了事實(shí)上并不存在的對(duì)立,并且他們也給這些對(duì)立強(qiáng)加上十分確定的新的名稱”。

不同產(chǎn)品經(jīng)理的工作方式難免不同,開始合作的時(shí)候需要一些時(shí)間磨合,應(yīng)該在磨合中一起找到解決問題的方法而不是互相抱怨甚至影響工作。其實(shí)如果大家目的一致并且足夠信任對(duì)方的專業(yè)能力的話,爭(zhēng)吵便會(huì)很少發(fā)生。

案例:有些產(chǎn)品經(jīng)理喜歡畫流程草圖而不是以打磨PRD邏輯為主,這種工作方法可能在一些沒有專門交互設(shè)計(jì)師崗位的公司出現(xiàn),但在設(shè)立專門交互設(shè)計(jì)師崗位的公司,產(chǎn)品經(jīng)理可以專心的把PRD完善好。PRD是整個(gè)產(chǎn)品的權(quán)威依據(jù),交互視覺開發(fā)和測(cè)試都要根據(jù)PRD行事。如果產(chǎn)品經(jīng)理醉心于畫稿子,一方面會(huì)影響和限制交互設(shè)計(jì)師的思維,另一方面也會(huì)減少完善PRD的時(shí)間和精力,就會(huì)導(dǎo)致更應(yīng)該關(guān)心的東西有所欠缺。

總結(jié):

  1. 看似簡(jiǎn)單的功能往往會(huì)隱藏很多細(xì)節(jié),大到功能流程方面,小到文案、極限場(chǎng)景等情況,需求文檔中不應(yīng)該充滿看似完整實(shí)則顆粒度很大的圖稿。
  2. 交互設(shè)計(jì)師要善于和產(chǎn)品經(jīng)理溝通,告訴他你需要什么資源來完成設(shè)計(jì)工作。這是在幫助產(chǎn)品經(jīng)理節(jié)省時(shí)間,避免做無用功,也是讓設(shè)計(jì)師在有限的項(xiàng)目排期中更加的工作和產(chǎn)出。

幫助產(chǎn)品經(jīng)理明確功能細(xì)節(jié),方便后續(xù)測(cè)試工作

一個(gè)現(xiàn)實(shí)的情況是,PRD經(jīng)常隨著交互稿的細(xì)節(jié)深入而不斷完善。雖然交互設(shè)計(jì)師“夢(mèng)想著”PRD中有嚴(yán)謹(jǐn)完備的邏輯流程圖,但交互設(shè)計(jì)師都遇到過“一句話需求”,類似“我們需要加一個(gè)掃碼登錄功能”、“這個(gè)功能參照某某競(jìng)品”等等。當(dāng)產(chǎn)品經(jīng)理的頭腦中沒有完整概念的時(shí)候,交互設(shè)計(jì)師是選擇要求產(chǎn)品經(jīng)理回去想好再說,還是根據(jù)產(chǎn)品經(jīng)理的“只言片語”、自身經(jīng)驗(yàn)和分析資料先動(dòng)起手來呢?

案例:下面的文字是產(chǎn)品經(jīng)理給出的同一帳號(hào)綁定不同設(shè)備時(shí)的“踢號(hào)”規(guī)則。其實(shí),這段文字是經(jīng)過思考的,已經(jīng)比“一句話需求”好很多了,根據(jù)這段規(guī)則是可以進(jìn)行交互工作的。但是根據(jù)經(jīng)驗(yàn)發(fā)現(xiàn)過程中恐怕還有很多細(xì)節(jié)需要考慮,這就需要設(shè)計(jì)師將需求轉(zhuǎn)化為解決方案的過程中將各個(gè)功能細(xì)節(jié)表述清楚了。

總結(jié):

  1. 理解產(chǎn)品經(jīng)理和交互設(shè)計(jì)師的“共生”關(guān)系,在幫助產(chǎn)品經(jīng)理明確各個(gè)功能細(xì)節(jié)的過程中,交互設(shè)計(jì)師的職業(yè)意義也就漸漸體現(xiàn)出來了。
  2. 坐等產(chǎn)品經(jīng)理給到我們“面面俱到”的需求往往不是快速解決問題的好辦法。
  3. 產(chǎn)品經(jīng)理會(huì)高興的根據(jù)交互稿將PRD進(jìn)一步完善,這也會(huì)方便后續(xù)測(cè)試同事根據(jù)交互稿和PRD寫測(cè)試用例。

和產(chǎn)品定和視覺定和開發(fā)定和運(yùn)營定,否定之否定

實(shí)際工作中我們會(huì)發(fā)現(xiàn),并不是所有的功能敲定都會(huì)召開全員評(píng)審大會(huì),有些結(jié)構(gòu)簡(jiǎn)單的功能和模塊只會(huì)和相關(guān)人員敲定,這時(shí)候如何使得方案不被部分人的意見左右而是符合產(chǎn)品整體風(fēng)格和氣脈就顯得非常關(guān)鍵。

設(shè)計(jì)師不應(yīng)該做“老好人”,滿足相關(guān)人員的需求而產(chǎn)出“這樣就好”的方案,也不應(yīng)該攻擊或直接否定他人的創(chuàng)意,我們需要一定的溝通技巧,善用每個(gè)職能的優(yōu)勢(shì),一版一版的優(yōu)化方案,在這個(gè)過程中不要忘記積極的給出建議。

案例:“網(wǎng)易帳號(hào)管家”中的“發(fā)現(xiàn)”模塊是重運(yùn)營的部分,考慮到其中“幫助中心”的內(nèi)容稍顯“枯燥”而且運(yùn)營方式有限,設(shè)計(jì)師經(jīng)過調(diào)研向運(yùn)營同事建議加入頂部圖片輪播,這樣可以方便后續(xù)運(yùn)營同事“揮灑”創(chuàng)意。同樣, 為了幫助運(yùn)營搜集用戶反饋,底部加入了“問題反饋”、詳情頁底部加入了答案是否解決了問題的功能。運(yùn)營同事經(jīng)過思考也覺得這些功能有必要,便欣然采納了建議。

總結(jié):

  1. 交互設(shè)計(jì)師日常工作中要和許多職能同事配合,是連接這些職能的“樞紐”。
  2. 遇到問題與其讓產(chǎn)品經(jīng)理去溝通,最后給你口頭或書面結(jié)果不如自己先去找相關(guān)問題負(fù)責(zé)人溝通,獲得一手信息。
  3. 文字或其他信息在傳播過程中會(huì)“失真”,而當(dāng)面溝通過程中可以通過語言之外的很多方法說明問題和理解需求。

要學(xué)會(huì)“沒事找事”

“沒事”,是指由于某些原因?qū)е陆换スぷ鞑荒荞R上進(jìn)行的時(shí)候或是項(xiàng)目過程中特別是中后期交互工作沒那么緊張的時(shí)候?!罢沂隆?,是指在“沒事”的時(shí)候?qū)ふ乙恍╉?xiàng)目的風(fēng)險(xiǎn)點(diǎn)或是其他可能幫助項(xiàng)目順利進(jìn)行的工作。

風(fēng)險(xiǎn)點(diǎn)可能是前期由于時(shí)間等原因考慮的不夠細(xì)致的地方或是開發(fā)完成還沒有經(jīng)過驗(yàn)收的模塊和頁面或是一些極限情況的處理方式等?!皼]事找事”是一種主動(dòng)尋找潛在問題和解決方法的工作態(tài)度,這種積極的工作態(tài)度是交互設(shè)計(jì)師體現(xiàn)職能價(jià)值和提升專業(yè)素養(yǎng)的關(guān)鍵。

案例:“網(wǎng)易帳號(hào)管家”項(xiàng)目分兩次迭代開發(fā),在第二次迭代平穩(wěn)進(jìn)行的時(shí)候,大部分交互設(shè)計(jì)工作已經(jīng)完成了,這時(shí)候?qū)σ呀?jīng)完成的迭代一部分進(jìn)行交互視覺回歸并產(chǎn)出文檔,就可以幫助測(cè)試同事和開發(fā)同事后續(xù)調(diào)整。

下圖是簡(jiǎn)單的優(yōu)化點(diǎn)列表,問題的呈現(xiàn)形式不限,關(guān)鍵是要方便團(tuán)隊(duì)中相關(guān)人員的理解和使用,如果真的幫到忙,同事也會(huì)給出積極反饋,這是團(tuán)隊(duì)的良性循環(huán)。

總結(jié):

  1. 開發(fā)同事首批完成的頁面主要以邏輯為主,和最后呈現(xiàn)給用戶的頁面會(huì)有很大出入,即使經(jīng)過自測(cè)、聯(lián)調(diào)和測(cè)試的頁面,在交互和視覺設(shè)計(jì)師看來也往往“不堪入目”。
  2. 交互、視覺設(shè)計(jì)師要在項(xiàng)目后期盡早進(jìn)行回歸走查,因?yàn)楹笃跍y(cè)試工作和突發(fā)問題處理等會(huì)占用較多時(shí)間,如果太晚介入,就會(huì)有一些看似“不那么重要”的體驗(yàn)問題無法顧及到。

有意識(shí)的引導(dǎo)溝通方式敏捷化

提到敏捷開發(fā)往往想起小團(tuán)隊(duì),確實(shí),隨著項(xiàng)目體量的龐大和參與人員的增多,“面對(duì)面”的溝通方式會(huì)變得困難,相信很多人都經(jīng)歷過即使一個(gè)很小的Bug也要提工單走流程或者等產(chǎn)品經(jīng)理提供需求文檔后才開工的“瀑布式”工作方式。

敏捷方法是方法論層面對(duì)工作方式和工作態(tài)度的探討,強(qiáng)調(diào)工作中“人”的作用而不是以“各種文檔”為準(zhǔn),強(qiáng)調(diào)同事之間的高度協(xié)作以及隨時(shí)準(zhǔn)備應(yīng)對(duì)變化的態(tài)度,這些是各種項(xiàng)目都必須思考的問題。

“ 網(wǎng)易帳號(hào)管家 ”項(xiàng)目組每天早上固定時(shí)間召開站會(huì),全員面對(duì)面發(fā)現(xiàn)問題、解決問題、評(píng)估風(fēng)險(xiǎn)、把控進(jìn)度。開發(fā)過程中各個(gè)職能同事坐在一起,關(guān)鍵問題的討論只需要召集相關(guān)人員“圍個(gè)圈兒”、“扭個(gè)頭”、“轉(zhuǎn)個(gè)身”就敲定了,之后發(fā)郵件周知大家。

這種看似“隨意”的解決問題的方式其實(shí)是一種扁平化的工作方式,強(qiáng)調(diào)“適應(yīng)性”而非“預(yù)見性”,領(lǐng)導(dǎo)也坐在旁邊“召之即來”,所以節(jié)省了很多“等找某某商量一下再說”、“等領(lǐng)導(dǎo)看看再說”、“等審核批準(zhǔn)了再做”的時(shí)間。

最后,不要讓自己“太累”

設(shè)計(jì)師往往帶點(diǎn)“潔癖”,為細(xì)節(jié)和綜合體驗(yàn)操碎了心,但其實(shí)產(chǎn)品研發(fā)過程是否順暢、運(yùn)轉(zhuǎn)模式是否健康甚至上線后成功或者失敗,這些是合力的結(jié)果,包括設(shè)計(jì)管理、開發(fā)管理等多方面因素共同決定了產(chǎn)品長(zhǎng)成什么樣子。

所以,最后的經(jīng)驗(yàn)心得就是:設(shè)計(jì)師有時(shí)要被迫“放下”一些東西,不要讓自己“太累”。這也并不是教大家偷懶,而是要清楚給自己的職能定位。交互設(shè)計(jì)師溝通和處理問題的方式是靈活的, 這在上文有闡述,同時(shí)交互工作更應(yīng)該是合作的,我們有自己的職業(yè)堅(jiān)持,但也不要用“體驗(yàn)”綁架一切。

無論是B端產(chǎn)品還是C端產(chǎn)品,好產(chǎn)品的成功是多方面因素的結(jié)果,設(shè)計(jì)師要有“百煉鋼”的堅(jiān)持,也要懂“繞指柔”的智慧。

最后的最后

一個(gè)產(chǎn)品經(jīng)理前輩說過,最好能在較大的公司孵化小產(chǎn)品中進(jìn)行設(shè)計(jì)工作,經(jīng)驗(yàn)累積較快;其次是去創(chuàng)業(yè)公司單挑;最次是選擇去一個(gè)產(chǎn)品里做一顆螺絲釘,一直綁在某一個(gè)功能上。

這個(gè)結(jié)論正確與否姑且不論,但要真誠感謝交互團(tuán)隊(duì)和業(yè)務(wù)團(tuán)隊(duì)對(duì)一個(gè)新人設(shè)計(jì)師的信任,把這么重要的工作交給我,并且在工作中給予非常重要的幫助和指導(dǎo)。以上是整個(gè)項(xiàng)目走下來的一些感悟,寫完才感覺言辭稚嫩,希望大家一起思考討論,我們新人設(shè)計(jì)師共勉,今后工作中還要不斷錘煉。

藍(lán)藍(lán)設(shè)計(jì)sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

 

分享本文至:

日歷

鏈接

個(gè)人資料

存檔