交互

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

2250

作為一名 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í)讓人滿(mǎn)頭霧水的問(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ì)流程一定需要有用戶(hù)反饋。在流程中的每一步，都要盡可能地去收集用戶(hù)反饋，然后將之納入你的產(chǎn)品迭代設(shè)計(jì)中。

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

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

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

△ via https://uxmastery.com

影響 UX 流程的因素：

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

為什么需要UX流程？

在深入探索 UX 流程不同層級(jí)的特點(diǎn)以及對(duì)產(chǎn)品的影響前，了解為什么需要用戶(hù)體驗(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)你的客戶(hù)和面試官。如果流程來(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è)概念?，F(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. 研究

研究，也稱(chēng)為「發(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ò)研究后，才能充分了解用戶(hù)并創(chuàng)造用戶(hù)知情體驗(yàn)，從這開(kāi)始，才算進(jìn)入真正的 UX 流程。競(jìng)品研究和用戶(hù)研究就是 UX 流程中使用研究要素的兩個(gè)絕佳例子。

3. 分析

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

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

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

△ via www.pinterest.com

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

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

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

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

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

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

5. 交付物

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

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

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

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

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

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

△ 最佳方案是不同設(shè)計(jì)階段各自展開(kāi)，相互滲透，共同結(jié)束──Jesse James Garrett「用戶(hù)體驗(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ù)用戶(hù)反饋交替重復(fù)的推進(jìn)或者回滾。

戰(zhàn)略層

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

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

包含要素：

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

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

范圍層

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

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

包含要素：

分析：范圍層需要基于市場(chǎng)，用戶(hù)和競(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)，可以使用低保真的線(xiàn)框圖。簡(jiǎn)單的界面設(shè)計(jì)也可以開(kāi)始進(jìn)行，展現(xiàn)給用戶(hù)進(jìn)行反饋并驗(yàn)證。
交付物：如果產(chǎn)品的信息架構(gòu)設(shè)計(jì)沒(méi)有問(wèn)題，基于界面設(shè)計(jì)的用戶(hù)反饋，可以開(kāi)始著手包含視覺(jué)元素，品牌等的高保真原型設(shè)計(jì)。