！如需索要對(duì)應(yīng)備課案，請(qǐng)聯(lián)系作者：

概要

故事板，起源于動(dòng)畫行業(yè)的分鏡頭手稿。在電影電視中，分鏡頭手稿的作用是來安排劇情中的重要鏡頭，展示了各個(gè)鏡頭之間的關(guān)系，以及他們是如何串聯(lián)起來形成電影的。在設(shè)計(jì)思維中的故事板，就是把你的設(shè)計(jì)解決方案，痛點(diǎn)思考，服務(wù)流程等等進(jìn)行可視化，幫助團(tuán)隊(duì)更好的講述故事。一個(gè)好的故事板，就是以用戶為主角，以痛點(diǎn)，或者產(chǎn)品與用戶的交互為主要?jiǎng)∏榈摹胺昼R頭”，是你講故事時(shí)候的重要道具。

電影《盜夢(mèng)空間》分鏡頭手稿

紙筆手繪故事板案例

故事板的形式

最簡(jiǎn)單的形式，你可以用紙筆畫一個(gè)。

上面是一個(gè)優(yōu)惠券app的案例，該app的賣點(diǎn)是通過用戶的“低碳行為”，獎(jiǎng)勵(lì)用戶優(yōu)惠券。在這個(gè)案例中，用戶打算去朋友家玩，猶豫是坐地鐵還是開自己車。聯(lián)想到這個(gè)app的存在，用戶選擇坐地鐵并獲取了優(yōu)惠券，省錢低碳一舉兩得。

粗一看像是格子漫畫。每一格代表了一種用戶子場(chǎng)景。子場(chǎng)景類似電影的分鏡頭，也是用戶流程的體現(xiàn)。比如外賣app業(yè)務(wù)的故事板，子場(chǎng)景就會(huì)有注冊(cè)，下單，等待，收外賣，吃外賣，評(píng)價(jià)。每格下方也可以加上關(guān)于子場(chǎng)景的小標(biāo)題，這樣會(huì)顯得更清晰。

傳達(dá)的內(nèi)容可以是現(xiàn)有生活/工作中存在的痛點(diǎn)（用于確認(rèn)需求），可以是你們對(duì)于痛點(diǎn)的解決方案（用于訪談?dòng)脩魧?duì)于解決方案的看法），也可以兩者都包含。

盡可能地在故事中，把你項(xiàng)目的目標(biāo)展示出來。比如上面的例子中，低碳環(huán)保分發(fā)優(yōu)惠券的同事，讓用戶獲得正反饋，業(yè)務(wù)的理念一目了然

你也可以在電腦上用ps等軟件畫線框圖，某些情況下更快捷，比如下圖，手與方向盤是直接從網(wǎng)上下載素材描邊臨摹的、

某汽車導(dǎo)航設(shè)備的數(shù)字手繪故事板

甚至通過布景+卡片，變成一個(gè)立體可操縱的木偶式故事板，一邊說故事，一邊移動(dòng)卡片，形成類似舞臺(tái)劇的效果，如下圖

木偶式故事板

不管采取什么形式，把它打印或者復(fù)印出來，在會(huì)議中展示，大家一起討論。直觀起見，直接在圖上改動(dòng)。

如何用紙筆構(gòu)建一個(gè)故事板

制作故事板和類似于撰寫一個(gè)小劇本，不過在開始之前先記住：故事板本身是一種快速表達(dá)你想法的方式，不是你的“藝術(shù)品”，不要做得很精致或者很逼真很費(fèi)時(shí)

1.選取一個(gè)之前就準(zhǔn)備好的用戶畫像，把ta作為故事主角。

2.把你的業(yè)務(wù)歸攏為一個(gè)核心環(huán)境。以外賣訂餐app為例，就有在家，在學(xué)校，在公司等多個(gè)環(huán)境，選一個(gè)最核心的（或者吻合你用戶畫像身份的）

3.確定任務(wù)在故事中的目標(biāo)。至此人物，環(huán)境，目標(biāo)都確定了。

4.確定故事的出發(fā)點(diǎn)或事件，就好像電影小說里的故事起因，與目標(biāo)相對(duì)。

5.有了出發(fā)點(diǎn)，思考還會(huì)有哪些“子場(chǎng)景“，從出發(fā)點(diǎn)開始思考根據(jù)子場(chǎng)景，先為你的每格故事加上小標(biāo)題

6.利用線條為基礎(chǔ)，先畫空間，再畫人，再畫物件，從大到小畫這樣有助確保各物件比例恰當(dāng)，減少返工。

