抽絲剝繭做設(shè)計(jì)：結(jié)構(gòu)化思維初體驗(yàn)

正值Outing季節(jié)，大家都喜歡出去旅行，自由行是越來(lái)越多人的選擇。而如何制定旅行計(jì)劃，讓你在異國(guó)他鄉(xiāng)享受一段美好的旅程，很多人卻犯了難。去哪里？什么時(shí)候出發(fā)？選擇什么路線？住在哪里？要帶哪些物品..……這似乎是一個(gè)很復(fù)雜的工程。分享一個(gè)我的方法，通過(guò)一個(gè)結(jié)構(gòu)圖把旅行中的方方面面都羅列出來(lái)，這樣是不是就有頭緒了。

從圖中可以看出，我先定下了一個(gè)目標(biāo)，然后一步一步拆解，把復(fù)雜的問(wèn)題簡(jiǎn)單化，最后各個(gè)擊破。這其實(shí)是應(yīng)用了一種叫結(jié)構(gòu)化思維的方式來(lái)解決問(wèn)題。

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

結(jié)構(gòu)化思維是指一個(gè)人在面對(duì)工作任務(wù)或者難題時(shí)能從多個(gè)側(cè)面進(jìn)行思考，深刻分析導(dǎo)致問(wèn)題出現(xiàn)的原因，系統(tǒng)制定行動(dòng)方案，并采取恰當(dāng)?shù)氖侄问构ぷ鞲咝У亻_(kāi)展，取得高績(jī)效。（引自百度百科）

理解起來(lái)還是有點(diǎn)復(fù)雜，我認(rèn)為的結(jié)構(gòu)化思維就是當(dāng)我們面對(duì)一個(gè)復(fù)雜問(wèn)題時(shí)，通過(guò)一些方法將這個(gè)復(fù)雜晦澀的問(wèn)題拆解成一個(gè)個(gè)簡(jiǎn)單清晰的小問(wèn)題，然后找出解決問(wèn)題的方法。為什么要這么做？因?yàn)槲覀兊拇竽X更擅長(zhǎng)處理簡(jiǎn)單有規(guī)律的信息。正如下圖，左邊的信息紛亂如麻，經(jīng)過(guò)結(jié)構(gòu)化思維，就建立起了清晰的層級(jí)，大腦的處理速度自然更快。

讓思維結(jié)構(gòu)化的方法有哪些？

面對(duì)難題時(shí)，把你的思維結(jié)構(gòu)化，然后拆解這個(gè)難題，最后完美解決。但是如何才能讓思維結(jié)構(gòu)化？芭芭拉在《金字塔原理》一書(shū)中給出了兩種方法。

方法一：自上而下找結(jié)構(gòu)

當(dāng)我們面對(duì)一些熟悉的領(lǐng)域或者習(xí)得了一些“套路”，腦子里就會(huì)冒出一些結(jié)構(gòu)框架，這時(shí)我們只要順著這些框架往下分解就很容易得到一套完整的結(jié)構(gòu)圖，例如文章開(kāi)頭提到的制定出游計(jì)劃。因?yàn)榻?jīng)常組織團(tuán)隊(duì)活動(dòng)，我已經(jīng)有了一定的結(jié)構(gòu)積累，所以我可以很快地想到從“吃、住、玩、行”這幾個(gè)方面向下拆解擴(kuò)展，再進(jìn)行適當(dāng)?shù)夭槁┭a(bǔ)缺就完成了整個(gè)結(jié)構(gòu)圖。

方法二：自下而上找結(jié)構(gòu)

個(gè)人的知識(shí)體系總是有限，更多時(shí)候，讓我們傷腦筋的問(wèn)題來(lái)自于自己不熟悉的領(lǐng)域，例如我們?cè)O(shè)計(jì)師每天在解決的各種問(wèn)題。所以當(dāng)我們面對(duì)一個(gè)問(wèn)題毫無(wú)頭緒時(shí)，怎么去建立出一個(gè)清晰完整的結(jié)構(gòu)？從哪里突破？這時(shí)就需要用到自下而上找結(jié)構(gòu)的方法，個(gè)人認(rèn)為這也是結(jié)構(gòu)化思維最具價(jià)值的地方。當(dāng)你不清楚可以用什么框架的時(shí)候，以下四個(gè)步驟讓思維結(jié)構(gòu)逐漸清晰。

第一步：信息歸類
第二步，信息分組
第三步，結(jié)構(gòu)提煉
第四步，完善結(jié)構(gòu)

