本篇文章介紹了UED團(tuán)隊(duì)設(shè)計(jì)流程：產(chǎn)品需求、需求評審、交互設(shè)計(jì)、交互評審、視覺設(shè)計(jì)、視覺評審、開發(fā)走查、可用性報(bào)告。

互聯(lián)網(wǎng)大廠UED團(tuán)隊(duì)設(shè)計(jì)流程，通常有以下流程階段：產(chǎn)品需求 > 需求評審 > 交互設(shè)計(jì) > 交互評審 >視覺設(shè)計(jì) > 視覺評審 > 開發(fā)走查 > 可用性報(bào)告UED團(tuán)隊(duì)設(shè)計(jì)流程：

一、產(chǎn)品需求

在產(chǎn)品需求階段，產(chǎn)品經(jīng)理為主導(dǎo)角色，全程參與產(chǎn)品功能需求挖掘工作，交互設(shè)計(jì)師輔助產(chǎn)品經(jīng)理做需求的可行性和場景分析。用戶研究員可通過訪談用戶來挖掘用戶需求。

產(chǎn)品需求分為三種：

1. 戰(zhàn)略級產(chǎn)品需求。這是產(chǎn)品需求中最核心的，它關(guān)系到整個(gè)產(chǎn)品模型，影響到產(chǎn)品的運(yùn)營和商業(yè)模式，通過特定的目標(biāo)人群的痛點(diǎn)制定的用戶目標(biāo)，然后將用戶目標(biāo)轉(zhuǎn)化為產(chǎn)品目標(biāo)，從而達(dá)到商業(yè)化的目的。
2. 用戶級的需求。通過收集絕大部分用戶的反饋意見和痛點(diǎn)，從而得到產(chǎn)品的需求/優(yōu)化清單。
3. 用戶體驗(yàn)級需求。通過ued團(tuán)隊(duì)的制定的體驗(yàn)優(yōu)化方案，做用戶體驗(yàn)方向的需求優(yōu)化。

交互設(shè)計(jì)師參與前期產(chǎn)品需求的好處：

1. 可以更加熟悉業(yè)務(wù)，了解產(chǎn)品的背景和設(shè)計(jì)目標(biāo)，更加有利于做交互設(shè)計(jì)
2. 協(xié)助產(chǎn)品經(jīng)理分析用戶的使用場景和各個(gè)接觸點(diǎn)，使得產(chǎn)品在需求階段可以更好的與后面的交互設(shè)計(jì)銜接。
3. 可以更好的平衡商業(yè)和設(shè)計(jì)兩者之間的關(guān)系，讓設(shè)計(jì)在達(dá)到用戶體驗(yàn)的情況下更大化的發(fā)揮商業(yè)價(jià)值

用戶研究員參與前期產(chǎn)品需求的主要工作：通過用戶渠道做問卷調(diào)查，用戶訪談等手段，了解用戶的需求和使用場景，制作用戶畫像。通過輸出用戶調(diào)查報(bào)告來佐證產(chǎn)品需求的可行性。

二、需求評審

通過產(chǎn)品經(jīng)理的需求文檔的評審，討論產(chǎn)品需求的可行性，是否滿足產(chǎn)品的商業(yè)目標(biāo)、用戶目標(biāo)和產(chǎn)品目標(biāo)等。

在需求評審中產(chǎn)品經(jīng)理需要接受各個(gè)角色的挑戰(zhàn)，例如業(yè)務(wù)方、開發(fā)人員、運(yùn)營人員和設(shè)計(jì)人員。當(dāng)各方達(dá)成一致后，需求評審就基本達(dá)到了目的。

三、交互設(shè)計(jì)

交互設(shè)計(jì)師通過需求文檔將其轉(zhuǎn)化設(shè)計(jì)成交互文檔。在制作交互原型之前需要完成以下思考：

1. 為什么要做這個(gè)功能？（業(yè)務(wù)目的）
2. 產(chǎn)品期望的結(jié)果是什么樣的？（業(yè)務(wù)目標(biāo)）
3. 誰來使用這個(gè)功能，使用場景是什么？（目標(biāo)用戶）
4. 用戶為什么要使用這個(gè)功能？（用戶需求）
5. 如何讓他們高效順利的使用這個(gè)功能？（將業(yè)務(wù)目標(biāo)轉(zhuǎn)化為用戶行為）

當(dāng)思考完以上這五個(gè)點(diǎn)時(shí)，接下來就繼續(xù)理清思路，查找相關(guān)的競品，分析相關(guān)競品的用戶人群、商業(yè)定位和我們的產(chǎn)品一致亦或差異性在哪里？選擇性的學(xué)習(xí)和借鑒。

流程設(shè)計(jì)：先梳理產(chǎn)品用戶的主場景流程，然后再梳理用戶的小場景流程，最后再梳理異常流程。根據(jù)流程繪制出對應(yīng)的流程界面。

流程設(shè)計(jì)注意事項(xiàng)：

1. 充分理解業(yè)務(wù)目的、業(yè)務(wù)目標(biāo)、目標(biāo)用戶、用戶需求等，根據(jù)這些找到用戶所有流程的接觸點(diǎn)。
2. 通過場景的接觸點(diǎn)繪制出用戶的頁面流程圖。
3. 找到所有的異常場景并梳理制作。
4. 通過了解大部分用戶的行為和認(rèn)知制作出對應(yīng)的流程設(shè)計(jì)。

制作交互文檔：

交互文檔應(yīng)該包含以下7點(diǎn)內(nèi)容：完整的項(xiàng)目簡介、需求分析、新增修改紀(jì)錄、信息架構(gòu)、交互設(shè)計(jì)的方案闡述、頁面交互流程圖（包含界面布局，操作手勢，反饋效果，元素的規(guī)則定義）、異常頁面和異常情況的說明。

