最近，我在CanvasFlip¹上的團(tuán)隊(duì)得到一個(gè)任務(wù)：在一個(gè)星期內(nèi)完成原型并進(jìn)行可用性測試，當(dāng)我的設(shè)計(jì)團(tuán)隊(duì)發(fā)現(xiàn)我們只有5個(gè)工作日的時(shí)間來完成一個(gè)完整的原型時(shí)，我們驚慌失措！

我可以保證，世界上每一個(gè)設(shè)計(jì)團(tuán)隊(duì)都遇到過類似的情況。我們都經(jīng)歷過瘋狂的截止日期，在今天的精細(xì)化用戶體驗(yàn)的世界里，越來越多的敏捷團(tuán)隊(duì)和“快速進(jìn)入市場”的心態(tài)，都要求我們學(xué)會(huì)如何在短時(shí)間內(nèi)解決問題。

為適應(yīng)這種現(xiàn)狀，同時(shí)產(chǎn)出優(yōu)秀、可用、以用戶為中心的原型，團(tuán)隊(duì)需要有一個(gè)可靠的、結(jié)構(gòu)良好的計(jì)劃。

我們通過設(shè)計(jì)一個(gè)5天的敏捷模型達(dá)到了目的，這是一個(gè)可復(fù)用的模型，其他用戶體驗(yàn)設(shè)計(jì)人員也能使用這個(gè)模型如期完成任務(wù)。

什么是“敏捷設(shè)計(jì)” ²（design sprint）？

敏捷設(shè)計(jì)是指在一段固定的時(shí)間之內(nèi)，通常是在5天到3周之間，開發(fā)人員或設(shè)計(jì)人員（或兩者）團(tuán)隊(duì)完成了一系列的工作，這種設(shè)計(jì)通常用于敏捷方法。

5階段“敏捷設(shè)計(jì)”（?5 phase “design sprint”）是一種基于敏捷迭代（agile sprint）的方法論，由谷歌風(fēng)投（Google Ventures，簡稱GV）率先推出，隨后被用于世界各地的各種初創(chuàng)公司和設(shè)計(jì)團(tuán)隊(duì)，也包括我在CanvasFlip的團(tuán)隊(duì)。

該計(jì)劃包括界面設(shè)計(jì)、原型設(shè)計(jì)和跟用戶一起測試想法三部分。這是一種在團(tuán)隊(duì)構(gòu)建產(chǎn)品或功能之前就可以測試假設(shè)，嘗試重要想法，并獲得分析結(jié)果的快捷之路。

當(dāng)我學(xué)著去進(jìn)行敏捷設(shè)計(jì)時(shí)，發(fā)現(xiàn)這似乎是開發(fā)新功能或推出新產(chǎn)品的絕佳工具。然而，每個(gè)設(shè)計(jì)團(tuán)隊(duì)都有獨(dú)特的業(yè)務(wù)目標(biāo)和資源。因此，敏捷設(shè)計(jì)是一個(gè)方法，團(tuán)隊(duì)在此基礎(chǔ)上實(shí)驗(yàn)地越多并且根據(jù)自己的需要及時(shí)地調(diào)整它，成功的幾率就越大。

敏捷設(shè)計(jì)的目標(biāo)是完成3-4個(gè)可點(diǎn)擊的原型，以及可用性測試，以確定和完善一個(gè)“最終”原型。接下來我們每天將逐步執(zhí)行，從第一天的準(zhǔn)備開始，在敏捷設(shè)計(jì)開始之前，我們要準(zhǔn)備很多稿紙、便利貼、白板和充沛的精力！

第一天：制定理念和策略

我們?cè)缟祥_始花費(fèi)了30分鐘左右的時(shí)間，去討論我們?cè)O(shè)計(jì)的產(chǎn)品以及它的潛在的難點(diǎn)。這個(gè)溝通通常是由UX³的研究人員發(fā)起的，因?yàn)樗麄兛赡芎苁煜び脩舻耐袋c(diǎn)。我們用白板記錄溝通過程中的問題，這樣我們就能在敏捷設(shè)計(jì)的全程中看到它們。我們稱這個(gè)過程為“發(fā)現(xiàn)問題”。

