更多設(shè)計文章，設(shè)計交流，歡迎加入粉絲群 | 微信ddm7851

關(guān)注#公眾號：SKY蓋哥 ，第一時間獲得設(shè)計干貨和分享內(nèi)容。

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

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

能把設(shè)計說成故事是一門藝術(shù)，作為設(shè)計師，我們必須借助講故事的方式，將產(chǎn)品功能推導(dǎo)到用戶價值層面，在大公司里面，設(shè)計師講故事是一個越來越重要的技能，一個好的故事能夠統(tǒng)一大家的建議，獲得領(lǐng)導(dǎo)的認(rèn)可，是將產(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)辦的，它原本是一個很簡單的時尚博客，但是博主異想天開的自我表達(dá)方案，以家庭小孩為主題的家庭故事，吸引了全世界的關(guān)注，在ins上關(guān)注度極高。

 

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

講好故事的5個步驟

 

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

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

1.開始（背景）

2.沖突（問題）

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

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

5.行動和結(jié)果（問題如何解決的，解決過程中發(fā)生了什么）

我們來拆解下這個思路。

更多設(shè)計文章，設(shè)計交流，歡迎加入粉絲群 | 微信ddm7851

關(guān)注#公眾號：SKY蓋哥 ，第一時間獲得設(shè)計干貨和分享內(nèi)容。

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中分享照片有以下幾個原因：

1.大家手機中的照片很多，不是為了分享而拍攝的！

2.選擇照片很難，比如自拍，一次拍了十幾張，選出一個最好的很費時間

3.大家經(jīng)常忘記了分享

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

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

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

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

1.幫助人們記住他們可以分享的故事

2.輕松快速的分享

3.設(shè)計一種新的布局方式，讓大家分享時候自豪，能夠吸引人！

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

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

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

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

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

▲同時在視覺設(shè)計上進(jìn)行了很多創(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è)計過程中的細(xì)節(jié)問題和決策，是幫助我們豐富故事很重要的因素。

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

1.開始（故事背景和簡介）

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

2.沖突（問題）

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

3.情節(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)化線上案例，重新按照最新手法來做等。

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

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

5.行動和結(jié)果

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

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

運用XYZ公式講故事

 

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

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

X:產(chǎn)品功能

Y:使用產(chǎn)品的目標(biāo)用戶

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

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

舉個例子

X：微信一款通訊工具，支持單人、多人參與，通過手機網(wǎng)絡(luò)發(fā)送語音、圖片、視頻和文字；

Y：它的目標(biāo)用戶是使用手機的用戶；

Z：這個產(chǎn)品希望鏈接用戶生活方方面面，是一種新的生活方式。

X：支付寶一款支付工具，它融合了支付，生活服務(wù)，保險，理財公益的生活服務(wù)平臺 ；

Y：它的目標(biāo)用戶是互聯(lián)網(wǎng)用戶；

Z：這個產(chǎn)品希望給人親近、安全、可靠的感覺。

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

最后

 

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

1.開始（背景）

2.沖突（問題）

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

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

5.行動和結(jié)果（問題如何解決的，解決過程中發(fā)生了什么）

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

X:產(chǎn)品功能

Y:使用產(chǎn)品的目標(biāo)用戶

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




藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請掃碼藍(lán)小助，報下信息，藍(lán)小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系。

文章來源：站酷  作者：我們的設(shè)計日記

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計( www.yvirxh.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)