下面以實(shí)際設(shè)計(jì)工作為例，看看如何按照這四個(gè)步驟自下而上找到結(jié)構(gòu)。

我目前負(fù)責(zé)猛犸項(xiàng)目的交互設(shè)計(jì)，該項(xiàng)目是網(wǎng)易數(shù)據(jù)科學(xué)中心研發(fā)的一站式大數(shù)據(jù)開(kāi)發(fā)計(jì)算平臺(tái)，面向企業(yè)用戶，讓企業(yè)可以集中管理和清洗數(shù)據(jù)，挖掘數(shù)據(jù)價(jià)值。簡(jiǎn)單地說(shuō)，就是一款數(shù)據(jù)管理和清洗的B端產(chǎn)品。研發(fā)初期，一直快馬加鞭地進(jìn)行功能開(kāi)發(fā)，有了雛形之后開(kāi)始結(jié)合用戶的使用反饋和可用性測(cè)試結(jié)果，對(duì)產(chǎn)品進(jìn)行了一次用戶體驗(yàn)優(yōu)化大改版。

根據(jù)收集到的用戶反饋和可用性測(cè)試結(jié)果，我們對(duì)問(wèn)題進(jìn)行初步篩選歸納后得到如下的列表：

接下來(lái)，就開(kāi)始嘗試用四個(gè)步驟找出這些問(wèn)題的改進(jìn)方案。

第一步：信息歸類

仔細(xì)閱讀問(wèn)題，進(jìn)一步分析，把有關(guān)聯(lián)的問(wèn)題用線連接。例如：?jiǎn)栴}2和問(wèn)題4都在說(shuō)功能不容易發(fā)現(xiàn)的問(wèn)題，所以把它們連接在一起。以此類推，最后得到下面的信息連線圖。

第二步：信息分組

根據(jù)連線的情況，迅速地就能整理出4個(gè)問(wèn)題大類，如下圖所示：

第三步：提煉結(jié)構(gòu)

在連線過(guò)程中，對(duì)各組內(nèi)容已經(jīng)有了大致的思考，組A是任務(wù)場(chǎng)景沒(méi)有做區(qū)分的問(wèn)題，組B是功能可發(fā)現(xiàn)性問(wèn)題，組C是提示、引導(dǎo)的問(wèn)題，組D是操作的用法和用戶想的不太一樣。進(jìn)一步組織語(yǔ)言，用更書(shū)面的表達(dá)方式就提煉出了下圖中的這些結(jié)構(gòu)。

第四步：完善結(jié)構(gòu)

現(xiàn)在我們已經(jīng)從前面幾個(gè)步驟中得到了一個(gè)大的框架，如下圖所示：

但這些框架還是不夠細(xì)，所以還要進(jìn)一步分解。有了大框架后分解就容易多了，可以用前面提到的方法一，自上而下順著這些框架往下擴(kuò)展。

下面以組C為例，對(duì)結(jié)構(gòu)進(jìn)行擴(kuò)展。反復(fù)斟酌組C中的問(wèn)題，可以發(fā)現(xiàn)，第8條的問(wèn)題發(fā)生在操作前，而其余3條都發(fā)生在操作后，因此這里的反饋不足可以分成操作前和操作后兩大類。除此以外呢，聯(lián)想到操作中會(huì)不會(huì)也需要反饋？遍歷了整個(gè)平臺(tái)的功能后，發(fā)現(xiàn)上傳項(xiàng)目包時(shí)沒(méi)有上傳中的提示。且在這個(gè)功能中，還發(fā)現(xiàn)上傳后成功或失敗提示都不易被發(fā)現(xiàn)，順著這個(gè)思路發(fā)現(xiàn)了更多可優(yōu)化的點(diǎn)。

補(bǔ)充后的結(jié)構(gòu)圖如下：

至此，問(wèn)題的結(jié)構(gòu)清晰了，針對(duì)具體問(wèn)題的改進(jìn)方案也就應(yīng)運(yùn)而生：

操作前：提供引導(dǎo)

優(yōu)化前，當(dāng)鼠標(biāo)移觸到節(jié)點(diǎn)組件時(shí)只有手型指針，點(diǎn)擊后沒(méi)有動(dòng)畫(huà)提示，致使相當(dāng)重要的功能用戶不知道如何用。大多數(shù)用戶以為點(diǎn)擊就算觸發(fā)，還有的認(rèn)為是圖例。優(yōu)化后，鼠標(biāo)移觸節(jié)點(diǎn)組件高亮，點(diǎn)擊后還增加了觸發(fā)的動(dòng)效，讓用戶意識(shí)到這里的組件是可以拖拽的，引導(dǎo)其繼續(xù)操作。

