這期文章，我想引入一個(gè)知識(shí)點(diǎn)：結(jié)構(gòu)化設(shè)計(jì)思維。這篇文章是在我拜讀《結(jié)構(gòu)思考力》這本書(shū)之后的想法，并結(jié)合自己的設(shè)計(jì)經(jīng)驗(yàn)將一些在工作中用到的方法做一個(gè)系統(tǒng)的歸類。

很多同學(xué)在進(jìn)行設(shè)計(jì)的時(shí)候往往知道設(shè)計(jì)方案卻無(wú)法系統(tǒng)和結(jié)構(gòu)化，這導(dǎo)致了當(dāng)設(shè)計(jì)目標(biāo)和場(chǎng)景變化的時(shí)候就無(wú)法將設(shè)計(jì)運(yùn)用自如。比如針對(duì)目前公司的產(chǎn)品，你可能很快就能出幾個(gè)設(shè)計(jì)方案，這時(shí)候讓你換一個(gè)產(chǎn)品做設(shè)計(jì)，你會(huì)發(fā)現(xiàn)無(wú)從下手，好的方案更是偶然性事件。

結(jié)構(gòu)化設(shè)計(jì)思維能幫助你產(chǎn)出多目標(biāo)，多環(huán)境下不同的設(shè)計(jì)策略。好，那么下面將分為3塊內(nèi)容講述一下本文的核心觀點(diǎn)。

01/

什么是結(jié)構(gòu)化思維

結(jié)構(gòu)化的思維是我們?nèi)吮旧淼穆殬I(yè)思維方式，這種思維是我們思考（解決問(wèn)題、決策）和表達(dá)（寫作、表述、溝通）等方面的一種基本思路。

結(jié)構(gòu)思維的核心理念源于芭芭拉·明托的《金字塔原理》一書(shū)，縱向結(jié)構(gòu)上，每一組觀點(diǎn)都必須是其下一個(gè)層次觀點(diǎn)的概括，每組各個(gè)觀點(diǎn)互不重疊且有一定邏輯順序。通過(guò)這樣的結(jié)構(gòu)思考，我們就可以在一個(gè)抽象的設(shè)計(jì)目標(biāo)下快速抓住主題和主旨，并理清步驟，將方案落地，提出一個(gè)合理完善的設(shè)計(jì)方案。

結(jié)構(gòu)化思維的4個(gè)特點(diǎn)：結(jié)論先行、以上統(tǒng)下、歸類分組和邏輯遞進(jìn)，下面用一副簡(jiǎn)單的圖來(lái)表示結(jié)構(gòu)。

下面再舉個(gè)簡(jiǎn)單的例子，讓你描述一個(gè)女人，首先我們要下一個(gè)結(jié)論，比如這個(gè)女人很美，那么她身上什么地方讓你覺(jué)得很美，我們可以分為外在美和內(nèi)在美兩部分，這兩個(gè)觀點(diǎn)讓我覺(jué)得這個(gè)女人是美的。那么分別再?gòu)倪@兩個(gè)觀點(diǎn)中找出其對(duì)應(yīng)的幾點(diǎn)理由去支撐你的這個(gè)觀點(diǎn)，比如精致的五官，完美的身材，氣質(zhì)的裝扮，說(shuō)明了這個(gè)女人的外在美。尊老愛(ài)幼，溫柔體貼，勤儉持家說(shuō)明了這個(gè)女人的內(nèi)在美。如果說(shuō)再說(shuō)的細(xì)一點(diǎn)，比如完美的身材這個(gè)理由是由幾個(gè)數(shù)據(jù)來(lái)論證的：170的個(gè)子，九頭身，三圍的數(shù)據(jù)等等。

02/

為什么需要結(jié)構(gòu)化設(shè)計(jì)思維

其實(shí)，并不只是設(shè)計(jì)的時(shí)候需要用到結(jié)構(gòu)化思維，結(jié)構(gòu)化思維使用的場(chǎng)景非常多，例如：項(xiàng)目匯報(bào)，年終總結(jié)，方案推演，面試，分享，自我介紹等等地方都需要用到。只不過(guò)這次我把這個(gè)概念用到了我們做設(shè)計(jì)方案的時(shí)候。

舉個(gè)例子，在面試的時(shí)候，面試官問(wèn)你你能夠給公司帶來(lái)什么價(jià)值？那么我想到的是

   1. 給產(chǎn)品帶來(lái)價(jià)值。

   2. 給團(tuán)隊(duì)帶來(lái)價(jià)值。

   3. 給自己帶來(lái)價(jià)值。

給產(chǎn)品帶來(lái)價(jià)值：提升用戶體驗(yàn)指標(biāo)，強(qiáng)化品牌影響力，提升產(chǎn)品項(xiàng)目營(yíng)收

