起點課堂會員權益
職業體系課特權
線下行業大會特權
個人IP打造特權
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業技能直播
會員專屬社群
榮耀標識UX沖刺：Google大神手把手教你Storyboard
今天給大家介紹的是硅谷著名的“谷歌沖刺計劃”中倡導的Storyboard（故事板）。這種方法的神奇在于：能夠在極短的時間內，讓產品團隊完成從創意到原型，且達成共識。
PM最不想遭遇的是什么？
- 當市場剛展露一片藍海，所有人蜂擁而上，迫不及待想要驗證產品時；
- 當PM們為一款產品的原型設計心力憔悴，內部爭論不休時；
- 當一個新項目剛剛啟動，無休止的會議和頭腦風暴讓效率低下時；
- 當你厭倦了hifi原型圖的千篇一律，不知如何打動高管和其他部門時；
……
溝通和達成一致是考驗PM們的永恒命題，本周我們將在社群里集中討論這個命題，并每天分享來自硅谷大神的有效方法。
什么是故事板，為什么要用故事板
故事板（storyboard）是一種可視化的溝通方法，將用戶故事（user stories）按照步驟畫出來，然后排列在一起，以此表達用戶如何使用一款產品（如網站或APP）。
故事板是一個基于團隊的活動，每個人都可以貢獻（不只是設計師），此方法由迪士尼工作室在二十世紀30年代提出，最初用于電影制作，今天已廣泛的應用于創意創新領域。
下圖就是一個簡單的故事板。
Storyboard優勢：
- 正如Nick Babich所說，故事板最大的優勢是讓UX不再抽象，可以“直觀預測、探索用戶使用產品時的體驗”；
- 它能很方便的了解現有場景，或提出對潛在場景的假設并測試，這就大大降低了產品迭代成本。
- 產品經理可以需要創建不同類型的故事板，如草圖，插圖、截圖、幻燈片和動畫等等，非常利于現場演示。
如何正確使用Storyboard
Storyboard的繪制通常需要設置場景，定義角色、環境（角色的位置）和情節（他們想實現的目標），然后根據作者的思路盡可能完整的表達細節。
不過Jake Knapp的方法更贊，下面的繪制步驟簡單易行，一小時就能讓團隊完成創意、討論、原型，且達成共識。
1. 選擇要聚焦的步驟(2min)
整個產品要解決的問題往往不止一個步驟，但每次只能聚焦一個。
保證這個步驟用一張圖就可以呈現，否則請拆分開（如下圖）
2. 寫出問題(5min)
強迫自己把相關問題從腦袋里拿出來，明確的寫在紙上，這有助于你剔除那種似是而非、不上不下的設想。
3. 將所有問題列入思維導圖(10-20min)
思維導圖(mind map)就像個人版頭腦風暴，你要將所有問題統統寫出來，這將成為你繪制Storyboard時的“備忘錄”。
4. 瘋狂8分繪圖法（5min）
把一張白紙對折三次，然后展開，這樣就可以得到一個八等分面板。
此時你需要暫時關閉自己的文字本能（這將激發你的創新能力），然后畫出解決方案，每份都要畫一個哦。
每個草圖只畫40秒，這一步被Google Ventures稱為“Crazy Eights”.
為了獲得最佳效果，請執行兩輪Crazy Eights，這樣就有了16個可視化的解決方案。
草圖可以是用戶界面、場景、圖表等等，只要能表達你的方案就可以。
5. 制作故事板(10-20min)
這一步我們要讓故事板的內容更加具體。
從Crazy Eights中找出令你滿意的那個，把它畫成更具細節的用戶界面。然后用故事來展示用戶如何使用，如：他們使用的場景，他們點擊的位置，他們輸入的信息，他們的想法等等。
完成后的Storyboard要貼出來，讓所有人都能看見。
值得注意的是，繪制Storyboard不一定像下圖那樣盡善盡美，但至少要具備獨立性：即故事板本身就像一個產品，不需要作者在旁邊介紹也能被看懂和理解。
所以醒目的標題，以及有角色特征的對白/旁白很重要。
6. 沉默的評判（5-10min）
Storyboard要匿名張貼，每個團隊成員在不同的Storyboard貼上他們喜歡的想法，不限制便簽紙的使用數量，這樣哪個方案更吸引人就一目了然了。
7. 三分鐘評論（每個3分鐘）
大家指出每個Storyboard讓他們喜歡的idea，并保證不要錯過重要的信息。通常最好的想法是人們無需解釋就能理解的想法，所以故事板的作者往往不需要補充什么。
相比讓人們先解釋再討論來說，這樣做極大的提升了效率。
8. 超級選票(5min)
通過之前的幾步，每個idea都被所有人理解了，現在每人有一次投票機會（公司重要人物如CEO可享有投3次票的權力）。
到此為止，得票最多的方案就誕生了。每一步所需時間都進行了標注，全部加起來大概1小時左右。沖刺(sprint)名副其實。
關鍵詞：
- 「storyboard」直譯為故事板，但是在影視漫畫等領域有一個大家耳熟能詳的翻譯——分鏡，主要作用是解說一個場景是如何構成的。有助于讀者對情景、角色心理活動等等的把握，因此比起繪畫功力，制作Storyboard時更被注重的是圖像的構成和傳達內容的能力。
- 「sketch」在這里指草圖，同時Sketch也是一款UI設計軟件的名稱，相對PS來說，是一款輕量、易用的矢量設計工具。
- 「visual」形容詞，在這里指視覺的，可視化的。
- 「representation」名詞，文中指表達（概念的非實物的）。
- 「illustration」插圖
- 「screenshot」屏幕截圖
- 「slideshow」幻燈片
文章整理自CO.DESIGN(www.fastcodesign.com)及Jake Knapp博客(medium.com/@jakek)
本文由 @七日輯 原創發布于人人都是產品經理。未經許可，禁止轉載
題圖來自 Powtoon
- 目前還沒評論，等你發揮！
