今天給大家介紹的是硅谷著名的“谷歌沖刺計(jì)劃”中倡導(dǎo)的Storyboard（故事板）。這種方法的神奇在于：能夠在極短的時(shí)間內(nèi)，讓產(chǎn)品團(tuán)隊(duì)完成從創(chuàng)意到原型，且達(dá)成共識(shí)。

PM最不想遭遇的是什么？

• 當(dāng)市場(chǎng)剛展露一片藍(lán)海，所有人蜂擁而上，迫不及待想要驗(yàn)證產(chǎn)品時(shí)；
• 當(dāng)PM們?yōu)橐豢町a(chǎn)品的原型設(shè)計(jì)心力憔悴，內(nèi)部爭(zhēng)論不休時(shí)；
• 當(dāng)一個(gè)新項(xiàng)目剛剛啟動(dòng)，無休止的會(huì)議和頭腦風(fēng)暴讓效率低下時(shí)；
• 當(dāng)你厭倦了hifi原型圖的千篇一律，不知如何打動(dòng)高管和其他部門時(shí)；

……

溝通和達(dá)成一致是考驗(yàn)PM們的永恒命題，本周我們將在社群里集中討論這個(gè)命題，并每天分享來自硅谷大神的有效方法。

什么是故事板，為什么要用故事板

故事板（storyboard）是一種可視化的溝通方法，將用戶故事（user stories）按照步驟畫出來，然后排列在一起，以此表達(dá)用戶如何使用一款產(chǎn)品（如網(wǎng)站或APP）。

故事板是一個(gè)基于團(tuán)隊(duì)的活動(dòng)，每個(gè)人都可以貢獻(xiàn)（不只是設(shè)計(jì)師），此方法由迪士尼工作室在二十世紀(jì)30年代提出，最初用于電影制作，今天已廣泛的應(yīng)用于創(chuàng)意創(chuàng)新領(lǐng)域。

下圖就是一個(gè)簡(jiǎn)單的故事板。

Storyboard優(yōu)勢(shì)：

• 正如Nick Babich所說，故事板最大的優(yōu)勢(shì)是讓UX不再抽象，可以“直觀預(yù)測(cè)、探索用戶使用產(chǎn)品時(shí)的體驗(yàn)”；
• 它能很方便的了解現(xiàn)有場(chǎng)景，或提出對(duì)潛在場(chǎng)景的假設(shè)并測(cè)試，這就大大降低了產(chǎn)品迭代成本。
• 產(chǎn)品經(jīng)理可以需要?jiǎng)?chuàng)建不同類型的故事板，如草圖，插圖、截圖、幻燈片和動(dòng)畫等等，非常利于現(xiàn)場(chǎng)演示。

如何正確使用Storyboard

Storyboard的繪制通常需要設(shè)置場(chǎng)景，定義角色、環(huán)境（角色的位置）和情節(jié)（他們想實(shí)現(xiàn)的目標(biāo)），然后根據(jù)作者的思路盡可能完整的表達(dá)細(xì)節(jié)。

不過Jake Knapp的方法更贊，下面的繪制步驟簡(jiǎn)單易行，一小時(shí)就能讓團(tuán)隊(duì)完成創(chuàng)意、討論、原型，且達(dá)成共識(shí)。

1. 選擇要聚焦的步驟(2min)

整個(gè)產(chǎn)品要解決的問題往往不止一個(gè)步驟，但每次只能聚焦一個(gè)。

保證這個(gè)步驟用一張圖就可以呈現(xiàn)，否則請(qǐng)拆分開（如下圖）

2. 寫出問題(5min)

強(qiáng)迫自己把相關(guān)問題從腦袋里拿出來，明確的寫在紙上，這有助于你剔除那種似是而非、不上不下的設(shè)想。

3. 將所有問題列入思維導(dǎo)圖(10-20min)