給團(tuán)隊(duì)帶來(lái)價(jià)值：提成團(tuán)隊(duì)成員水平，搞好團(tuán)隊(duì)文化建設(shè)，擴(kuò)大團(tuán)隊(duì)影響力

給自己帶來(lái)價(jià)值：個(gè)人專業(yè)提升，團(tuán)隊(duì)協(xié)作能力提升，滿足職業(yè)規(guī)劃和福利薪酬，從而反哺團(tuán)隊(duì)及產(chǎn)品。

具體子論點(diǎn)大家可以分別列出來(lái)，這樣的回答能夠讓面試官知道你清晰的結(jié)構(gòu)化思維和邏輯，真是21世紀(jì)不可多得的人才。

結(jié)構(gòu)化設(shè)計(jì)思維的優(yōu)點(diǎn)在于能夠清晰的理清設(shè)計(jì)的上下游提出的需求，迅速抓住設(shè)計(jì)目標(biāo)和重點(diǎn)，并快速給出合理完善的解決方案。

很多設(shè)計(jì)者雖然在職場(chǎng)上打拼多年，但是還是無(wú)法將自己的設(shè)計(jì)方法形成一個(gè)系統(tǒng)，如果設(shè)計(jì)師能夠有一定的系統(tǒng)理論做支撐的，并且以這個(gè)標(biāo)準(zhǔn)為大致方向和目標(biāo)，那么在設(shè)計(jì)的過(guò)程中就比較容易判斷，更容易做出平衡性強(qiáng)的商業(yè)設(shè)計(jì)。

03/

如何以結(jié)構(gòu)化思維做設(shè)計(jì)

我們同樣以案例方式為大家解讀實(shí)際的操作方法，但是結(jié)構(gòu)化思維需要不斷的鍛煉，否則無(wú)法運(yùn)用自如。

首先我們將會(huì)接到一個(gè)設(shè)計(jì)需求，例如一個(gè)首頁(yè)設(shè)計(jì)，產(chǎn)品說(shuō)首頁(yè)里需要這些功能信息，好！幫我去設(shè)計(jì)一個(gè)產(chǎn)品首頁(yè)吧！當(dāng)我們接到這個(gè)需求的時(shí)候我們腦中會(huì)出現(xiàn)很多想法和思路，但是全都揉雜在一起，無(wú)從下手，這時(shí)我們需要一條一條將他們理清楚。那么我們將一個(gè)有價(jià)值的首頁(yè)作為目標(biāo)或者一個(gè)結(jié)論，來(lái)往下分解。

一個(gè)有價(jià)值的首頁(yè)我將它分成3個(gè)觀點(diǎn)來(lái)描述：

   1. 滿足用戶需求

   2. 滿足產(chǎn)品需求

   3. 滿足自我需求

每一個(gè)論點(diǎn)，都是下面子論點(diǎn)的概述，就是以上統(tǒng)下的方式來(lái)進(jìn)行，縱向需要有層次，橫向需要有邏輯遞進(jìn)。

這3個(gè)觀點(diǎn)的合并就是一個(gè)有價(jià)值的首頁(yè)的體現(xiàn)。

那么繼續(xù)分解：

滿足用戶需求：

1. 獲取核心信息高效

2. 操作體驗(yàn)流暢

3. 界面美觀

滿足產(chǎn)品需求：

1. 功能融合度高

2. 功能擴(kuò)展性強(qiáng)

3. 功能轉(zhuǎn)化率高

滿足自我需求：

1. 設(shè)計(jì)理?yè)?jù)充分

2. 嚴(yán)格貫徹設(shè)計(jì)規(guī)范

3. 細(xì)節(jié)把控合理穩(wěn)妥

4. 溝通高效全面。

5. 項(xiàng)目跟進(jìn)及時(shí)

這是針對(duì)“一個(gè)有價(jià)值的首頁(yè)”進(jìn)行的觀點(diǎn)描述，如果我們的主標(biāo)題換成了“有價(jià)值的產(chǎn)品”那么下面的子論點(diǎn)就會(huì)發(fā)生變化，可能依然是滿足用戶需求和產(chǎn)品需求，這兩個(gè)分論點(diǎn)。

但是滿足用戶需求的子論點(diǎn)會(huì)變成：

1. 滿足用戶剛需

2. 解決用戶痛點(diǎn)

等等。

而滿足產(chǎn)品需求的子論點(diǎn)就變成了

1. 用戶活躍度／粘性／留存高

2. 產(chǎn)品數(shù)據(jù)樂(lè)觀

3. 市場(chǎng)占有率大

4. 公司營(yíng)收可觀

