編輯導(dǎo)語：設(shè)計師在日常工作中也經(jīng)常需要溝通，在進行某一個板塊的設(shè)計時，需要跟產(chǎn)品、技術(shù)等進行溝通，而不是埋頭設(shè)計，也需要照顧到用戶需求；本文作者分享了關(guān)于設(shè)計師應(yīng)該怎么在設(shè)計中講好故事，我們一起來了解一下。

一、講故事也是一種設(shè)計能力

作為設(shè)計師，經(jīng)常需要和產(chǎn)品，技術(shù)，老板去溝通設(shè)計方案，每次都是向外發(fā)出聲音表現(xiàn)你的的機會；很可惜，大多數(shù)設(shè)計師在表達時，對方還無法理解你的意思，更難理解你的設(shè)計概念和設(shè)計思路，很多設(shè)計師也因此害怕去說，其實設(shè)計師學(xué)會講故事非常重要，也是專業(yè)能力的一種。

今天這篇文章，希望可以幫助到你。

能把設(shè)計說成故事是一門藝術(shù)，作為設(shè)計師，我們必須借助講故事的方式，將產(chǎn)品功能推導(dǎo)到用戶價值層面。

在大公司里面，設(shè)計師講故事是一個越來越重要的技能，一個好的故事能夠統(tǒng)一大家的建議，獲得領(lǐng)導(dǎo)的認可，是將產(chǎn)品價值和功能流程和用戶的情感聯(lián)系在一起的關(guān)鍵！

二、看看別人怎么講故事

韓國的設(shè)計，韓國很多潮流的娛樂視頻都是圍繞一個故事開始的，故事靈感也來源于大多數(shù)人生活，容易讓觀眾引起共鳴。

▲這個MV是來自Zion.T的Eat，講述了一個人在失落沮喪的時候，要照顧好自己，整個故事圍繞著我們生活中各種失落，孤單的情節(jié)，再配合美妙的旋律，讓觀眾感同深受。

▲K.will的Day也是運用電影短片講述一個故事，講述了一個單相思男生的故事，雖然故事很淺，但是每個故事的每一步都是來源于我們每個人生活當(dāng)中的。

▲在Airbnb宣傳頁面，運用故事講述了一家3口，為了女兒的生日，一同飛往洛杉磯，他們?nèi)チ说鲜磕針穲@，在洛杉磯預(yù)訂了房源，受到了房東的歡迎！這樣宣傳比廣告更加真實打動人。

故事驅(qū)動的設(shè)計很容易入手，從情節(jié)提要開始，回歸用戶視角給出用戶想要的體驗。

▲allthatisshe一個英文網(wǎng)站，這個網(wǎng)站最初是在博主休產(chǎn)假期間創(chuàng)辦的，它原本是一個很簡單的時尚博客，但是博主異想天開的自我表達方案，以家庭小孩為主題的家庭故事，吸引了全世界的關(guān)注，在ins上關(guān)注度極高。

▲整個網(wǎng)站每篇文章都在描述博主和小朋友的生活故事，他們一家人相處的很多細節(jié)，這中間再推薦一些好用的商品，去旅行帶著觀眾一起看風(fēng)景等！整個網(wǎng)站的故事一般都是從生活細節(jié)出發(fā)，比如上班的路上，在品嘗美食，聽著喜歡的音樂時候，然后結(jié)合巧妙的內(nèi)容，吸引用戶。

三、講好故事的5個步驟

那么，作為設(shè)計師，平時在述職，總結(jié)時候如何去講故事呢？怎么去把一個合理的項目，通過敘事的方式，讓它能和聽眾引起共鳴呢？

今天分享給你，一個講故事的框架，一共有5步：

• 開始（背景）
• 沖突（問題）
• 情節(jié)（解決問題的過程）
• 高潮（設(shè)計策略）
• 行動和結(jié)果（問題如何解決的，解決過程中發(fā)生了什么）

我們來拆解下這個思路。

1）開始（背景）

這個項目是如何開始的，它的整個商業(yè)背景是什么，要解決用戶的什么問題！在我們演講或分享時候，盡量在140字以內(nèi)描述清楚，整個項目的背景和簡介，讓聽眾記住你。

喬布斯著名的演講家，他分享有個小技巧，就是可以先拋出問題和困惑！一次iPad2發(fā)布會時候，喬布斯一上臺就拋出幾個問題，大家對于iPad銷量很擔(dān)心，iPad被各種抄襲，蘋果怎么辦？在一開始就通過問題，吸引聽眾，然后引人入勝！

來看一個實際案例，來自Facebook相冊一個設(shè)計改版，在項目開始，設(shè)計師就介紹了整個項目背景，F(xiàn)acebook Photos是讓用戶更方便的分享他們的故事，分享他們的圖片，讓用戶生活豐富多彩！那么如何幫助用戶更加便捷，更快的分享照片，是這個項目的設(shè)計重點。