緊接著，產(chǎn)品經(jīng)理、業(yè)務(wù)團(tuán)隊(duì)和開發(fā)團(tuán)隊(duì)設(shè)定所能實(shí)現(xiàn)的技術(shù)能力的極限，這些有組織的討論確定了我們?cè)谥蟮墓ぷ鞣秶?/p>

在此基礎(chǔ)上，我們討論了長期目標(biāo)，確定我們理想的解決方案。相對(duì)來說確定我們想要達(dá)成的目標(biāo)，然后去尋找如何達(dá)成它的方式是更為簡單的事。這個(gè)過程使我想起關(guān)于阿波羅13號(hào)的被稱為“敏捷設(shè)計(jì)”的短篇故事。

故事是這樣的：

在阿波羅13號(hào)被損壞后，宇航員需要找到返回地球的方法。飛行指揮抓起一支粉筆，畫了一張受損航天器從外層空間返回地球的路徑圖。這個(gè)簡單的圖表，幫助他們把注意力集中在手頭的問題上。

同樣，在本次敏捷設(shè)計(jì)中，我們使用一個(gè)白板來概述我們實(shí)現(xiàn)長期目標(biāo)將采取的步驟，雖然它可能會(huì)經(jīng)歷一些小的調(diào)整，但總體方向仍然不變。

在此之后，產(chǎn)品經(jīng)理會(huì)與團(tuán)隊(duì)溝通幾分鐘，來定義產(chǎn)品/功能的理想用戶角色。

既然每個(gè)人都在同一個(gè)起點(diǎn)上，所以我們花費(fèi)整整三個(gè)小時(shí)來進(jìn)行關(guān)于用戶角色需要的個(gè)性化思考。在早期，當(dāng)我們還在為我們的敏捷設(shè)計(jì)找到最好的模型時(shí)，我們開始了集體頭腦風(fēng)暴，但是后面我們意識(shí)到當(dāng)每個(gè)人單獨(dú)思考，然后分享他們的想法時(shí)，我們會(huì)有更好的結(jié)果。

當(dāng)我們返回房間時(shí)，每個(gè)團(tuán)隊(duì)成員共享他們的用戶角色及他們所需要的功能。當(dāng)他們分享時(shí)，我們?cè)诎装迳献龉P記。到我們離開的時(shí)候，我們已經(jīng)有了明確的目標(biāo)，很好地理解了制約因素，并且有了很多想法。

第二天：發(fā)散思維和匯總

第二天都是關(guān)于通過草圖形成解決方案，這通常是一周中最令人興奮的一天：大量的頭腦風(fēng)暴，然后通過排序來找到最棒、最優(yōu)秀的解決方案。

1. 發(fā)散思維

我鼓勵(lì)我的隊(duì)友在目前的解決方案的基礎(chǔ)上進(jìn)行思考，去探尋新的、創(chuàng)造性的想法。此處有兩種對(duì)我們有用的發(fā)散訓(xùn)練。

瘋狂8s——每人手持一張紙，折疊成8份，然后花10分鐘拋棄8種想法。標(biāo)記越大越好，把重點(diǎn)放在快速的想法而非細(xì)節(jié)上。確保團(tuán)隊(duì)成員不會(huì)被可能性或當(dāng)前存在的情況禁錮思維。

流程圖：顧名思義，它會(huì)通過流程引導(dǎo)你了解一個(gè)產(chǎn)品或功能。從用戶與功能/產(chǎn)品的第一次交互開始，劃分出可以吸引用戶進(jìn)入的每一種可能的流程，它會(huì)幫助你構(gòu)建多種以功能/產(chǎn)品為中心的可能的故事情節(jié)。

多數(shù)情況下，探尋新的和創(chuàng)造性的功能流程將會(huì)帶來更簡潔、更直觀的流程，其中一些將會(huì)是出乎意料地精彩！

瘋狂8s更適合于創(chuàng)建多個(gè)界面的構(gòu)思，而流程圖則更側(cè)重于產(chǎn)品/功能中可能存在的多個(gè)流程。

2. 匯總

片刻休息過后，是時(shí)候開始提煉這些思路了。漏斗頂部已經(jīng)填滿了，現(xiàn)在我們需要將填充物向下移動(dòng)。同樣，我們有兩個(gè)主要策略。

