設計師如何在設計中講好故事？

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

一、講故事也是一種設計能力

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

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

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

在大公司里面，設計師講故事是一個越來越重要的技能，一個好的故事能夠統一大家的建議，獲得領導的認可，是將產品價值和功能流程和用戶的情感聯系在一起的關鍵！

二、看看別人怎么講故事

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

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

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

▲在Airbnb宣傳頁面，運用故事講述了一家3口，為了女兒的生日，一同飛往洛杉磯，他們去了迪士尼樂園，在洛杉磯預訂了房源，受到了房東的歡迎！這樣宣傳比廣告更加真實打動人。

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

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

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

三、講好故事的5個步驟

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

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

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

我們來拆解下這個思路。

1）開始（背景）

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

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

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

2）沖突（問題）

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

以Facebook為例，Facebook相冊遇見的問題是，通過數據研究發現，人們不愿意在Facebook中分享照片有以下幾個原因：

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

所以，在這個環節，我們需要從生活場景去思考，用淺顯易懂的語言去講述當前產品遇見的問題！

3）情節（解決問題的過程）

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

▲Facebook團隊，基于用戶研究數據，和數據結果，決定先定出一些設計原則，通過設計原則和主張來解決之前發現的問題和沖突！于是這個過程和產品開發一起討論出來，設計的原則和目標：

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

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

4）高潮（設計決策）

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

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

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

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

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

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

5）行動和結果

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

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

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

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

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

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

沖突（問題）：

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

情節（解決問題的過程）：

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

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

高潮（設計策略）：

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

行動和結果：

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

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

四、運用XYZ公式講故事

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

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

X：產品功能

Y：使用產品的目標用戶

Z：這個產品賦予用戶的感受

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

舉個例子：

微信：

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

支付寶：

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

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

五、最后

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

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

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

X：產品功能

Y：使用產品的目標用戶

Z：這個產品賦予用戶的感受。

#專欄作家#

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

本文原創發布于人人都是產品經理，未經許可，禁止轉載。

題圖來自 Unsplash，基于 CC0 協議