UI設計師為什么要了解產品知識

一. 寫在前面

開始前，我們先來做一個小測試：
下面是一組英文字母（共14個），你是否能在 3 秒內看完并記住它們？

g、c、f、e、b、a、g、d、c、f、d、a、e、b

是不是感到有點吃力？
如果我換一組字母，再試下。

a、b、c、d、e、f、g、a、b、c、d、e、f、g

現(xiàn)在是不是好記多了。

兩組字母其實是一樣的，而第二組更有規(guī)律，信息分組歸類更清晰，符合常人的記憶習慣，所以更容易被記住。

工作和生活中，我們難免會遇到各種各樣的困難和棘手的事情，面對復雜的問題，我們常常一頭霧水、無從下手，或者是能冒出很多點子和想法，但無法將它們組織成一個完整的解決方案。

而另外一類人，在遇到同樣的問題時，會不慌不忙，思路清晰，將各種問題處理得妥妥當當，井然有序，并能順暢的表達出來。是因為他們智商過人？還是有三頭六臂？都不是！更多的是因為他們擅于運用「結構化思維」去解決問題。

 

二. 定義與價值

定義

是指在面對工作任務或者難題時，從多個側面進行思考，深刻分析導致問題出現(xiàn)的原因，并采取恰當?shù)氖侄慰焖佟⑾到y(tǒng)地解決問題。

價值

1. 層次清晰

幫助我們更全面以及更系統(tǒng)的思考，將復雜的問題簡單化，并且能夠快速完成方案，層次清晰，重點突出。

2. 便于溝通

方便我們與人溝通，讓他人更好的理解我們的意思。有些人認為自己的溝通能力弱，其實本質上不是溝通問題，而是思維問題，幾乎不存在思維清晰但是溝通不清的人。

3. 形成知識體系

互聯(lián)網時代，信息都是碎片化的，如果沒有結構化思維，信息只是信息；如果有了結構化思維，就能夠建立起自己的知識體系，每當接觸到碎片信息的時候，就可以把它納入自己的知識體系中了。

 

三. 應用舉例

作為視覺和交互設計師，會經常聽見別人說：要理解產品、理解業(yè)務?？晌覀冏约河袥]有仔細思考過：為什么設計師需要理解產品業(yè)務？

對于這個問題，我們比較容易得出的結論可能是：因為理解產品業(yè)務有利于與產品經理溝通交流；因為理解產品業(yè)務才容易做出對的設計，等等。

這些結論是正確的，沒錯，但不夠全面，也不夠深入，得出結論的過程也無規(guī)律可循，更多的還是憑空想象出來。而利用結構化思維方式，我們可以很容易對這個問題進行拆解和深入分析，最后得出清晰完整的結論，過程如下：

第一步：分解

對于「為什么設計師需要理解產品業(yè)務？」這個大問題，我們可以通過提取「理解」「產品」「關系」這三個關鍵詞，將其分解成三個小問題：

1. 人為什么需要理解某件事？
2. 產品是什么？
3. 設計師與 PM 之間是什么關系？（注：PM 是產品需求的提出方）

第二步：深挖

人為什么需要理解某件事？

對于這個小問題，我們結合設計師的工作內容和要求，進行刨根問底，自問自答：

Q：人為什么需要理解某件事？
A：通過理解，可以掌握更多、更全、更有效的信息；

Q：為什么設計師需要掌握這些信息？
A：可以規(guī)劃設計方向，確定設計目標；

Q：若沒有正確的方向和目標會怎樣？
A：事半功倍甚至做無用功，無法有效的解決問題。

結論一：通過對產品業(yè)務的理解，有利于設計師把握方向、制定目標、做出正確的設計，更好的解決問題。

對于「人為什么需要理解某件事？」這個小問題，還有沒有別的結論？當然有：

Q：人為什么需要理解某件事？
A：理解之后，便可與他人順暢地溝通；

Q：順暢溝通有什么好處？
A：可以降低不必要的溝通成本，提高工作效率。

結論二：為了能與其他部門小伙伴高效地合作，降低不必要的溝通成本，需要設計師主動了解產品業(yè)務。

至此，針對第一個小問題我們已經得出了兩個結論。接著，我們再去深挖第二個小問題！

產品是什么？

產品主要分為有形的產品和互聯(lián)網產品，有形的產品包括桌子、電腦、書本等實體物品，但這些內容不在本次討論范圍內，所以我們重點分析一下互聯(lián)網產品：

