用一個(gè)完整可執(zhí)行的 UX 流程，讓你的設(shè)計(jì)效率翻一倍！

作為一名 UX 設(shè)計(jì)師或者實(shí)習(xí)生，入職新工作的前一兩周一般都是輕松無(wú)壓力的。這段適應(yīng)期甚至只會(huì)給你一個(gè)需求任務(wù)，你只用畫(huà)畫(huà)圖，寫(xiě)寫(xiě)文檔就能應(yīng)付。

如果入職后做的項(xiàng)目時(shí)間排期很充裕，開(kāi)發(fā)可能就會(huì)在你做好設(shè)計(jì)稿后才開(kāi)工。倘若項(xiàng)目有多個(gè)產(chǎn)品，設(shè)計(jì)師又只有你一個(gè)，壓力就會(huì)陡增，每個(gè)人都在等你的設(shè)計(jì)，這太浪費(fèi)時(shí)間了。所以，有一個(gè)完整良好的 UX 流程很關(guān)鍵。

在正文開(kāi)始之前，不得不說(shuō)當(dāng)年初入行時(shí)讓人滿頭霧水的問(wèn)題。為什么不同設(shè)計(jì)師寫(xiě)的 UX 流程不一樣？一個(gè)可執(zhí)行的 UX 流程到底是什么樣的？我看了很多 UX 流程的文章，卻還是不知道從何入手。

其實(shí)就像不下水，永遠(yuǎn)學(xué)不會(huì)游泳；不做 UX 設(shè)計(jì)，也永遠(yuǎn)無(wú)法掌握 UX 流程一樣，實(shí)踐才能見(jiàn)真章。

下面就用理論和實(shí)踐經(jīng)驗(yàn)來(lái)闡明 UX 流程的精髓。

什么是UX設(shè)計(jì)流程？

△ via http://uxdesign.com

UX 流程可以定義為一種幫助設(shè)計(jì)師對(duì)設(shè)計(jì)進(jìn)行迭代和打磨的設(shè)計(jì)方法。

一套好的設(shè)計(jì)流程一定需要有用戶反饋。在流程中的每一步，都要盡可能地去收集用戶反饋，然后將之納入你的產(chǎn)品迭代設(shè)計(jì)中。

因此我們可以將它重新定義：

UX 流程是一種基于用戶反饋而不斷改進(jìn)和打磨設(shè)計(jì)的迭代方法。

此外，因設(shè)計(jì)師、團(tuán)隊(duì)甚至項(xiàng)目的不同，都會(huì)導(dǎo)致 UX 流程的差異性。

△ via https://uxmastery.com

影響 UX 流程的因素：

• 項(xiàng)目
• 客戶
• 預(yù)算
• 排期
• 設(shè)計(jì)師的經(jīng)驗(yàn)

為什么需要UX流程？

在深入探索 UX 流程不同層級(jí)的特點(diǎn)以及對(duì)產(chǎn)品的影響前，了解為什么需要用戶體驗(yàn)過(guò)程將幫助您更好地理解其重要性。

1. 明確技術(shù)流程，耗時(shí)，優(yōu)缺點(diǎn)

根據(jù)上述提到的 5 個(gè) UX 流程影響因素，合理的選用不同的技術(shù)流程，并決定何時(shí)及如何使用這些不同的技術(shù)方案。因?yàn)閷?duì)于一個(gè)項(xiàng)目來(lái)說(shuō)，不是技術(shù)決定成敗，而是要合適才行。可以查看這個(gè)總結(jié)的設(shè)計(jì)工具鏈接（https://uxmastery.com/resources/techniques/）并進(jìn)行選擇。

2. 讓同事了解你的設(shè)計(jì)進(jìn)展

身為設(shè)計(jì)師的你，要不就是在畫(huà)設(shè)計(jì)圖，要不就是在想怎么設(shè)計(jì)。而真正的項(xiàng)目大多都是團(tuán)隊(duì)協(xié)作，需要同事之間互相溝通。所以當(dāng)你使用的一套 UX 流程，是眾所周知的大概流程，就能省去很多溝通上的煩惱，讓所有同事都能了解你的設(shè)計(jì)進(jìn)展。

3. 表現(xiàn)你的設(shè)計(jì)能力

UX 流程除了對(duì)特定的項(xiàng)目有效外，還可以成為你作品集中展示設(shè)計(jì)水平的案例，來(lái)打動(dòng)你的客戶和面試官。如果流程來(lái)源于曾經(jīng)待過(guò)的小組，那也足以證明前團(tuán)隊(duì)的專(zhuān)業(yè)水準(zhǔn)。

4. 幫助評(píng)估設(shè)計(jì)工作量

借助 UX 流程，可以把握產(chǎn)品的不同階段該使用什么樣的技術(shù)或工具，和各個(gè)階段使用這些方案時(shí)所花費(fèi)的時(shí)間。同時(shí)也能依據(jù)之前的經(jīng)驗(yàn)，估算工作時(shí)長(zhǎng)，準(zhǔn)確排期。自由職業(yè)者還可以憑此決定接單價(jià)格。