7.畫完第一稿以后先利用既有的圖形聯(lián)想出其他事物并描繪出來，集合團(tuán)隊(duì)力量發(fā)散，想出越多點(diǎn)子越好。

8.根據(jù)發(fā)散的結(jié)果，謹(jǐn)慎添加一些元素上去。例如，人物的臉可以通過畫眉毛和嘴巴來增強(qiáng)情緒;設(shè)備屏幕可以根據(jù)故事畫個(gè)相應(yīng)的UI;公共汽車或卡車可以標(biāo)有標(biāo)志，簡(jiǎn)單來說就是讓故事板的可讀性更強(qiáng)。所有元素的添加應(yīng)該一目了然，為故事板傳達(dá)的內(nèi)容服務(wù)，不要讓故事板看起來元素太多條理不清晰。確保所有重要的信息都在一個(gè)簡(jiǎn)單、完整和可理解的故事情節(jié)里。

9.確保故事的每一個(gè)步驟對(duì)讀者來說都是非常明確清晰的。可以向一些對(duì)故事不熟悉的人詢問反饋，根據(jù)反饋添加簡(jiǎn)短的文本解釋。

10.對(duì)利益相關(guān)者發(fā)表故事，并記錄其反饋。

故事板的用途

故事板既可以作為團(tuán)隊(duì)內(nèi)部溝通之用，也可以用于向外部（比如客戶，投資人等）表達(dá)你們項(xiàng)目的概念。

當(dāng)用于團(tuán)隊(duì)內(nèi)部溝通時(shí)，故事板可以清晰展現(xiàn)當(dāng)下用戶面臨困境或你們解決方案的全貌。了解全貌后，最大的好處在于將抽象問題傳化為了具象問題，大部分人生來更擅長(zhǎng)具象思維，這意味著基于故事板的討論會(huì)更廣泛更活躍，更容易觸及細(xì)節(jié)，達(dá)成更完整的共識(shí)。

故事板常用于產(chǎn)品/設(shè)計(jì)的初期，即在完成用戶的初步調(diào)研之后，服務(wù)藍(lán)圖之前制作。

相對(duì)于產(chǎn)品原型而言，通常來說故事板是成本更低的項(xiàng)目理念表達(dá)方式。

很多項(xiàng)目本身充滿抽象性，比如金融服務(wù)，或者實(shí)現(xiàn)產(chǎn)品原型投入很大，比如養(yǎng)老院。這類抽象性高，制作的項(xiàng)目，較適合采用故事板作為傳達(dá)項(xiàng)目概念的工具，用于項(xiàng)目的用戶調(diào)研或者需求采集等過程

值得一提的是，閱讀圖片故事是人從幼兒時(shí)期就學(xué)會(huì)的本領(lǐng)，所以故事板尤其適合于理解與認(rèn)知能力較弱的用戶群體。

大部分場(chǎng)合下，故事板都要配合說故事來使用：一邊向?qū)Ψ秸故竟适掳澹贿叞压适骆告傅纴恚踔僚渖弦簦愕捻?xiàng)目故事會(huì)顯得生動(dòng)易懂。

德國(guó)海森堡市政府設(shè)計(jì)了新的福利機(jī)制，通過故事板與市民進(jìn)行訪談?wù){(diào)研

總結(jié)

故事板是一種表達(dá)項(xiàng)目概念的工具、你和別人“講故事”時(shí)候重要的道具

手繪故事板類似格子漫畫，每一格代表一個(gè)子場(chǎng)景，從頭到尾說一個(gè)以理想用戶為主角的項(xiàng)目相關(guān)故事

故事板從人物，環(huán)境，目標(biāo)，起點(diǎn)，四個(gè)元素開始構(gòu)建，逐一完善，并不斷和團(tuán)隊(duì)成員討論，直接在故事板上修改，直觀展示討論結(jié)果

故事板可以用于調(diào)研用戶需求、觀察用戶對(duì)于解決方案的態(tài)度、向投資人講解理念等等。實(shí)際上只要涉及到講故事的場(chǎng)景，都可以用到故事板

反思

假設(shè)你是一家考研或英語培訓(xùn)機(jī)構(gòu)的招生負(fù)責(zé)人，且已經(jīng)完成了用戶畫像，現(xiàn)在你的團(tuán)隊(duì)需要求證大學(xué)生考研或者英語培訓(xùn)的需求，一起制作一份關(guān)于該培訓(xùn)痛點(diǎn)的故事板，通過故事板描述你目標(biāo)用戶在現(xiàn)有培訓(xùn)過程中遇到的困境（該困境也就是你們的機(jī)構(gòu)打算解決的問題）