所以一個(gè)總標(biāo)題/結(jié)論需要隨時(shí)貫徹到子論點(diǎn)進(jìn)行驗(yàn)證。以上是我用來(lái)舉例的觀點(diǎn)并不完全。

我們繼續(xù)回到一個(gè)有價(jià)值的首頁(yè)上來(lái)看我們的結(jié)構(gòu)。繼續(xù)分解，

獲取核心信息高效：

1. 內(nèi)容布局合理

2. 內(nèi)容層次分明

操作流暢：

1. 反饋及時(shí)

2. 動(dòng)效流暢

3. 符合預(yù)期

界面美觀：

1. 各元素保持高度統(tǒng)一

2. 配色合理舒適

3. 情感化部分讓用戶有共鳴

再細(xì)一步的分解大家可以看圖片來(lái)了解。

可能大家覺(jué)得這東西又實(shí)在偏理論，即便知道這個(gè)結(jié)構(gòu)也無(wú)法上手做設(shè)計(jì)，那么接下來(lái)我們以一個(gè)實(shí)際需求來(lái)做一個(gè)設(shè)計(jì)。

先拿我公司的項(xiàng)目為例，需要設(shè)計(jì)一個(gè)貨源列表作為首頁(yè)，我收到了產(chǎn)品的一張?jiān)�型，非常粗獷，只能看到一堆信息的冗雜，現(xiàn)在我們開(kāi)始套用這個(gè)設(shè)計(jì)框架：

第一步

來(lái)看如何滿足用戶需求，那么我們就必須以用戶的角度和其使用場(chǎng)景來(lái)分析用戶要獲取什么樣的信息，這一步并不是我們憑空猜測(cè)和經(jīng)驗(yàn)之談，所以我們需要用研結(jié)果導(dǎo)入、故事板和實(shí)地驗(yàn)證方為有效。

確定好了核心信息之后我們就需要根據(jù)一些理論知識(shí)來(lái)設(shè)計(jì)布局，比如格式塔原理的使用以及一些認(rèn)知常識(shí)的使用。可以先做再驗(yàn)證，也可以先驗(yàn)證再做。

第二步

在保證用戶能高效獲取核心信息的前提之下我們來(lái)考慮用戶交互體驗(yàn)方面的設(shè)計(jì)，比如按鈕按下的反饋，語(yǔ)音接收的反饋，頁(yè)面跳轉(zhuǎn)的動(dòng)效方式，圖片資源的優(yōu)化等等。

第三步

就是更直觀表現(xiàn)的東西了，首先就是整體風(fēng)格和情感的定義，將會(huì)用到情緒板等召集用戶參與的討論，將產(chǎn)品顏色，產(chǎn)品風(fēng)格有一個(gè)方向或者結(jié)論。

第四步

尋找讓用戶共鳴的點(diǎn)，情感化設(shè)計(jì)的探索，微交互，插畫(huà)等元素的使用。

我們?cè)賮?lái)回顧一下滿足用戶需求需要做到3個(gè)點(diǎn)，以這3個(gè)點(diǎn)進(jìn)行擴(kuò)展論證，當(dāng)然你也可以分四個(gè)點(diǎn)，但這4個(gè)點(diǎn)同樣需要邏輯遞進(jìn)。

以同樣的方式去考慮產(chǎn)品需求，這邊就不放開(kāi)說(shuō)了，在設(shè)計(jì)思考的時(shí)候滿足用戶需求，滿足產(chǎn)品需求以及滿足自我需求這三個(gè)論點(diǎn)，雖然列舉時(shí)有邏輯先后，但是在設(shè)計(jì)的時(shí)候我們要一起考慮，如何平衡化做設(shè)計(jì)，是非常考驗(yàn)設(shè)計(jì)師的。

這是從原型到新版本的一個(gè)改版變化，雖然我們眼前只有3個(gè)版本，但是在設(shè)計(jì)的時(shí)候每個(gè)版本都有不下10個(gè)設(shè)計(jì)的方案，最后由專家小組來(lái)審核并敲定某一個(gè)設(shè)計(jì)方案，之后再去做驗(yàn)證，不斷打磨和復(fù)盤。

總結(jié)：

結(jié)構(gòu)化設(shè)計(jì)思維只是結(jié)構(gòu)化思維的一種使用方式，在平時(shí)的生活，工作中我們利用這個(gè)方式來(lái)提高溝通的效率以及提高思考廣度和深度，這是一種職業(yè)人需要必備的一種能力。而這次講的結(jié)構(gòu)化設(shè)計(jì)思維就是幫助設(shè)計(jì)者提高設(shè)計(jì)方案的產(chǎn)出效率和準(zhǔn)確度，更全面的考慮影響設(shè)計(jì)的各種緯度還有條件。