UX流程的關(guān)鍵要素

首先，我想?yún)^(qū)分兩個(gè)概念。現(xiàn)在要介紹的是 UX 流程的關(guān)鍵要素，而不是之后會(huì)重點(diǎn)說(shuō)明的 UX 設(shè)計(jì)階段。UX 流程的設(shè)計(jì)階段通常根據(jù)項(xiàng)目，排期和設(shè)計(jì)師的優(yōu)勢(shì)來(lái)決定，同時(shí)會(huì)包含多個(gè) UX 流程的要素。

1. 策略

戰(zhàn)略指的是一些原則性的準(zhǔn)則，比如品牌表達(dá)，組織的長(zhǎng)期目標(biāo)，項(xiàng)目指導(dǎo)原則，項(xiàng)目目標(biāo)，項(xiàng)目成功的評(píng)估標(biāo)準(zhǔn)，目標(biāo)優(yōu)先級(jí)。

△ via www.dtelepathy.com

2. 研究

研究，也稱為「發(fā)現(xiàn)」。這是不同項(xiàng)目間差異最大的設(shè)計(jì)要素，因?yàn)槭歉鶕?jù)項(xiàng)目所采用的 UX 策略（精益UX和敏捷UX）來(lái)具體選擇的。

△ via https://careerfoundry.com

有點(diǎn)不可思議的是研究要素最容易被設(shè)計(jì)師忽略。但是只有做過(guò)研究后，才能充分了解用戶并創(chuàng)造用戶知情體驗(yàn)，從這開(kāi)始，才算進(jìn)入真正的 UX 流程。競(jìng)品研究和用戶研究就是 UX 流程中使用研究要素的兩個(gè)絕佳例子。

3. 分析

通過(guò)分析，設(shè)計(jì)師可以透過(guò)現(xiàn)象看本質(zhì)。

• 現(xiàn)象：在研究過(guò)程中收集的數(shù)據(jù)反映的一系列情況。
• 本質(zhì)：設(shè)計(jì)師驗(yàn)證對(duì)終端用戶本質(zhì)需求的假設(shè)。

為了理解本質(zhì)由現(xiàn)象得出，我們需要收集，清洗和挖掘得到的數(shù)據(jù)，分析本質(zhì)并驗(yàn)證。

△ via www.pinterest.com

每位設(shè)計(jì)師都聽(tīng)過(guò)喬布斯的名言，使用分析要素就是想實(shí)現(xiàn)這一點(diǎn)。用戶可能很直接地告訴你想要什么，但是經(jīng)過(guò)分析，你會(huì)在調(diào)查研究過(guò)程中發(fā)現(xiàn)他真正需要的可能是別的。作為 UX 設(shè)計(jì)師，可以進(jìn)一步和終端用戶溝通，驗(yàn)證我們的假設(shè)，然后對(duì)現(xiàn)有產(chǎn)品做功能改進(jìn)，增加新功能或者提高易用性。

4. 設(shè)計(jì)

設(shè)計(jì)包含協(xié)作與迭代。

• 協(xié)作：所有相關(guān)人員的參與和想法。相關(guān)人員可以是客戶，團(tuán)隊(duì)的開(kāi)發(fā)人員或者其他利益相關(guān)者。
• 迭代：重復(fù)不斷的驗(yàn)證想法和假設(shè)。

設(shè)計(jì)可以把產(chǎn)品思路具象化在用戶面前，從而得到反饋并改進(jìn)設(shè)計(jì)。改進(jìn)設(shè)計(jì)并重復(fù)這個(gè)過(guò)程，直到客戶和設(shè)計(jì)師都認(rèn)可。

為了聚焦用戶在體驗(yàn)設(shè)計(jì)解決方案上的注意力，只需要低保真原型，比如紙質(zhì)原型，線框交互圖和部分功能原型圖，不需要涉及任何圖形設(shè)計(jì)，品牌和視覺(jué)細(xì)節(jié)。

5. 交付物

交付物一般是完整的高保真原型，也就是設(shè)計(jì)要素中沒(méi)有體現(xiàn)的部分。通常使用在線原型展示，增加圖形設(shè)計(jì)，品牌設(shè)計(jì)和視覺(jué)細(xì)節(jié)。

此外，這也是我們與最終用戶，用戶測(cè)試以及開(kāi)發(fā)人員協(xié)作驗(yàn)證高保真設(shè)計(jì)的地方。

這聽(tīng)起來(lái)好像瀑布流的形式，但其中我們遵從的原則是敏捷。

△ 遵循不同設(shè)計(jì)階段各自展開(kāi)，互不滲透而設(shè)計(jì)出的產(chǎn)品并不會(huì)讓你和用戶滿意──Jesse James Garrett「用戶體驗(yàn)要素」

