40小時出原型

最近,我在CanvasFlip上的團隊得到一個任務(wù):在一個星期內(nèi)完成原型并進行可用性測試。當(dāng)我的設(shè)計團隊發(fā)現(xiàn)我們只有5個工作日的時間來完成一個完整的原型時驰怎,我們驚慌失措嗜桌!

我可以保證,世界上每一個設(shè)計團隊都遇到過類似的情況鸥诽。我們都經(jīng)歷過瘋狂的截止日期,在今天的精細化用戶體驗的世界里,越來越多的敏捷團隊和“快速進入市場”的心態(tài)负蚊,都要求我們學(xué)會如何在短時間內(nèi)解決問題。為適應(yīng)這種現(xiàn)狀颓哮,同時產(chǎn)出優(yōu)秀家妆、可用、以用戶為中心的原型冕茅,團隊需要有一個可靠的伤极、結(jié)構(gòu)良好的計劃。

我們通過設(shè)計一個5天的敏捷模型達到了目的姨伤。這是一個可復(fù)用的模型哨坪,其他用戶體驗設(shè)計人員也能使用這個模型如期完成任務(wù)。

什么是“敏捷設(shè)計(design sprint)” 乍楚?

敏捷設(shè)計是指在一段固定的時間之內(nèi)当编,通常是在5天到3周之間,開發(fā)人員或設(shè)計人員(或兩者)團隊完成了一系列的工作炊豪。這種設(shè)計通常用于敏捷方法凌箕。5階段“敏捷設(shè)計”(?5 phase “design sprint”)是一種基于敏捷迭代(agile sprint)的方法論,由谷歌風(fēng)投(Google Ventures词渤,簡稱GV)率先推出牵舱,隨后被用于世界各地的各種初創(chuàng)公司和設(shè)計團隊,也包括我在CanvasFlip的團隊缺虐。該計劃包括界面設(shè)計芜壁、原型設(shè)計和跟用戶一起測試想法三部分。這是一種在團隊構(gòu)建產(chǎn)品或功能之前就可以測試假設(shè),嘗試重要想法慧妄,并獲得分析結(jié)果的快捷之路顷牌。

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

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

第一天——制定理念和策略

我們早上開始花費了30分鐘左右的時間去討論我們設(shè)計的產(chǎn)品以及它的潛在的難點征冷。這個溝通通常是由UX3的研究人員發(fā)起的贮折,因為他們可能很熟悉用戶的痛點。我們用白板記錄溝通過程中的問題资盅,這樣我們就能在敏捷設(shè)計的全程中看到它們。我們稱這個過程為“發(fā)現(xiàn)問題”踊赠。

緊接著呵扛,產(chǎn)品經(jīng)理、業(yè)務(wù)團隊和開發(fā)團隊設(shè)定所能實現(xiàn)的技術(shù)能力的極限筐带。這些有組織的討論確定了我們在之后的工作范圍今穿。

在此基礎(chǔ)上,我們討論了長期目標(biāo)伦籍,確定我們理想的解決方案蓝晒。相對來說確定我們想要達成的目標(biāo),然后去尋找如何達成它的方式是更為簡單的事帖鸦。這個過程使我想起關(guān)于阿波羅13號的被稱為“敏捷設(shè)計”的短篇故事芝薇。故事是這樣的:在阿波羅13號被損壞后,宇航員需要找到返回地球的方法作儿。飛行指揮抓起一支粉筆洛二,畫了一張受損航天器從外層空間返回地球的路徑圖。這個簡單的圖表幫助他們把注意力集中在手頭的問題上。同樣晾嘶,在本次敏捷設(shè)計中妓雾,我們使用一個白板來概述我們實現(xiàn)長期目標(biāo)將采取的步驟,雖然它可能會經(jīng)歷一些小的調(diào)整垒迂,但總體方向仍然不變械姻。

在此之后,產(chǎn)品經(jīng)理會與團隊溝通幾分鐘机断,來定義產(chǎn)品/功能的理想用戶角色楷拳。

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

當(dāng)我們返回房間時产上,每個團隊成員共享他們的用戶角色及他們所需要的功能。當(dāng)他們分享時蛾狗,我們在白板上做筆記晋涣。到我們離開的時候,我們已經(jīng)有了明確的目標(biāo)沉桌,很好地理解了制約因素谢鹊,并且有了很多想法。

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

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

發(fā)散思維

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

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