• 8到4到2——花15分鐘從瘋狂8s的8種想法中提煉出4種，然后再花15分鐘，從被選出的4種想法中提煉出2種。
• 魔術(shù)圖——這個(gè)是需求與人力的對(duì)比圖，創(chuàng)建一個(gè)圖表，在X軸上以劃分為1-10個(gè)評(píng)分等級(jí)，在Y軸上劃分為1-10個(gè)評(píng)分等級(jí)。然后畫出所有發(fā)散思維階段的想法，能夠沖擊成功的將是那些命中高需求和低成本的想法。

3. 決策時(shí)刻

發(fā)散思維和匯總想法通常需要花費(fèi)整個(gè)上午，有時(shí)會(huì)占用一部分下午的時(shí)間。但第二天的最后幾小時(shí)是最關(guān)鍵的，我經(jīng)常邀請(qǐng)利益相關(guān)者加入進(jìn)來。

每位團(tuán)隊(duì)成員都應(yīng)該準(zhǔn)備與團(tuán)隊(duì)分享2個(gè)“最佳”或是最終想法，對(duì)于每個(gè)想法，他們?cè)撜归_探討，回答提問并接受更多建議。

在每位團(tuán)隊(duì)成員分享完想法之后，就該進(jìn)行無聲的投票了。每個(gè)人有6票，我經(jīng)常使用貼紙當(dāng)做選票。團(tuán)隊(duì)成員和其他利益相關(guān)者可以在房間里走動(dòng)，把他們的貼紙貼在他們認(rèn)為最好的點(diǎn)子上。目標(biāo)是確定出整個(gè)團(tuán)隊(duì)，都愿意去繼續(xù)推進(jìn)的兩個(gè)最終的想法。

第三天：構(gòu)建線框圖，創(chuàng)建原型，驗(yàn)證UX流程

今天有許多工作要?jiǎng)?chuàng)建完成！我們把團(tuán)隊(duì)劃分成小組，這樣每個(gè)組都能為前一天的兩個(gè)想法制作線框圖。

為了節(jié)省時(shí)間，在繪制線框圖階段的最佳開始方式是使用筆和紙，我個(gè)人認(rèn)為紙質(zhì)原型在這個(gè)階段是最好用的，因?yàn)槟康氖球?yàn)證流程。用戶應(yīng)該關(guān)注基本的元素，而不是設(shè)計(jì)的美感。（當(dāng)我們進(jìn)入這個(gè)階段時(shí)，CanvasFlip工具也支持紙質(zhì)原型，這顯然是我最喜歡的。）

我們花了一整天的時(shí)間在線框圖上，在時(shí)間允許的情況下把它們放在像Balsamiq這樣的在線程序中，或者使用CanvasFlip將紙質(zhì)草圖放進(jìn)原型中。一旦線框圖完成，我們便和團(tuán)隊(duì)的其他成員分享原型。在一群封閉型的團(tuán)隊(duì)成員們那里測試線框原型，這能幫助我們驗(yàn)證原型的流程。

在最后一小時(shí)，我們討論了線框原型以及通過在我們自己的團(tuán)隊(duì)進(jìn)行內(nèi)部測試所總結(jié)出的UX見解，設(shè)計(jì)師們對(duì)原型的各個(gè)部分發(fā)表意見。在房間里，我們也有UX研究人員進(jìn)行見解分享。

因此，到今天為止，我們已經(jīng)完成了兩個(gè)原型并準(zhǔn)備好進(jìn)行可用性測試了。

第四天：優(yōu)化原型

第四天集中精力在兩件事上：完成設(shè)計(jì)并準(zhǔn)備可用性測試。

一組成員要把今天花費(fèi)在設(shè)計(jì)上，如果第三天產(chǎn)出了紙質(zhì)原型，第四天就可以用來把紙質(zhì)草稿或者線框圖變成高保真原型。最重要的是，第一組需要確定我們計(jì)劃要測試的所有功能的交互。

第二組要和UX研究員密切合作去編寫測試文檔（script⁴）并招募測試者，我們通過許多不同的方式招募測試者，包括在社交媒體上。在某些情況下，甚至?xí)蛡蛞粋€(gè)專業(yè)的服務(wù)方。