上圖是一個(gè)常見(jiàn)的錯(cuò)誤模型，我猜和你看完 UX 流程要素后在頭腦里建立的模型一樣。

讓我們看看正確的示例，正確的模型是自由的交替重復(fù)使用五要素。

△ 最佳方案是不同設(shè)計(jì)階段各自展開(kāi)，相互滲透，共同結(jié)束──Jesse James Garrett「用戶體驗(yàn)要素」

因此，下一個(gè)層級(jí)的 UX 設(shè)計(jì)未完成前，不要結(jié)束上一個(gè)層級(jí)的 UX 設(shè)計(jì)。

剛剛是討論「設(shè)計(jì)階段」，那么「設(shè)計(jì)要素」呢？

讓我們看下 Jesse James Garrett 提到的設(shè)計(jì)階段，可以作為一個(gè)常規(guī) UX 流程示例來(lái)看看設(shè)計(jì)要素扮演的角色。

△ UX要素──Jesse James Garrett

重申一遍，設(shè)計(jì)階段不是遵循瀑布式模型，而是根據(jù)用戶反饋交替重復(fù)的推進(jìn)或者回滾。

戰(zhàn)略層

這個(gè)設(shè)計(jì)階段做什么？

• 定義產(chǎn)品目標(biāo)
• 用戶需求：考慮用戶希望從產(chǎn)品中獲得什么
• 確定商業(yè)目標(biāo)

包含要素：

• 策略：通過(guò)前文提到的策略和研究要素，定義產(chǎn)品目標(biāo)和商業(yè)目標(biāo)。
• 研究：同時(shí)，為了清晰商業(yè)目標(biāo)和用戶需求，需要進(jìn)行競(jìng)品研究，市場(chǎng)研究和用戶研究。這就是研究要素發(fā)光發(fā)熱之處。

如你所見(jiàn)，策略和研究要素可以同時(shí)采用，交替采用或者重復(fù)采用。

范圍層

這個(gè)設(shè)計(jì)階段做什么？

• 定義產(chǎn)品的功能和特性
• 定義功能規(guī)格
• 定義內(nèi)容需求

包含要素：

• 分析：范圍層需要基于市場(chǎng)，用戶和競(jìng)品的研究來(lái)進(jìn)行分析，從而得出結(jié)論。

結(jié)構(gòu)層

這個(gè)設(shè)計(jì)階段做什么？

• 產(chǎn)品結(jié)構(gòu)的抽象展現(xiàn)
• 交互設(shè)計(jì)
• 定義信息架構(gòu)

包含要素：

• 分析：分析范圍層定義的需求和功能，從而得出產(chǎn)品結(jié)構(gòu)或者信息架構(gòu)。
• 設(shè)計(jì)：基于產(chǎn)品結(jié)構(gòu)和信息架構(gòu)，可以開(kāi)始使用設(shè)計(jì)工具，比如流程圖，開(kāi)始交互設(shè)計(jì)的第一步。

框架層

這個(gè)設(shè)計(jì)階段做什么？

• 產(chǎn)品結(jié)構(gòu)的具體展現(xiàn)
• 信息設(shè)計(jì)
• 交互設(shè)計(jì)

包含要素：

• 設(shè)計(jì)：重點(diǎn)設(shè)計(jì)已經(jīng)定義的產(chǎn)品信息架構(gòu)，可以使用低保真的線框圖。簡(jiǎn)單的界面設(shè)計(jì)也可以開(kāi)始進(jìn)行，展現(xiàn)給用戶進(jìn)行反饋并驗(yàn)證。
• 交付物：如果產(chǎn)品的信息架構(gòu)設(shè)計(jì)沒(méi)有問(wèn)題，基于界面設(shè)計(jì)的用戶反饋，可以開(kāi)始著手包含視覺(jué)元素，品牌等的高保真原型設(shè)計(jì)。

表現(xiàn)層

這個(gè)設(shè)計(jì)階段做什么？

• 最終的產(chǎn)品展現(xiàn)
• 決定了產(chǎn)品的界面風(fēng)格，感覺(jué)和交互形式
• 進(jìn)行用戶測(cè)試

包含要素：

• 交付物：產(chǎn)品已經(jīng)定義并展現(xiàn)，采用用戶測(cè)試來(lái)進(jìn)行驗(yàn)收，并將新的用戶反饋納入產(chǎn)品解決方案進(jìn)行迭代優(yōu)化。

以上就是設(shè)計(jì)要素在不同設(shè)計(jì)階段所扮演的角色。你可以根據(jù)自己的需求，常用設(shè)計(jì)工具和設(shè)計(jì)習(xí)慣等定義你自己的 UX 流程。

原文鏈接：《What is your UX process？》? Nadeeka Athukorala

歡迎關(guān)注譯者的微信公眾號(hào)：「彩云譯設(shè)計(jì)」