產品與設計是不能分開的，做一名具有產品思維的設計師，能夠設計出更多，優秀的，令企業和使用者滿意的作品。本篇文章從什麼是產品思維，產品思維的重要性，如何培養產品思維。今天我從這三個維度來告訴大家如何做一名具有產品思維的UI設計師。下面讓我們一起來看一看吧~

1、什麼是產品思維

其實“產品思維”一直是一個很抽象的詞語，但是如果你嘗試將“產品思維”拆分成“產品”和“思維”後，你會發現很快就能透過字面上的意義來解釋什麼是“產品思維”。

a.產品的定義

在這裡先舉一個例子，大家都認識電動牙刷吧，但如果我問你如何讓一把普通的牙刷在短時間之內變成一把電動牙刷？有些聰明的同學已經說出了答案，找一個馬達綁在牙刷上他就成了電動牙刷，我們把上面的這個過程稱作“功能需求”。當基礎功能實現後，這時我們發現雖然實現了基礎功能，但是這樣的體驗確實很糟糕，能否進行下ID設計把他完整的包裝一下呢？這個實現的過程我們把他稱之為“使用者體驗”最後我們得出結論，產品就是“功能需求”+“使用者體驗”=“產品”。

“思維”就是每個人思考問題的維度方式，最初是人腦藉助於語言對客觀事物的概括和間接的反應過程。舉個例子，如下圖這個蘑菇街首頁頁面。

a.當設計師看到這個頁面的時候，他思考的東西是，這個介面元素當配合不合理，佈局美不美觀，品牌包裝是否到位。

b.當開發看到這個頁面的時候，他思考的東西是，這個頁面要在資料庫裡建多少張表，表與表之間的聯絡是怎樣的，是否給迭代帶來負擔。

c.當pm看到這個頁面的時候，他思考的東西是，這個頁面所要承載的入口能否帶來高效的轉化率，這樣的設計方式能否帶給使用者良好的體驗。

3種不同崗位的同學看到同一個介面時，他們會得到3個不同維度的答案，當這3個答案聚合在一起的時候，我們稱它為’’產品思維”。

2、產品思維的重要性

再說產品思維的重要性之前，我們先來回顧一下這幾年UI設計師這個職業的發展趨勢。

2011年隨著移動網際網路的爆發，很多設計師開始找到了自己的職業發展方向，但當時受限於設計資源的匱乏時期，而且那還是一個擬物為主的時代。所以當時也讓很多新手設計師望而卻步，但隨著蘋果IOS7開始推崇扁平化設計後，UI這個職業一夜之間就火了起來，因為大家潛意識認為，告別擬物時代，迎接扁平時代，一瞬間感覺設計這行業的門檻變低了很多，很多新手單純的認為，扁平時代的設計不就是給原型圖上個色嗎？

正因為太多新人帶著這樣的想法開始了自己的設計生涯，最終導致在2018年，UI這個行業來到了他的瓶頸期，這時候如果你是一個會產品懂互動的設計師，那你就相當的吃香了。

a.一個懂產品的設計師首先能鍛鍊自己的邏輯思維，這時候你不再是一個給原型上色的小美工，你思考問題的方式和維度也從單一的設計思路變成了多條產品思路，這給你的設計能力也會帶去質的飛躍，例如你設計一個icon時，知道這個icon的風格會給此類使用者傳達怎樣的資訊，你不在只是一味地的追求視覺效果。

b.一個懂產品的設計師能遇見產品發展方向的好與壞，在產品策略出現問題的時候能及時和領導或者PM彙報，很大程度上能挽回公司的損失。

3、如何培養產品思維

說了那麼多，終於說到了我們本次文章的重點，接下來我會從幾個維度來和大家聊聊，如何培養產品思維。

a.視覺層面

當我們接到PM的需求的時候，不要盲目的開始設計，首先我們要先過一遍PM所設計的原型頁面，當把整個流程過了一遍之後，你心裡會有個大概的專案預期，排好頁面的難以層次後，在很大程度上也能節約設計的時間成本。當開始給原型設計時，在這裡我給大家的建議是，先設計複用率較高的頁面，(如list頁面，feed頁面)隨後制定好複用率較高的頁面規範，這樣你就能把試錯的時間留在較為複雜的頁面上。

b.邏輯層面

在設計時，我們不僅要照顧icon和佈局的美觀，更要知道pm設計每個button跳轉後的邏輯，例如button為什麼是放在下方，不是右上角的導航欄等，這樣的設計會給使用者帶去什麼優勢，如果你堅持養成這樣的羅輯思維，當設計完整個產品時，你在產品層面肯定會有一個質的提升。

c.開發層面

