一般會把UI設(shè)計(jì)全流程分成三個(gè)部門：設(shè)計(jì)前、設(shè)計(jì)中、設(shè)計(jì)后，當(dāng)然也有良多設(shè)計(jì)師會把設(shè)計(jì)流程分為需求收集、確定目標(biāo)、原型確認(rèn)、設(shè)計(jì)評審、細(xì)節(jié)打磨、跟進(jìn)開發(fā)、結(jié)果跟蹤等流程，實(shí)在細(xì)節(jié)流程都差未幾，不外我把整個(gè)設(shè)計(jì)流程分成前、中、后三個(gè)里程碑似的節(jié)點(diǎn)，更輕易聚焦。

        UI設(shè)計(jì)全流程

        設(shè)計(jì)前

        設(shè)計(jì)前的環(huán)節(jié)是最輕易被忽略的一個(gè)樞紐環(huán)節(jié)，我們很輕易陷入需求來了就馬上開始設(shè)計(jì)的誤區(qū)，殊不知這樣做會給后續(xù)工作埋下無數(shù)的坑，好比：反復(fù)修改設(shè)計(jì)稿、需求方臨時(shí)增加幾個(gè)頁面、設(shè)計(jì)交付延期、效果不如預(yù)期等情況，這樣一來反而使得整個(gè)項(xiàng)目節(jié)奏慢下來，背離初衷。在我的設(shè)計(jì)流程中“設(shè)計(jì)前”是最難且最重要的一個(gè)階段，所以在這個(gè)階段我們一定要想辦法去爭取時(shí)間來做好預(yù)備，那么我們都有哪些事情要做呢?

        1、聊一聊

        設(shè)計(jì)之前第1件事就是去了解業(yè)務(wù)，拉上需求方請他講講項(xiàng)目背景、業(yè)務(wù)目標(biāo)、用戶人群、競品分析以及跟現(xiàn)有業(yè)務(wù)的聯(lián)系關(guān)系等，這樣做的好處非常多。一方面能通過需求方的講述了解最真實(shí)的需乞降產(chǎn)品目標(biāo)，便于后續(xù)設(shè)計(jì)中的決議計(jì)劃;另一方面我們可以反向要求需求方把業(yè)務(wù)目標(biāo)梳理得更加透徹，避免在大方向上泛起差錯;終極也能讓需求方知道我們也是奔著業(yè)務(wù)目標(biāo)在思索，更有利于與需求方長期的合作與信任，而不是讓需求方覺得我們僅是一個(gè)頁面仔。

        2、看一看

        在與需求方做完初次溝通后緊接著就是去看看是否有相關(guān)的競品。假如項(xiàng)目有競品，那么這些競品能讓我們迅速看到產(chǎn)品未來的全貌，也能讓我們發(fā)現(xiàn)一些亮點(diǎn)以及反向思索是否有我們產(chǎn)品沒有籠蓋到的場景，將這些內(nèi)容進(jìn)行收拾整頓后作為日后設(shè)計(jì)的重要依據(jù)。假如沒有直接競品也可以去看一看同類型或者同行業(yè)的產(chǎn)品。

        3、想一想

        有了聊一聊和看一看，我們基本上站在了全局視角，但這時(shí)還沒到開始設(shè)計(jì)的時(shí)候，還需要再想一想，好比：A.結(jié)合自己看競品過程中的發(fā)現(xiàn)，對業(yè)務(wù)、需求上還有哪些疑問?將疑問點(diǎn)進(jìn)行收拾整頓匯總再次找需求方進(jìn)行確認(rèn)，確保與需求方的理解是一致的，這樣才會保證后續(xù)設(shè)計(jì)流程的順利推進(jìn)。B.想想這個(gè)項(xiàng)目設(shè)計(jì)師的機(jī)會點(diǎn)在哪里?設(shè)計(jì)目標(biāo)是什么?有哪些地方是設(shè)計(jì)師可以重點(diǎn)投入的?開發(fā)落地本錢如何?設(shè)計(jì)投入是否可以被驗(yàn)證?這樣會匡助我們后續(xù)更好的分配時(shí)間重心，也便于后續(xù)設(shè)計(jì)經(jīng)驗(yàn)的沉淀，知道哪些設(shè)計(jì)能帶來數(shù)據(jù)上的變化。C.想想設(shè)計(jì)如何規(guī)劃?設(shè)計(jì)上還有哪些風(fēng)險(xiǎn)?是否需要外部增援等?便于匡助我們給出相對正確的設(shè)計(jì)排期。

        設(shè)計(jì)中

        有了前面的充分預(yù)備，基本上就能決心信念滿滿的開始設(shè)計(jì)了，接下來按下方流程逐步進(jìn)行：

        1、原型設(shè)計(jì)

        視覺設(shè)計(jì)前我們需要先對交互原型進(jìn)行不斷的打磨，確保交互層面的體驗(yàn)優(yōu)雅且符適用戶使用習(xí)慣。假如團(tuán)隊(duì)里配備了交互設(shè)計(jì)師，可以與交互同學(xué)做一些討論，敲定原型后與需求方再次進(jìn)行確認(rèn)，對齊各方意見;假如沒有交互設(shè)計(jì)設(shè)計(jì)師參與，那么一定要把想法主意圖形化，讓大家能更正確的理解我們的想法主意，可以畫在紙上，也可以用原型工具來表達(dá)。同時(shí)這里強(qiáng)烈建議設(shè)計(jì)師應(yīng)該對信息架構(gòu)以及案牘保持高度的敏感，好的信息架構(gòu)能保證基礎(chǔ)頁面體驗(yàn)的順暢性，而正確案牘更能保證用戶對信息理解不泛起偏差。

        2、風(fēng)格探索

        敲定原型后，就可以做風(fēng)格探索了，關(guān)于風(fēng)格這塊我個(gè)人理解這是比較感性的，沒有尺度謎底，只要風(fēng)格定義有依據(jù)加上平時(shí)對當(dāng)下流行趨勢的關(guān)注，風(fēng)格定調(diào)基本上不會有太大題目，也可以根據(jù)設(shè)計(jì)前預(yù)備的一些機(jī)會點(diǎn)做針對性的設(shè)計(jì)，好比：插畫、質(zhì)感、細(xì)節(jié)、動效等，在UXD公家號的文章中有非常多優(yōu)秀的案例可供大家參考，這里不再贅述。

        3、細(xì)節(jié)打磨

        我常常在回看自己之前的設(shè)計(jì)產(chǎn)出時(shí)，發(fā)現(xiàn)有良多自己看不順眼的地方。為了避免這種情況，我們可以在設(shè)計(jì)階段多一些嘗試，多一些打磨。與其讓”未來的我”或需求方來指出題目，倒不如先自我審閱，打磨出最理想的方案后再去做評審。也可以找身邊的同事、朋友一起看看，邀請他們來選一選方案并說一說理由。終極再結(jié)合設(shè)計(jì)目標(biāo)、業(yè)務(wù)目標(biāo)和大家的意見輸出終極方案。假如在方案上碰到了難題，也要及時(shí)做好溝通或者尋求Leader的匡助。

        4、設(shè)計(jì)評審

        當(dāng)團(tuán)隊(duì)內(nèi)部對方案達(dá)成一致后可以組織一場正式的評審會議。設(shè)計(jì)評審能迅速集中的發(fā)現(xiàn)題目，對意見相左而遲遲無法定稿的情況也能有效規(guī)避。設(shè)計(jì)評審前我們要做好充分的預(yù)備，可以要求上下游樞紐角色參加，好比需求方和研發(fā)職員。提前預(yù)設(shè)題目治理好各方預(yù)期，保證方案足夠嚴(yán)謹(jǐn)以及良好的控場。在評審階段盡可能細(xì)致，把設(shè)計(jì)師想要落地的小細(xì)節(jié)、小亮點(diǎn)都清楚的講到，引起研發(fā)職員的正視。終極將評審達(dá)成的結(jié)論文檔化，避免后續(xù)設(shè)計(jì)驗(yàn)收時(shí)扯皮。

        5、建立Kit

        設(shè)計(jì)方案開始之初就要有意識的去梳理規(guī)范和組件，保證后續(xù)功能迭代的效率和一致性。通過樞紐頁面總結(jié)出基礎(chǔ)規(guī)范;通過設(shè)計(jì)過程中的不斷推敲，再次對界面元素進(jìn)行抽離，形成組件庫。

        設(shè)計(jì)后

        設(shè)計(jì)評審?fù)ㄟ^后，除了輸出設(shè)計(jì)內(nèi)容和對設(shè)計(jì)文件進(jìn)行收拾整頓歸檔外，后面還要做的事情基本上就是推進(jìn)設(shè)計(jì)落地與設(shè)計(jì)驗(yàn)證了。

        設(shè)計(jì)落地環(huán)節(jié)設(shè)計(jì)師的介入非常重要，前面所有的工作終極是以上線的效果為尺度，所認(rèn)為了讓我們的付出不打折扣，需要在設(shè)計(jì)驗(yàn)收時(shí)細(xì)致堅(jiān)持，確保設(shè)計(jì)效果完美落地。除了督促開發(fā)同學(xué)們進(jìn)行調(diào)整，將設(shè)計(jì)細(xì)節(jié)標(biāo)注得更加清楚，復(fù)雜的交互輸出一份動畫demo，更能匡助開發(fā)同學(xué)正確理解設(shè)計(jì)意圖。

        設(shè)計(jì)驗(yàn)證有良多方式，好比：數(shù)據(jù)埋點(diǎn)、用戶反饋、線上走查、用戶訪談、可用性測試等。有時(shí)我們會由于業(yè)務(wù)忙需求多、數(shù)據(jù)沒埋點(diǎn)、沒想過做驗(yàn)證等忽略設(shè)計(jì)驗(yàn)證這個(gè)環(huán)節(jié)，這些原因歸結(jié)起來仍是對設(shè)計(jì)驗(yàn)證正視度不夠。但設(shè)計(jì)驗(yàn)證能匡助我們回顧當(dāng)初目標(biāo)的達(dá)成情況，找到存在的題目，成為接下來迭代的依據(jù);同時(shí)也是對自身設(shè)計(jì)經(jīng)驗(yàn)的積累。所以我們?nèi)允且�正視設(shè)計(jì)驗(yàn)證，努力了就要看見結(jié)果，不管好壞。

        以上是UI設(shè)計(jì)全流程上的一些經(jīng)驗(yàn)分享，除此之外關(guān)于溝通、業(yè)務(wù)理解、項(xiàng)目治理、總結(jié)復(fù)盤都非常大的課題，需要持續(xù)的學(xué)習(xí)沉淀。

      注：尊重原創(chuàng)文章,轉(zhuǎn)載請注明出處和鏈接 http://m.dedgn.cn/news-id-73248.html 違者必究！部分文章來源于網(wǎng)絡(luò)由培訓(xùn)無憂網(wǎng)編輯部人員整理發(fā)布,內(nèi)容真實(shí)性請自行核實(shí)或聯(lián)系我們，了解更多相關(guān)資訊請關(guān)注UI設(shè)計(jì)頻道查看更多，了解相關(guān)專業(yè)課程信息您可在線咨詢也可免費(fèi)申請?jiān)囌n。關(guān)注官方微信了解更多：150 3333 6050