2）沖突（問題）

講一個好的故事很難，一定要有沖突和問題，就像看一部電影，一定要有反派存在，只有沖突明顯，觀眾才會覺得更有趣。那這個環(huán)節(jié)就需要我們把這次產(chǎn)品改版，最重要幾個問題給提煉出來。

以Facebook為例，F(xiàn)acebook相冊遇見的問題是，通過數(shù)據(jù)研究發(fā)現(xiàn)，人們不愿意在Facebook中分享照片有以下幾個原因：

• 大家手機中的照片很多，不是為了分享而拍攝的！
• 選擇照片很難，比如自拍，一次拍了十幾張，選出一個最好的很費時間。
• 大家經(jīng)常忘記了分享。

所以，在這個環(huán)節(jié)，我們需要從生活場景去思考，用淺顯易懂的語言去講述當(dāng)前產(chǎn)品遇見的問題！

3）情節(jié)（解決問題的過程）

針對這些問題，設(shè)計師怎么去解決呢，在這個環(huán)節(jié)，一定要充分把你整個設(shè)計過程的思考，詳細描述，比如設(shè)計師常用的情緒版，競品分析，設(shè)計的形色字構(gòu)質(zhì)的思考都可以在這個環(huán)節(jié)表達清楚。

▲Facebook團隊，基于用戶研究數(shù)據(jù)，和數(shù)據(jù)結(jié)果，決定先定出一些設(shè)計原則，通過設(shè)計原則和主張來解決之前發(fā)現(xiàn)的問題和沖突！于是這個過程和產(chǎn)品開發(fā)一起討論出來，設(shè)計的原則和目標：

• 幫助人們記住他們可以分享的故事。
• 輕松快速的分享。
• 設(shè)計一種新的布局方式，讓大家分享時候自豪，能夠吸引人！

▲然后展示了他們做的競品分析，情緒板，以及一些設(shè)計探索的方向！比如做了十幾個原型圖，對于相冊的展示設(shè)計了很多概念方案，包括各個文件類型的展示方案（照片，文字，視頻，地圖）等等！

4）高潮（設(shè)計決策）

基于以上設(shè)計過程，就可以得出對應(yīng)的設(shè)計決策，再進行詳細的方案設(shè)計展示。

▲重新設(shè)計了頁面框架，用戶的相冊框架圖來幫用戶更好的分類相冊，同時在布局上對各種文件類型進行分類，優(yōu)化相冊的瀏覽效率。

▲視覺設(shè)計時候，去掉不需要的設(shè)計元素，突出內(nèi)容，確保每一步都能是一個最佳的解決方案！

▲同時在視覺設(shè)計上進行了很多創(chuàng)新探索，將相冊故事以膠片的形式呈現(xiàn)在頂部，讓用戶更愿意去分享。

▲在設(shè)計時，考慮多端的統(tǒng)一性，針對不同端的展示效果，真正的保證設(shè)計的落地性！

Facebook這個設(shè)計環(huán)節(jié)就像我們電影的中間高潮部分，怎么去解決沖突的，如何定決策，并逐步去落地整個設(shè)計方案的！我們在工作中也需要在這個環(huán)節(jié)很好闡述你根據(jù)設(shè)計策略，在設(shè)計上怎么去落地的，設(shè)計方案是什么樣的，最后上線是如何的。

5）行動和結(jié)果

這個環(huán)節(jié)需要把你故事中遇見的問題拋出來，以及這些問題你是怎么去溝通解決的。

比如Facebook相冊問題，就遇見了新版本排期問題，無法一下子改完，那么設(shè)計師針對這個問題，設(shè)計了中間迭代的方案，一步一步迭代到最終，以及開發(fā)測試問題，擔(dān)心用戶情緒反彈比較大，分批次上線等等。

同時，做這個項目你得到了哪些啟發(fā)和教訓(xùn)，后續(xù)如何去避免等，最后的結(jié)果和上線后數(shù)據(jù)可以幫助我們驗證設(shè)計的正確與否。這些設(shè)計過程中的細節(jié)問題和決策，是幫助我們豐富故事很重要的因素。

掌握好了這個框架，生活中很多事情都可以運用這個框架去講，比如你要去和別人分享【設(shè)計師如何做簡歷】就可以按照這個框架去講：

開始（故事背景和簡介）：

很多設(shè)計師找工作比較難，作品集發(fā)出去無人問津，原因是什么？是找工作人太多，還是大環(huán)境不好，那么如何提升作品集呢，怎么才能更快的讓你作品集脫穎而出。

沖突（問題）：

