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

互聯(lián)網(wǎng)大廠 UED團(tuán)隊(duì)設(shè)計(jì)流程，通常有以下流程階段：產(chǎn)品需求 > 需求評(píng)審 > 交互設(shè)計(jì) > 交互評(píng)審 >視覺設(shè)計(jì) > 視覺評(píng)審 > 開發(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ǎng)景分析。用戶研究員可通過訪談?dòng)脩魜?lái)挖掘用戶需求。

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

戰(zhàn)略級(jí)產(chǎn)品需求：這是產(chǎn)品需求中最核心的，它關(guān)系到整個(gè)產(chǎn)品模型，影響到產(chǎn)品的運(yùn)營(yíng)和商業(yè)模式，通過特定的目標(biāo)人群的痛點(diǎn)制定的用戶目標(biāo)，然后將用戶目標(biāo)轉(zhuǎn)化為產(chǎn)品目標(biāo)，從而達(dá)到商業(yè)化的目的。

用戶級(jí)的需求：通過收集絕大部分用戶的反饋意見和痛點(diǎn)，從而得到產(chǎn)品的需求/優(yōu)化清單。

用戶體驗(yàn)級(jí)需求：通過 ued團(tuán)隊(duì)制定的體驗(yàn)優(yōu)化方案，做用戶體驗(yàn)方向的需求優(yōu)化。

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

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

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

二、需求評(píng)審

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

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

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

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

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

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

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

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

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

制作交互文檔：

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

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

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

四、交互評(píng)審

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

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

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

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

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

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

六、視覺評(píng)審

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

七、開發(fā)走查

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

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

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

編者注：推薦京東內(nèi)部的可用性測(cè)試表格 →?《超好用的用戶體驗(yàn)提升模型》

歡迎關(guān)注作者的微信公眾號(hào)：「吳軼」

圖片素材來(lái)源：undraw.co

「設(shè)計(jì)流程合集」

• 《一個(gè)完善的產(chǎn)品設(shè)計(jì)流程是怎樣的？聽聽美團(tuán)設(shè)計(jì)師怎么說(shuō)》
• 《接地氣！國(guó)內(nèi)知名UED團(tuán)隊(duì)的設(shè)計(jì)流程是怎樣的？》
• 《在大公司，APP的設(shè)計(jì)流程和時(shí)間分配是怎樣的？》