操作中：提供貼心反饋

優(yōu)化前，用戶點(diǎn)擊上傳項(xiàng)目包后，沒(méi)有任何反饋，用戶不知道當(dāng)前狀態(tài)。優(yōu)化后，點(diǎn)擊上傳按鈕，會(huì)幫用戶定位到項(xiàng)目包生成的位置，且在名稱右側(cè)有個(gè)loading的動(dòng)畫(huà)。

操作后：明確告知操作結(jié)果

（1）上傳反饋

優(yōu)化前，上傳成功和上傳失敗也有反饋，但是比較輕量，2s消失。項(xiàng)目包的上傳在實(shí)際操作中時(shí)間會(huì)比較長(zhǎng)，用戶的注意力早就分散到別的任務(wù)中去了，因此這種提示方式顯然無(wú)法引起用戶的感知。優(yōu)化后，提示方式改成彈窗提示，且在上傳失敗的提示彈窗中可以直接重新上傳或者選擇新的項(xiàng)目包來(lái)覆蓋，用戶無(wú)需折回原先的入口。

（2）運(yùn)行結(jié)果

優(yōu)化前，運(yùn)行結(jié)果用了純圖標(biāo)區(qū)分各種結(jié)果，由于不是約定俗成的圖標(biāo)，用戶無(wú)法知道確切的含義。優(yōu)化后，把圖標(biāo)簡(jiǎn)化，且配上文字說(shuō)明，含義更準(zhǔn)確，更易理解。

（3）節(jié)點(diǎn)狀態(tài)

優(yōu)化前，節(jié)點(diǎn)的狀態(tài)一眼掃過(guò)去，區(qū)分度很弱，用戶要進(jìn)行線上調(diào)度這樣的操作，是需要謹(jǐn)慎確認(rèn)的，這樣的區(qū)分度增加了用戶核驗(yàn)的工作量。優(yōu)化后，對(duì)比加強(qiáng)，且加了一個(gè)開(kāi)關(guān)操作，開(kāi)啟表示上調(diào)度狀態(tài)，關(guān)閉表示取消調(diào)度狀態(tài)，對(duì)狀態(tài)區(qū)分起到了輔助作用。

（4）操作提示

優(yōu)化前，操作提示較小，停留時(shí)間較短。優(yōu)化后，加大了提示的面積，視覺(jué)上用了明度更高的顏色，且加長(zhǎng)了停留時(shí)間，增加了淡出的動(dòng)畫(huà)，提升了用戶體驗(yàn)。

結(jié)構(gòu)化思維能給設(shè)計(jì)師帶來(lái)什么？

通過(guò)以上實(shí)踐，確實(shí)從結(jié)構(gòu)化思維中受益頗多。若設(shè)計(jì)師能在工作中利用好結(jié)構(gòu)化思維，一定能達(dá)到事半功倍的效果。

首先，經(jīng)結(jié)構(gòu)化思維提煉得出的設(shè)計(jì)方案思路清晰，經(jīng)得起推敲

思考方式系統(tǒng)化了，就能更全面地考慮問(wèn)題。并且給出的設(shè)計(jì)方案層次清晰，讓人一目了然。

其次，和項(xiàng)目?jī)?nèi)其他成員的溝通可以更順暢

一個(gè)能把事事都抽取成結(jié)構(gòu)來(lái)表述的人必定有很強(qiáng)的溝通能力，思維清晰了，也能讓他人更準(zhǔn)確地理解表達(dá)的內(nèi)容。

最后，有助于設(shè)計(jì)領(lǐng)域知識(shí)體系的構(gòu)建

資訊爆炸的現(xiàn)代社會(huì)，信息都是碎片化的，如果沒(méi)有結(jié)構(gòu)化思維，信息只能孤立存在。俗語(yǔ)說(shuō)：羅馬不是一天建成的。使用結(jié)構(gòu)化思維，逐漸建立起自己的知識(shí)體系，每當(dāng)接觸到碎片信息的時(shí)候，把其納入自己的知識(shí)體系中，不斷壯大它。工作年限越長(zhǎng)的設(shè)計(jì)師，越有價(jià)值的地方就在于他自成一體的知識(shí)體系，便于應(yīng)對(duì)各式各樣的問(wèn)題。