Q：互聯(lián)網產品有什么特點？
A：它包含了用戶價值和商業(yè)價值；

Q：這對設計師有什么要求？
A：需要平衡用戶體驗和商業(yè)目標之間的關系；

Q：如何去平衡？
A：設計師在理解產品業(yè)務的基礎上，讓商業(yè)化盡可能存在于無形之行中，而不傷害用戶價值。

結論三：行業(yè)要求設計師具備產品思維，同時這也是優(yōu)秀設計師需要具備的素質。

至此，針對第二個小問題我們也得出了一個結論。接著，我們再去深挖第三個小問題！

設計師與 PM 之間是什么關系？

Q：設計師與 PM 之間是什么關系？
A：相互合作的關系；

Q：設計師如何配合 PM？
A：需要設計師主動獻言獻策，爭取話語權；

Q：設計師若沒有話語權會有什么影響？
A：很大可能會淪為被指點江山的對象，俗稱美工。

結論四：設計師只有在理解產品和業(yè)務的基礎上，所提出的建議或方案才更有說服力，容易被業(yè)務方認可和采納，同時也能體現(xiàn)自身的專業(yè)性。

設計師與 PM 之間除了相互合作，還有別的關系嗎？當然有：

Q：設計師與 PM 之間還有別的什么關系？
A：相互促進的關系；

Q：PM 如何影響設計師？
A：通過與 PM 密切交流，產品思維將不斷地被設計師學習和吸收；

Q：這對設計師未來發(fā)展有什么幫助？
A：為設計師職業(yè)發(fā)展開辟了新的方向，如：PD(產品設計師)、UXD(用戶體驗設計師)等。

結論五：設計師通過對產品業(yè)務的理解，具備了一定的產品思維，在職業(yè)發(fā)展的路上便有了更多的優(yōu)勢和選擇權。

最后，我們整理一下得出的結論：

• 通過對產品業(yè)務的理解，有利于設計師把握方向、制定目標、做出正確的設計，更好地解決問題；
• 為了能與其他部門小伙伴高效地合作，降低不必要的溝通成本，需要設計師主動了解產品業(yè)務；
• 行業(yè)要求設計師具備產品思維，同時這也是優(yōu)秀設計師需要具備的素質；
• 設計師只有在理解產品和業(yè)務的基礎上，所提出的建議或方案才更有說服力，容易被業(yè)務方認可和采納，同時也能體現(xiàn)自身的專業(yè)性；
• 設計師通過對產品業(yè)務的理解，具備了一定的產品思維，在職業(yè)發(fā)展的路上便有了更多的優(yōu)勢和選擇權。

對于「為什么設計師需要理解產品業(yè)務？」這個大問題，運用結構化的思維方式，我們已經得出至少五個結論，每個結論都進行了層層推導和深入分析，思路清晰而完整。

 

四. 結構化思維的其他類型

1. 層級結構

有時也稱為樹狀結構或中心輻射結構，—節(jié)點與其他相關節(jié)點之間存在父級或子級的關系。（上文對案例的分析采用的就是層級結構這種類型）

2. 矩陣結構

允許用戶在節(jié)點與節(jié)點之間沿著兩個或更多的「維度」移動。 舉個例子，如果你的某些用戶想通過價格來瀏覽產品，而其他人偏偏希望能通過產品的品牌或者顏色來瀏覽，那么矩陣結構就可以同時容納這幾種不同用戶的需求。

3. 自然結構

不會遵循任何一致的模式。節(jié)點是逐一被連接起來的，同時這種結構沒有太強烈的「分類」概念。 如果你想要鼓勵自由探險的感覺，比如游戲娛樂產品，那自然結構可能會是個更好的選擇。

4. 線性結構

連貫的語言流程是最基本的信息結構類型，而且處理它的裝置早已被深深地植入我們的大腦中了。書、文章、音樂和錄像全部都被設計成一種線性的體驗。

五. 回顧小結

本文介紹了結構化思維的定義及其價值，并通過對案例的分析，由淺入深地展示出結構化思維的思考過程，最后羅列了結構化思維的其他幾種類型和各自最佳的應用場景。

結構化思維的用處非常廣泛且高效，我主要從設計師的角度和大家做了一個簡單的心得分享。當然，結構化思維的學問遠不止我提到的這些，比如，它還有「MECE」基本原則、「2H5W」分析流程、「TOPS」表達方式等，有興趣的同學可以 Google 了解一下。