通過查閱了幾百份設(shè)計作品集，發(fā)現(xiàn)一些問題，比如：版式同質(zhì)化，設(shè)計風(fēng)格單一，文字太多，飛機稿太多，這些是影響作品集質(zhì)量很大的問題，由于這些問題導(dǎo)致很多面試官看作品集時候看見類似基本都跳過了，所以才導(dǎo)致大家找工作難。

情節(jié)（解決問題的過程）：

通過查看大公司的招聘信息，提取重要關(guān)鍵信息，比如設(shè)計趨勢，數(shù)據(jù)研究，系統(tǒng)思考這些關(guān)鍵詞出現(xiàn)的比較多，同時查看了全球頂級設(shè)計師和韓國設(shè)計師作品集，發(fā)現(xiàn)好的作品集都是簡約的，排版舒服的，那針對這些，你決定從這幾個問題去優(yōu)化作品集：

版式上往蘋果簡約風(fēng)格去靠。設(shè)計風(fēng)格上貼近主流，優(yōu)化作品使得作品手法豐富，同時針對飛機稿太多，優(yōu)化線上案例，重新按照最新手法來做等。

高潮（設(shè)計策略）：

花了一個月時間，去詳細設(shè)計你的作品集，同時設(shè)計完成后對比之前作品發(fā)現(xiàn)明顯的提升，同時設(shè)計的過程也掌握了一些設(shè)計趨勢，再投遞的時候發(fā)現(xiàn)獲得面試的機會大于之前。

行動和結(jié)果：

最后獲得了一個大廠的offer，但是整個過程中是艱苦的，做作品集中間也遇見很多問題，比如沒有人指導(dǎo)，不知道最新的趨勢是什么，比較焦慮，針對這些現(xiàn)狀當(dāng)時自己是如何調(diào)整的。

運用這個框架簡單的一個敘事，你會發(fā)現(xiàn)這樣的體系化思考能讓我們表達時候更上一層樓。

四、運用XYZ公式講故事

當(dāng)我們向別人介紹一個新產(chǎn)品時，無法切中要點，明確表達產(chǎn)品用戶和概念，很多人會覺得「他們怎么聽不懂，一定是他們理解有問題，不是我的問題」很不幸的是，問題就是在于我們的表達上，分享一個XYZ公式給大家。

分享給大家一個公式，掌握后，你就能輕松的給別人講清楚：

X：產(chǎn)品功能

Y：使用產(chǎn)品的目標用戶

Z：這個產(chǎn)品賦予用戶的感受

這三個問題，與產(chǎn)品，開發(fā)的人都有關(guān)系，無論任何項目進展，團隊都能想起這個產(chǎn)品愿景，從而讓我們對產(chǎn)品輪廓更加清晰，同時這個公式的表達能讓團隊外的人聽的懂。

舉個例子：

微信：

• X：微信一款通訊工具，支持單人、多人參與，通過手機網(wǎng)絡(luò)發(fā)送語音、圖片、視頻和文字；
• Y：它的目標用戶是使用手機的用戶；
• Z：這個產(chǎn)品希望鏈接用戶生活方方面面，是一種新的生活方式。

支付寶：

• X：支付寶一款支付工具，它融合了支付，生活服務(wù)，保險，理財公益的生活服務(wù)平臺 ；
• Y：它的目標用戶是互聯(lián)網(wǎng)用戶；
• Z：這個產(chǎn)品希望給人親近、安全、可靠的感覺。

上述這個XYZ框架，能夠很好幫助你表達一個產(chǎn)品功能和定位，希望在你下次晉升或者述職向別人介紹時，能夠用上。

五、最后

回顧下今天所分享的知識點，如何很好的將你項目講成故事的5個步驟：

• 開始（背景）
• 沖突（問題）
• 情節(jié)（解決問題的過程）
• 高潮（設(shè)計策略）
• 行動和結(jié)果（問題如何解決的，解決過程中發(fā)生了什么）

如何向別人準確表達產(chǎn)品功能和愿景，XYZ公式：

X：產(chǎn)品功能

Y：使用產(chǎn)品的目標用戶

Z：這個產(chǎn)品賦予用戶的感受。

#專欄作家#

Sky，微信公眾號：我們的設(shè)計日記（ID：helloskys），人人都是產(chǎn)品經(jīng)理專欄作家。原支付寶體驗設(shè)計專家，阿里巴巴天貓設(shè)計專家；10年知名互聯(lián)網(wǎng)公司設(shè)計經(jīng)驗，對于產(chǎn)品從0到1、品牌定位、金融產(chǎn)品、設(shè)計規(guī)范、運營規(guī)范、大促等有豐富實戰(zhàn)經(jīng)驗。

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

題圖來自?Unsplash，基于 CC0 協(xié)議