CanvasFlip已經(jīng)與一些根據(jù)用戶角色，來招募測試者的機(jī)構(gòu)進(jìn)行了合作。

到今天為止，兩個(gè)團(tuán)隊(duì)都已經(jīng)有了他們的產(chǎn)出：

• 兩個(gè)最終原型（如果只有一個(gè)，也沒關(guān)系）；
• 一個(gè)問題列表和主持人的流程指導(dǎo)手冊(cè)。

確保在一天的最后預(yù)留出一個(gè)小時(shí)左右的時(shí)間來檢查一下原型，列出盡可能多的需要注意的最終假設(shè)或者關(guān)鍵點(diǎn)。

第五天：驗(yàn)證

第五天一整天都用來討論問題、發(fā)表見解和得出答案，我們引入真正的用戶并驗(yàn)證原型。如果我們?cè)谇皫滋鞙?zhǔn)備好了兩個(gè)原型，我們要把用戶分為兩組，每組測試一個(gè)原型。這混入了一些A/B測試，這樣會(huì)產(chǎn)生顯著的效果。

我不會(huì)解釋如何實(shí)施一個(gè)可用性測試，因?yàn)樵S多人已經(jīng)寫過很多關(guān)于可用性測試的話題。相反的，我只記錄研討的重點(diǎn)。

此外，我們使用CanvasFlip來實(shí)現(xiàn)這一功能，正如我們研發(fā)這個(gè)工具的目的，通過它我們可以看到更多額外的分析，比如：存在更高用戶流失率的界面和熱點(diǎn)圖。但是，不管使用什么工具，重要的是要盡可能多的獲取信息，并做大量筆記。

在今天結(jié)束時(shí)，團(tuán)隊(duì)就有了一個(gè)經(jīng)過驗(yàn)證的原型，可以用來繼續(xù)推進(jìn)工作。我們已經(jīng)到達(dá)了敏捷設(shè)計(jì)的末尾，并且團(tuán)隊(duì)和利益相關(guān)者應(yīng)該會(huì)對(duì)他們的選擇和用戶會(huì)對(duì)什么做出明確的反應(yīng)，有一個(gè)更清晰的想法。

結(jié)束語

在短短五天時(shí)間里，每天工作將近8小時(shí)，我們獲得了一個(gè)通常需要花費(fèi)幾個(gè)月才能產(chǎn)出的成果。通過一切從基礎(chǔ)做起，我們對(duì)于什么讓我們的設(shè)計(jì)具有可用性和吸引力的有了更深的理解。

名詞解釋：

1. CanvasFlip：是一個(gè)基于云計(jì)算的設(shè)計(jì)協(xié)助和測試平臺(tái)，使設(shè)計(jì)人員能夠創(chuàng)建設(shè)計(jì)原型和捕獲針對(duì)他們?cè)O(shè)計(jì)的分析。（https://www.canvasflip.com/）
2. 敏捷設(shè)計(jì)：一個(gè)5階段框架，通過快速原型和用戶測試幫助回答關(guān)鍵的業(yè)務(wù)問題。敏捷設(shè)計(jì)讓你的團(tuán)隊(duì)達(dá)到清晰明確的目標(biāo)和獲得交付成果，并迅速掌握關(guān)鍵的學(xué)習(xí)。這個(gè)過程有助于激發(fā)創(chuàng)新，鼓勵(lì)以用戶為中心的思維，使你的團(tuán)隊(duì)在一個(gè)共同的愿景下保持一致，并使你更快地推出產(chǎn)品。（https://designsprintkit.withgoogle.com/）
3. UX：User experience，簡稱UX。中文翻譯為：用戶體驗(yàn)。
4. script：這個(gè)單詞有腳本、指南的意思，文檔沒有腳本的意思，腳本就是劇本，一步步的指南。在英文中提到script多翻譯為按步驟指導(dǎo)。此處根據(jù)語境翻譯為測試文檔，因?yàn)楹笪奶岬搅藴y試人員，他們也是需要按步驟測試的。

原文作者：Monika Adarsh

原文地址：http://www.uxbooth.com/articles/40-hours-to-prototype/

本文由 @?阿葵么 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖作者提供