流程圖——顧名思義傲绣,它會通過流程引導(dǎo)你了解一個產(chǎn)品或功能。從用戶與功能/產(chǎn)品的第一次交互開始巩踏,劃分出可以吸引用戶進入的每一種可能的流程秃诵。它會幫助你構(gòu)建多種以功能/產(chǎn)品為中心的可能的故事情節(jié)。多數(shù)情況下塞琼,探尋新的和創(chuàng)造性的功能流程將會帶來更簡潔菠净、更直觀的流程。其中一些將會是出乎意料地精彩彪杉!

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

匯總

片刻休息過后派近,是時候開始提煉這些思路了攀唯。漏斗頂部已經(jīng)填滿了,現(xiàn)在我們需要將填充物向下移動渴丸。同樣侯嘀,我們有兩個主要策略。

8到4到2——花15分鐘從瘋狂8s的8種想法中提煉出4種谱轨。然后再花15分鐘戒幔,從被選出的4種想法中提煉出2種。

魔術(shù)圖——這個是需求與人力的對比圖土童。創(chuàng)建一個圖表诗茎,在X軸上以劃分為1-10個評分等級,在Y軸上劃分為1-10個評分等級献汗。然后畫出所有發(fā)散思維階段的想法敢订。能夠沖擊成功的將是那些命中高需求和低成本的想法。

決策時刻

發(fā)散思維和匯總想法通常需要花費整個上午罢吃,有時會占用一部分下午的時間枢析。但第二天的最后幾小時是最關(guān)鍵的,我經(jīng)常邀請利益相關(guān)者加入進來刃麸。

每位團隊成員都應(yīng)該準(zhǔn)備與團隊分享2個“最佳”或是最終想法。對于每個想法司浪,他們該展開探討泊业,回答提問并接受更多建議。在每位團隊成員分享完想法之后啊易,就該進行無聲的投票了吁伺。每個人有6票——我經(jīng)常使用貼紙當(dāng)做選票。團隊成員和其他利益相關(guān)者可以在房間里走動租谈,把他們的貼紙貼在他們認為最好的點子上篮奄。目標(biāo)是確定出整個團隊都愿意去繼續(xù)推進的兩個最終的想法捆愁。

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

今天有許多工作要創(chuàng)建完成!我們把團隊劃分成小組窟却,這樣每個組都能為前一天的兩個想法制作線框圖昼丑。

為了節(jié)省時間,在繪制線框圖階段的最佳開始方式是使用筆和紙夸赫。我個人認為紙質(zhì)原型在這個階段是最好用的菩帝,因為目的是驗證流程。用戶應(yīng)該關(guān)注基本的元素茬腿,而不是設(shè)計的美感呼奢。(當(dāng)我們進入這個階段時,CanvasFlip工具也支持紙質(zhì)原型切平,這顯然是我最喜歡的握础。)

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

在最后一小時邦蜜,我們討論了線框原型以及通過在我們自己的團隊進行內(nèi)部測試所總結(jié)出的UX見解依鸥。設(shè)計師們對原型的各個部分發(fā)表意見。在房間里悼沈,我們也有UX研究人員進行見解分享贱迟。因此,到今天為止絮供,我們已經(jīng)完成了兩個原型并準(zhǔn)備好進行可用性測試了衣吠。

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

第四天集中精力在兩件事上:完成設(shè)計并準(zhǔn)備可用性測試。一組成員要把今天花費在設(shè)計上壤靶。如果第三天產(chǎn)出了紙質(zhì)原型缚俏,第四天就可以用來把紙質(zhì)草稿或者線框圖變成高保真原型。最重要的是贮乳,第一組需要確定我們計劃要測試的所有功能的交互忧换。

第二組要和UX研究員密切合作去編寫測試文檔(script)并招募測試者。我們通過許多不同的方式招募測試者向拆,包括在社交媒體上亚茬,在某些情況下,甚至?xí)蛡蛞粋€專業(yè)的服務(wù)方浓恳。CanvasFlip已經(jīng)與一些根據(jù)用戶角色來招募測試者的機構(gòu)進行了合作刹缝。

到今天為止碗暗,兩個團隊都已經(jīng)有了他們的產(chǎn)出:

兩個最終原型(如果只有一個,也沒關(guān)系)

一個問題列表和主持人的流程指導(dǎo)手冊

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

第五天——驗證

第五天一整天都用來討論問題、發(fā)表見解和得出答案厨疙。我們引入真正的用戶并驗證原型洲守。如果我們在前幾天準(zhǔn)備好了兩個原型,我們要把用戶分為兩組沾凄,每組測試一個原型梗醇。這混入了一些A/B測試,這樣會產(chǎn)生顯著的效果撒蟀。

