3塊內(nèi)容講述結(jié)構(gòu)化設(shè)計(jì)思維
這期文章,我想引入一個(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)。
1.什么是結(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ù)等等。

2.為什么需要結(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ì)。
3.如何以結(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)停浅4肢E,只能看到一堆信息的冗雜,現(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ì)的各種緯度還有條件。
相關(guān)文章

全畫(huà)幅不是半畫(huà)幅的兩倍有什么區(qū)別? 聊聊相機(jī)的傳感器尺寸
說(shuō)到相機(jī)畫(huà)幅,估計(jì)平時(shí)聽(tīng)到最多的可能就是全畫(huà)幅與半畫(huà)幅了,以至于不少人認(rèn)為中畫(huà)幅比全畫(huà)幅要小,為了避免這種常識(shí)性錯(cuò)誤,這篇文章就來(lái)和大家說(shuō)說(shuō)相機(jī)的不同畫(huà)幅,所謂2025-04-07
a5紙與a4紙?jiān)趺催x? a5紙與a4的區(qū)別介紹
4紙和A5紙因其尺寸適中,使用尤為廣泛,但你知道它們之間有何區(qū)別嗎?今天,就讓我們一起來(lái)探討這個(gè)話題2025-02-01
各類商務(wù)印刷品的尺寸怎么選? 印刷設(shè)計(jì)常用的尺寸紙張/克重都在這里了
日常經(jīng)常印刷各種東西,哪些尺寸,紙張更合適呢?本文為大家整理了常用印刷尺寸,方便圖文廣告店、印企在日常接單生產(chǎn)中能夠快速掌握客戶關(guān)鍵性信息,詳細(xì)請(qǐng)看下文介紹2024-02-10
常用照片尺寸有哪些 常見(jiàn)證件照尺寸對(duì)照表及用途介紹
現(xiàn)如今,證件照已成為我們生活中不可或缺的一部分,無(wú)論是求職應(yīng)聘,還是入學(xué)注冊(cè),亦或是辦理各種證件,都需要提交符合規(guī)定格式和要求的證件照,那么,這些證件照的尺寸和2024-02-10
平面設(shè)計(jì)是一個(gè)注重視覺(jué)效果的設(shè)計(jì),簡(jiǎn)單的排版方式有時(shí)候不能滿足視覺(jué)突出的效果,業(yè)務(wù)很難達(dá)到吸引用戶的眼球,下面我們就來(lái)看看8個(gè)平面設(shè)計(jì)技巧分享2023-10-08
如何選擇平面設(shè)計(jì)工具? 這10款軟件應(yīng)該收入囊中
每個(gè)設(shè)計(jì)師都有自己最喜歡的設(shè)計(jì)軟件,并把軟件作為自己的第二語(yǔ)言,今天我們來(lái)推薦10款UI設(shè)計(jì)不可或缺的工具,詳細(xì)請(qǐng)看下文介紹2023-10-08
夏日電影風(fēng)怎么調(diào)色調(diào)色? 適合夏季的柔和綠色調(diào)調(diào)色分享
夏日電影風(fēng)怎么調(diào)色調(diào)色?夏天快到了,想要調(diào)節(jié)夏季電影風(fēng)的畫(huà)面,該怎么操作呢?下面我們就來(lái)看看適合夏季的柔和綠色調(diào)調(diào)色分享2023-04-02
什么是真RAW 什么是偽RAW? 簡(jiǎn)單說(shuō)說(shuō)真 RAW 和 偽RAW
隨著索尼α7RV(ILCE-7RM5)正式發(fā)售,近期有不少網(wǎng)友跟我咨詢索尼相機(jī)“無(wú)損壓縮(M)”和“無(wú)損壓縮(S)”RAW的問(wèn)題,今天做一個(gè)統(tǒng)一答復(fù)2022-12-24
手機(jī)UI設(shè)計(jì)尺寸有哪些? 超全面的UI元素尺寸設(shè)置指南
手機(jī)UI設(shè)計(jì)尺寸有哪些?作為新手在設(shè)計(jì)手機(jī)ui的頁(yè)面的時(shí)候,發(fā)現(xiàn)自己設(shè)計(jì)的尺寸都很奇怪,如果能有元素尺寸介紹就好了,下面就來(lái)看看我們匯總的超全面的UI元素尺寸設(shè)置指南2021-08-06
常用照片尺寸有哪幾個(gè)? 照片標(biāo)準(zhǔn)尺寸/像素對(duì)照表匯總
常用照片尺寸有哪幾個(gè)?我們經(jīng)常說(shuō)一寸照片,二寸照片,這些照片的尺寸是怎么計(jì)算的?下面我們就來(lái)看看照片標(biāo)準(zhǔn)尺寸/像素對(duì)照表匯總2021-08-06