關(guān)于交互文檔這個(gè)會在以后文章中講到，這里暫不詳細(xì)說明。

交互文檔幾點(diǎn)建議：

1. 一個(gè)頁面一個(gè)任務(wù)，每一頁能展示的內(nèi)容是有限的，如果同一頁中堆積太多的線框圖會造成問題。
2. 每個(gè)任務(wù)都有起點(diǎn)，一個(gè)任務(wù)應(yīng)該從起點(diǎn)一直到該任務(wù)的結(jié)束整條路徑。
3. 同一頁面的不同狀態(tài)最好在一個(gè)頁面展示（不要忽略極端情況）。
4. 頁面布局規(guī)范，準(zhǔn)確傳遞設(shè)計(jì)方案。
5. 盡量黑白灰，避免原型圖對視覺設(shè)計(jì)師產(chǎn)生干擾。

四、交互評審

交互評審一般會有產(chǎn)品經(jīng)理，視覺設(shè)計(jì)師，業(yè)務(wù)方和開發(fā)參與。交互設(shè)計(jì)師評審過程中學(xué)會拆分使用場景講述交互方案。

交互設(shè)計(jì)師直接用具體的交互原型界面進(jìn)行評審很容易被質(zhì)疑和推翻。會議上的人對于具體的界面感知度很高。學(xué)會用抽象的東西進(jìn)行評審，這個(gè)可以吸引會議的人的大部分精力，最后再拿出具體的交互原型界面。

整個(gè)交互原型可以拆分為很多頁，最開始講解整個(gè)設(shè)計(jì)的背景（業(yè)務(wù)背景，技術(shù)背景），適用人群，整個(gè)交互設(shè)計(jì)解決了那些問題，然后再講需求，拆分需求，拆分不同的使用場景和對應(yīng)的功能流程圖。

基本在上述過程中，會議上的其他人不會有太多的異議。因?yàn)檫@個(gè)是抽象不容易反駁的。這個(gè)過程基本是一稿過。最后拿著對應(yīng)的場景、功能流程圖和最后的交互原型一一對應(yīng)。前面大部分時(shí)間和精力為最后的交互原型圖做鋪墊。這樣就可以讓交互一稿過。

五、視覺設(shè)計(jì)

交互評審?fù)戤?，接下來就是視覺設(shè)計(jì)師進(jìn)行視覺設(shè)計(jì)了。由于交互評審的時(shí)候視覺設(shè)計(jì)師都在場，所以視覺設(shè)計(jì)師對交互文檔會有一定的印象。對于交互文檔比較重要的地方，交互設(shè)計(jì)師可以私下給視覺設(shè)計(jì)師講解下，方便視覺設(shè)計(jì)師快速理解，保證不出錯(cuò)。交互設(shè)計(jì)師和視覺設(shè)計(jì)師是緊密相連的，視覺設(shè)計(jì)師在完成視覺稿時(shí)，需要交互設(shè)計(jì)師核對以免視覺設(shè)計(jì)師在設(shè)計(jì)過程中發(fā)生錯(cuò)誤。

六、視覺評審

在產(chǎn)品0到1時(shí)候視覺評審，會花大量時(shí)間去討論產(chǎn)品的設(shè)計(jì)風(fēng)格和主配色，再確定視覺稿沒有交互問題后，然后就是討論視覺設(shè)計(jì)稿的細(xì)節(jié)。在產(chǎn)品功能迭代的時(shí)，評審的都是整體視覺風(fēng)格的繼承性和視覺稿的細(xì)節(jié)。例如對交互設(shè)計(jì)的理解是否到位，邏輯是否正確，視覺層次是否正確等。

七、開發(fā)走查

在產(chǎn)品正式版發(fā)布之前，交互設(shè)計(jì)師和視覺設(shè)計(jì)師需要對線上測試版本進(jìn)行走查，交互設(shè)計(jì)師走查交互問題，視覺設(shè)計(jì)師走查視覺問題。兩者在走查過程中將問題匯總起來，走查的各個(gè)問題給出對應(yīng)的評級（非常嚴(yán)重、嚴(yán)重、良、一般）生成一個(gè)走查報(bào)告，并發(fā)給開發(fā)和產(chǎn)品經(jīng)理。在開發(fā)改完之后，對走查問題進(jìn)行驗(yàn)收。

八、可用性報(bào)告

對于線上的版本，需要用戶研究人員與交互一起制定可用性測試的腳本，通過測試用戶一系列操作進(jìn)行驗(yàn)證線上產(chǎn)品的易用性。在用戶研究員完成可用性測試并制作好了報(bào)告之后，交互人員會對反饋的問題，進(jìn)行評估，對于可接受的反饋意見，聯(lián)系產(chǎn)品經(jīng)理推動優(yōu)化迭代。

UX，微信公眾號：吳軼，人人都是產(chǎn)品經(jīng)理專欄作家。前華為ITUX交互組組長，現(xiàn)美團(tuán)點(diǎn)評高級交互設(shè)計(jì)師。

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

題圖來自 Unsplash，基于CC0協(xié)議。

愛盈利-運(yùn)營小咖秀(www.jza6.com) 始終堅(jiān)持研究分享移動互聯(lián)網(wǎng)App運(yùn)營推廣經(jīng)驗(yàn)、策略、全案、渠道等純干貨知識內(nèi)容；是廣大App運(yùn)營從業(yè)者的知識啟蒙、成長指導(dǎo)、進(jìn)階學(xué)習(xí)的集聚平臺；

想了解更多移動互聯(lián)網(wǎng)干貨知識，請關(guān)注微信公眾號運(yùn)營小咖秀（ID: yunyingshow）