我不會解釋如何實施一個可用性測試叙谨,因為許多人已經(jīng)寫過很多關(guān)于可用性測試的話題。相反的保屯,我只記錄研討的重點手负。此外,我們使用CanvasFlip來實現(xiàn)這一功能姑尺,正如我們研發(fā)這個工具的目的竟终,通過它我們可以看到更多額外的分析,比如存在更高用戶流失率的界面和熱點圖切蟋。但是统捶,不管使用什么工具,重要的是要盡可能多的獲取信息柄粹,并做大量筆記喘鸟。

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

結(jié)束語

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


名詞解釋:

1拗秘、CanvasFlip:是一個基于云計算的設(shè)計協(xié)助和測試平臺,使設(shè)計人員能夠創(chuàng)建設(shè)計原型和捕獲針對他們設(shè)計的分析祈惶。(https://www.canvasflip.com/

2雕旨、敏捷設(shè)計(design sprint:一個5階段框架扮匠,通過快速原型和用戶測試幫助回答關(guān)鍵的業(yè)務(wù)問題。敏捷設(shè)計讓你的團隊達到清晰明確的目標(biāo)和獲得交付成果凡涩,并迅速掌握關(guān)鍵的學(xué)習(xí)棒搜。這個過程有助于激發(fā)創(chuàng)新,鼓勵以用戶為中心的思維活箕,使你的團隊在一個共同的愿景下保持一致力麸,并使你更快地推出產(chǎn)品。(https://designsprintkit.withgoogle.com/

3育韩、script:這個單詞有腳本克蚂、指南的意思,文檔沒有腳本的意思筋讨,腳本就是劇本埃叭,一步步的指南。在英文中提到script多翻譯為按步驟指導(dǎo)悉罕。此處根據(jù)語境翻譯為測試文檔赤屋,因為后文提到了測試人員,他們也是需要按步驟測試的壁袄。

原文作者:Monika Adarsh

原文鏈接:http://www.uxbooth.com/articles/40-hours-to-prototype/

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末类早,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子嗜逻,更是在濱河造成了極大的恐慌涩僻,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,194評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件变泄,死亡現(xiàn)場離奇詭異令哟,居然都是意外死亡,警方通過查閱死者的電腦和手機妨蛹,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,058評論 2 385
  • 文/潘曉璐 我一進店門屏富,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人蛙卤,你說我怎么就攤上這事狠半。” “怎么了颤难?”我有些...
    開封第一講書人閱讀 156,780評論 0 346
  • 文/不壞的土叔 我叫張陵神年,是天一觀的道長。 經(jīng)常有香客問我行嗤,道長已日,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,388評論 1 283
  • 正文 為了忘掉前任栅屏,我火速辦了婚禮飘千,結(jié)果婚禮上堂鲜,老公的妹妹穿的比我還像新娘。我一直安慰自己护奈,他們只是感情好缔莲,可當(dāng)我...
    茶點故事閱讀 65,430評論 5 384
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著霉旗,像睡著了一般痴奏。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上厌秒,一...
    開封第一講書人閱讀 49,764評論 1 290
  • 那天读拆,我揣著相機與錄音,去河邊找鬼简僧。 笑死建椰,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的岛马。 我是一名探鬼主播棉姐,決...
    沈念sama閱讀 38,907評論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼啦逆!你這毒婦竟也來了伞矩?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,679評論 0 266
  • 序言:老撾萬榮一對情侶失蹤夏志,失蹤者是張志新(化名)和其女友劉穎乃坤,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體沟蔑,經(jīng)...
    沈念sama閱讀 44,122評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡湿诊,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,459評論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了瘦材。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片厅须。...
    茶點故事閱讀 38,605評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖食棕,靈堂內(nèi)的尸體忽然破棺而出朗和,到底是詐尸還是另有隱情,我是刑警寧澤簿晓,帶...
    沈念sama閱讀 34,270評論 4 329
  • 正文 年R本政府宣布眶拉,位于F島的核電站,受9級特大地震影響憔儿,放射性物質(zhì)發(fā)生泄漏忆植。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,867評論 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望朝刊。 院中可真熱鬧吴侦,春花似錦、人聲如沸坞古。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,734評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽痪枫。三九已至,卻和暖如春叠艳,著一層夾襖步出監(jiān)牢的瞬間奶陈,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,961評論 1 265
  • 我被黑心中介騙來泰國打工附较, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留吃粒,地道東北人。 一個月前我還...
    沈念sama閱讀 46,297評論 2 360
  • 正文 我出身青樓拒课,卻偏偏與公主長得像徐勃,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子早像,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,472評論 2 348

推薦閱讀更多精彩內(nèi)容