本文重點(diǎn)討論在一個(gè)項(xiàng)目里狼忱，設(shè)計(jì)師怎樣將自己的個(gè)人價(jià)值貫穿在產(chǎn)品研發(fā)的全流程中，以及在各個(gè)環(huán)節(jié)盗温，設(shè)計(jì)師能做哪些事藕赞。這里闡述的設(shè)計(jì)師成肘，包括交互和視覺卖局，重點(diǎn)討論交互設(shè)計(jì)師在研發(fā)全流程的崗位價(jià)值。（大多數(shù)小型創(chuàng)業(yè)公司并沒有交互崗位双霍，而是由產(chǎn)品經(jīng)理來充當(dāng)）砚偶。
在許多互聯(lián)網(wǎng)企業(yè)，設(shè)計(jì)師在接到需求洒闸，并完成設(shè)計(jì)稿甩給產(chǎn)品經(jīng)理后就不再進(jìn)行后續(xù)工作染坯。每次出現(xiàn)問題讓設(shè)計(jì)師改稿也是一百個(gè)不情愿，特別是改稿次數(shù)特別多的時(shí)候丘逸，簡直快要爆炸单鹿。然而，要避免這種情況深纲，最直接的就是提高設(shè)計(jì)師在產(chǎn)品研發(fā)中的參與感仲锄，讓設(shè)計(jì)的價(jià)值體現(xiàn)在研發(fā)全流程中劲妙。產(chǎn)品研發(fā)全流程歸結(jié)起來有以下幾個(gè)環(huán)節(jié)：創(chuàng)建需求（產(chǎn)品）-設(shè)計(jì)（交互）-評(píng)審-設(shè)計(jì)（視覺）-研發(fā)-測試-上線?。當(dāng)然儒喊，不同企業(yè)在研發(fā)流程的小環(huán)節(jié)上會(huì)有不一樣镣奋，但整體看來大同小異。
創(chuàng)建需求：相當(dāng)于一個(gè)項(xiàng)目的起始階段怀愧。這里的需求可大可小侨颈，大需求通常是一個(gè)完整新產(chǎn)品的研發(fā)，是一個(gè)從0到1的過程芯义。而小需求可能小到只是加個(gè)按鈕哈垢、加段文案等。一般情況下扛拨，產(chǎn)品經(jīng)理都需要進(jìn)行市場分析温赔、目標(biāo)用戶分析、競品分析等工作鬼癣，同時(shí)明確要實(shí)現(xiàn)的業(yè)務(wù)目標(biāo)陶贼。這一階段，交互設(shè)計(jì)要與產(chǎn)品經(jīng)理頻繁溝通待秃，理解業(yè)務(wù)需求拜秧，并與產(chǎn)品經(jīng)理達(dá)成目標(biāo)和方向的一致性。雖然該環(huán)節(jié)章郁，交互設(shè)計(jì)并沒有開展創(chuàng)意設(shè)計(jì)階段枉氮，但是可以在產(chǎn)品經(jīng)理創(chuàng)建需求的同時(shí)搜集同類競品，從界面交互暖庄、視覺的角度分析競品的優(yōu)劣點(diǎn)聊替，為后續(xù)的設(shè)計(jì)工作提供可參考借鑒的依據(jù)。有些產(chǎn)品經(jīng)理在撰寫需求文檔時(shí)培廓，會(huì)自己先規(guī)劃出大致的界面框架惹悄，此時(shí)，交互設(shè)計(jì)師也可以根據(jù)自己的專業(yè)知識(shí)積累肩钠，提出關(guān)于界面框架的想法和建議泣港。
設(shè)計(jì)實(shí)踐：?當(dāng)產(chǎn)品經(jīng)理完成需求文檔后，就會(huì)給交互設(shè)計(jì)師建需求价匠，正式進(jìn)入設(shè)計(jì)環(huán)節(jié)当纱。交互拿到需求文檔往往是產(chǎn)品要包含的一些功能點(diǎn)，交互設(shè)計(jì)要做的就是梳理這些功能點(diǎn)踩窖，并將這些功能點(diǎn)細(xì)分坡氯、歸類，整理成信息架構(gòu)。之后箫柳，則是用流程將這些功能點(diǎn)串聯(lián)起來颓遏，從用戶實(shí)際操作的角度，考慮流程中可能會(huì)發(fā)生的各種情況滞时，并用流程圖表達(dá)出來叁幢。這里比較考驗(yàn)設(shè)計(jì)師的同理心能力，因?yàn)槟闶且炎约合胂蟪涩F(xiàn)實(shí)中的目標(biāo)用戶來遍歷各個(gè)流程環(huán)節(jié)坪稽。當(dāng)前期信息架構(gòu)和流程圖的鋪墊工作完成后曼玩，就可以開始繪制線框圖。這里主要考慮頁面之間的層級(jí)關(guān)系窒百，以及各個(gè)功能控件黍判、組件的擺放位置、頁面跳轉(zhuǎn)等交互細(xì)節(jié)篙梢。交互設(shè)計(jì)師在制定具體的交互細(xì)節(jié)時(shí)顷帖，也是和開發(fā)溝通較為頻繁的時(shí)候（還包括開發(fā)跟進(jìn)、驗(yàn)收）渤滞，有些交互邏輯對(duì)目前的網(wǎng)站代碼結(jié)構(gòu)來說贬墩，是易于實(shí)現(xiàn)的，還是要投入相當(dāng)大的開發(fā)成本都需要和開發(fā)面對(duì)面溝通妄呕。線框圖分為兩種：低保真線框圖和高保真線框圖（含動(dòng)效）陶舞，在進(jìn)行設(shè)計(jì)評(píng)審需要演示時(shí)，含動(dòng)效的交互稿更能表達(dá)設(shè)計(jì)師的設(shè)計(jì)理念绪励，而低保真線框圖則適用于正式開發(fā)階段肿孵，因?yàn)榈捅Ｕ嬖湍鼙磉_(dá)出每個(gè)交互邏輯點(diǎn)，不會(huì)遺漏疏魏。
完成交互文檔后停做，有些公司會(huì)有交互評(píng)審環(huán)節(jié)，而有些則是在和產(chǎn)品經(jīng)理確認(rèn)后就直接交由UI設(shè)計(jì)師完善界面的最終視覺效果大莫。項(xiàng)目進(jìn)行到這個(gè)環(huán)節(jié)蛉腌，交互設(shè)計(jì)的主要工作就是對(duì)接UI設(shè)計(jì)師，向UI設(shè)計(jì)師說明交互稿上的各個(gè)設(shè)計(jì)點(diǎn)和設(shè)計(jì)依據(jù)葵硕。對(duì)于一些UI不認(rèn)可或是產(chǎn)生疑問的交互細(xì)節(jié)眉抬，也要向其解釋清楚贯吓，或是換成另一種雙方都能接受且能提高使用體驗(yàn)的交互方案懈凹。當(dāng)碰到UI設(shè)計(jì)師對(duì)配色、圖標(biāo)等拿不定主意時(shí)悄谐，交互也要能給出自己的建議介评，協(xié)助其完成最終效果圖。從這里可以看出，交互不僅需要掌握用戶體驗(yàn)的知識(shí)们陆，還需要知道關(guān)于需求創(chuàng)建寒瓦、視覺傳達(dá)，以及開發(fā)技術(shù)方面的知識(shí)坪仇。?
當(dāng)產(chǎn)出各方達(dá)成一致的視覺效果圖后杂腰，就進(jìn)入到實(shí)際開發(fā)環(huán)節(jié)。這時(shí)開發(fā)手上一般會(huì)有三份文件：產(chǎn)品需求文檔椅文、交互設(shè)計(jì)文檔喂很、視覺效果圖。對(duì)于移動(dòng)端開發(fā)皆刺，UI還要產(chǎn)出切圖文檔少辣，pc端的切圖基本是由前端開發(fā)自己切，而移動(dòng)端由于其平臺(tái)羡蛾、尺寸等的多樣性漓帅，大多由UI設(shè)計(jì)師來切圖，并標(biāo)注特定后綴名痴怨，如“@2x.png”忙干。在前端開發(fā)時(shí)，設(shè)計(jì)通常也會(huì)參與其中浪藻。比如交互設(shè)計(jì)師會(huì)經(jīng)常和前端溝通界面交互細(xì)節(jié)豪直、交互動(dòng)效的邏輯和實(shí)現(xiàn)效果，UI設(shè)計(jì)師則是關(guān)注開發(fā)對(duì)界面上配色珠移、字體弓乙、圖標(biāo)和整體視覺效果的實(shí)現(xiàn)情況。開發(fā)完成后一般會(huì)先經(jīng)過自測钧惧，自測過后再提交測試暇韧。開發(fā)在自測時(shí)，設(shè)計(jì)最好也能驗(yàn)收下產(chǎn)品界面交互視覺的效果浓瞪，不僅減輕后續(xù)的測試壓力懈玻，也能降低上線后出現(xiàn)失誤的可能性。而且越到后面驗(yàn)收乾颁，出現(xiàn)問題修正的代價(jià)就越大涂乌。
下一步就是提交到測試環(huán)境，進(jìn)入測試階段英岭。這時(shí)湾盒，設(shè)計(jì)也不能閑著，同開發(fā)自測時(shí)的驗(yàn)收一樣诅妹，也要對(duì)測試環(huán)境上的產(chǎn)品設(shè)計(jì)效果做最后驗(yàn)收罚勾，因?yàn)楫?dāng)產(chǎn)品上線后再想修正毅人，那就只能等下一個(gè)版本了，而這中間間隔的時(shí)間尖殃，對(duì)設(shè)計(jì)或體驗(yàn)上的失誤所造成的影響是無法預(yù)估的丈莺。交互和UI設(shè)計(jì)師驗(yàn)收時(shí)的關(guān)注點(diǎn)不同，交互主要驗(yàn)收產(chǎn)品的使用體驗(yàn)送丰，交互細(xì)節(jié)缔俄、跳轉(zhuǎn)和動(dòng)效等，UI則是驗(yàn)收間距器躏、尺寸牵现、配色、字體等邀桑。這里提一下瞎疼，產(chǎn)品經(jīng)理和交互設(shè)計(jì)師在驗(yàn)收環(huán)節(jié)上并不沖突，因?yàn)楫a(chǎn)品驗(yàn)收針對(duì)的是產(chǎn)品功能完整性和實(shí)現(xiàn)情況壁畸。當(dāng)測試完成贼急，且開發(fā)修正了所有在測試環(huán)節(jié)發(fā)現(xiàn)的問題后，就需要運(yùn)維來將產(chǎn)品最終上線捏萍。
產(chǎn)品上線后太抓，交互如果有時(shí)間，最好能收集下用戶反饋和用戶行為數(shù)據(jù)令杈，為后續(xù)版本迭代提供設(shè)計(jì)依據(jù)走敌。?