思維導(dǎo)圖(mind map)就像個(gè)人版頭腦風(fēng)暴，你要將所有問題統(tǒng)統(tǒng)寫出來，這將成為你繪制Storyboard時(shí)的“備忘錄”。

4. 瘋狂8分繪圖法（5min）

把一張白紙對(duì)折三次，然后展開，這樣就可以得到一個(gè)八等分面板。

此時(shí)你需要暫時(shí)關(guān)閉自己的文字本能（這將激發(fā)你的創(chuàng)新能力），然后畫出解決方案，每份都要畫一個(gè)哦。

每個(gè)草圖只畫40秒，這一步被Google Ventures稱為“Crazy Eights”.

為了獲得最佳效果，請(qǐng)執(zhí)行兩輪Crazy Eights，這樣就有了16個(gè)可視化的解決方案。

草圖可以是用戶界面、場(chǎng)景、圖表等等，只要能表達(dá)你的方案就可以。

5. 制作故事板(10-20min)

這一步我們要讓故事板的內(nèi)容更加具體。

從Crazy Eights中找出令你滿意的那個(gè)，把它畫成更具細(xì)節(jié)的用戶界面。然后用故事來展示用戶如何使用，如：他們使用的場(chǎng)景，他們點(diǎn)擊的位置，他們輸入的信息，他們的想法等等。

完成后的Storyboard要貼出來，讓所有人都能看見。

值得注意的是，繪制Storyboard不一定像下圖那樣盡善盡美，但至少要具備獨(dú)立性：即故事板本身就像一個(gè)產(chǎn)品，不需要作者在旁邊介紹也能被看懂和理解。

所以醒目的標(biāo)題，以及有角色特征的對(duì)白/旁白很重要。

6. 沉默的評(píng)判（5-10min）

Storyboard要匿名張貼，每個(gè)團(tuán)隊(duì)成員在不同的Storyboard貼上他們喜歡的想法，不限制便簽紙的使用數(shù)量，這樣哪個(gè)方案更吸引人就一目了然了。

7. 三分鐘評(píng)論（每個(gè)3分鐘）

大家指出每個(gè)Storyboard讓他們喜歡的idea，并保證不要錯(cuò)過重要的信息。通常最好的想法是人們無需解釋就能理解的想法，所以故事板的作者往往不需要補(bǔ)充什么。

相比讓人們先解釋再討論來說，這樣做極大的提升了效率。

8. 超級(jí)選票(5min)

通過之前的幾步，每個(gè)idea都被所有人理解了，現(xiàn)在每人有一次投票機(jī)會(huì)（公司重要人物如CEO可享有投3次票的權(quán)力）。

到此為止，得票最多的方案就誕生了。每一步所需時(shí)間都進(jìn)行了標(biāo)注，全部加起來大概1小時(shí)左右。沖刺(sprint)名副其實(shí)。

關(guān)鍵詞：

• 「storyboard」直譯為故事板，但是在影視漫畫等領(lǐng)域有一個(gè)大家耳熟能詳?shù)姆g——分鏡，主要作用是解說一個(gè)場(chǎng)景是如何構(gòu)成的。有助于讀者對(duì)情景、角色心理活動(dòng)等等的把握，因此比起繪畫功力，制作Storyboard時(shí)更被注重的是圖像的構(gòu)成和傳達(dá)內(nèi)容的能力。
• 「sketch」在這里指草圖，同時(shí)Sketch也是一款UI設(shè)計(jì)軟件的名稱，相對(duì)PS來說，是一款輕量、易用的矢量設(shè)計(jì)工具。
• 「visual」形容詞，在這里指視覺的，可視化的。
• 「representation」名詞，文中指表達(dá)（概念的非實(shí)物的）。
• 「illustration」插圖
• 「screenshot」屏幕截圖
• 「slideshow」幻燈片

文章整理自CO.DESIGN(www.fastcodesign.com)及Jake Knapp博客(medium.com/@jakek)

本文由 @七日輯 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自 Powtoon