作為一個UI設計師，你不需要懂得很深的開發知識，但至少要知道一些開發的基礎常識，例如IOS的設計語言，以及Android的material design設計語言，這樣在和程式小哥哥對接頁面的時候你也能學習到一些開發和設計之間的知識，當下一次版本迭代的時候，也能節約很多的時間成本，例如什麼時候能用框架自帶的控制元件，樣式等。

只要你做到了以上我所說的3點，你不僅不用擔心失業的問題，甚至還可以跳槽加薪哦。說白了，做設計還是得有一顆戒驕戒躁的心，只有這樣才能真正打磨出一款精緻的產品。

一. 寫在前面

開始前，我們先來做一個小測試：下面是一組英文字母（共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

現在是不是好記多了。

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

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

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

二. 定義與價值

定義

是指在面對工作任務或者難題時，從多個側面進行思考，深刻分析導致問題出現的原因，並採取恰當的手段快速、系統地解決問題。

價值

1. 層次清晰

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

2. 便於溝通

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

3. 形成知識體系

網際網路時代，資訊都是碎片化的，如果沒有結構化思維，資訊只是資訊；如果有了結構化思維，就能夠建立起自己的知識體系，每當接觸到碎片資訊的時候，就可以把它納入自己的知識體系中了。

三. 應用舉例

作為視覺和互動設計師，會經常聽見別人說：要理解產品、理解業務。可我們自己有沒有仔細思考過：為什麼設計師需要理解產品業務？

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

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

第一步：分解

對於「為什麼設計師需要理解產品業務？」這個大問題，我們可以透過提取「理解」「產品」「關係」這三個關鍵詞，將其分解成三個小問題：

人為什麼需要理解某件事？產品是什麼？設計師與 PM 之間是什麼關係？（注：PM 是產品需求的提出方）

第二步：深挖

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

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

Q：人為什麼需要理解某件事？A：透過理解，可以掌握更多、更全、更有效的資訊；

Q：為什麼設計師需要掌握這些資訊？A：可以規劃設計方向，確定設計目標；

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

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

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

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

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

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

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

產品是什麼？

Q：網際網路產品有什麼特點？A：它包含了使用者價值和商業價值；

Q：這對設計師有什麼要求？A：需要平衡使用者體驗和商業目標之間的關係；

Q：如何去平衡？A：設計師在理解產品業務的基礎上，讓商業化儘可能存在於無形之行中，而不傷害使用者價值。

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

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

設計師與 PM 之間是什麼關係？

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

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

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

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

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

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

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

Q：這對設計師未來發展有什麼幫助？A：為設計師職業發展開闢了新的方向，如：PD(產品設計師)、UXD(使用者體驗設計師)等。

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

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

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

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

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

1. 層級結構

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

2. 矩陣結構

3. 自然結構

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

4. 線性結構

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

五. 回顧小結

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

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

在產品中思考，讓設計師能更好的為目標使用者構建正確的功能。它可以幫助設計師全面地瞭解產品的使用者體驗，而不單單是一個功能的互動和視覺設計。讓設計師們瞭解使用者真正的問題，減少判斷錯誤的機率。。

設計師在進行使用者體驗設計時，常常想的是如何讓這個產品的功能變的更易於使用者使用。但實際上，功能只是一個產品中很小的一部分。它們只是產品想解決的眾多使用者問題中的眾多解決方案之一。在產品中思考意味著不僅在某個使用者的問題中思考，還要在產品目標，收益中思考。

使用者體驗的核心並不是一個產品功能的集合體，而是使用者僱傭這個產品，能否為他解決問題。所以每個產品都會有一個核心的使用者體驗，而這個核心體驗基本就是這個產品存在的意義。它可能滿足了使用者的一個需求，也可能解決了一個使用者的問題。只有這樣，這個產品才能變得有實際意義。

而在產品層面的思考，恰恰會幫助你打造成功的功能。明確產品具體要解決何種使用者的問題，你就可以明確自己構建這個產品的初衷。定義目標人群和定義解決方式將會對如何構建新功能起到很大的作用。

在整個產品設計鏈路中只是其中的一個環節，但是你想要做好這個環節，必然要熟知其他的環節執行機制，這樣你才能做好承上啟下。接到專案後，要對專案的大致情況有所瞭解，每一個功能點傳達給使用者的意圖，使用者操作後的反饋，設計需要凸顯的比重等等。我們不能盲目的設計，只有思路清晰之後才能把設計做對。

其實這很簡單，產品思維最簡單的大白話意思就是有個性，但是你別超出我規定的範圍；和現在的社會很貼切；就是你有自己的想法 而且想法符合我的利益最好