大家一定經(jīng)常聽說 UI 設計師需要具備產品思維，但又不知道產品思維具體是什么，尤其是很多同學只把產品思維當成是產品經(jīng)理做需求的能力。

蘭亭妙微UI設計公司：今天我們的主題就是分享產品思維的具體思考方式和應用

產品思維一句話總結，就是——通過規(guī)劃產品形式來解決產品問題的思考模式。

這里我們先明確 “產品問題” 是什么，它是一個非常寬泛的概念，可以說所有產品相關的問題都可以是產品問題，包括但不局限于功能、交互、體驗、視覺、技術、服務等領域。

在產品的研發(fā)和運營過程中，產品團隊總會發(fā)現(xiàn)和積累出各式各樣的問題，比如功能太簡陋不能滿足用戶需求、交互太復雜用戶用不懂、邏輯太復雜技術實現(xiàn)不出來等等。這些問題當然需要被解決，而解決的方式有兩種，一種就是直接使用相關領域的 “技術方案” 解決，另一種就是提供新的 “產品方案” 來解決。

這里技術方案是泛指，指產品以外的其它類崗位使用自身專業(yè)技能來解決問題的方案。比如用戶覺得頁面信息混亂，設計師通過布局、尺寸、間距、色彩的視覺調整，就能解決這個問題。或者某些交互設計需要非常復雜的編程方案，前端自己通過鉆研技術，來實現(xiàn)這個效果。

比如下面這些就是純粹的視覺優(yōu)化方案：

產品方案則是指通過制定或調整產品的功能、服務、表現(xiàn)形式，來解決相關的問題。比如上面覺得信息混亂，不再是改設計，而是直接優(yōu)化和增減字段信息。交互設計開發(fā)起來太難，那就直接調整產品功能，分拆交互步驟降低開發(fā)難度。

比如下面這個就是對產品的形式做出了一定的調整：

兩種方案各有優(yōu)劣，但在真實項目中，產品是先于設計和開發(fā)的，好的產品方案不僅能提高產品的實際表現(xiàn)，同時還可以大大降低技術實現(xiàn)的成本。所以在解決問題時，團隊必然會傾向先使用產品思維來創(chuàng)建產品方案，然后再去實施。

總結起來，產品方案就是涉及對產品本身的調整方案。原則上，這種方案是由產品經(jīng)理提供，設計師只要跟著產品的要求去做設計就好了。

但在真實項目中，產品不可能考慮到所有問題，尤其是和體驗、交互、視覺高度相關的部分。

每當我們每做界面或功能時，碰到所有和產品有關的問題，都需要反饋給產品經(jīng)理再等它做決策，那么他必然是處理不過來的，項目肯定也做不下去。所以設計師需要在自己力所能及的范圍里，盡量自己去解決這些問題，提高項目整體運轉的效率和質量。

尤其在一些對視覺要求不是特別嚴苛的環(huán)境中，UI設計的成果往往“能看”就夠了，領導或者面試官對設計價值的定義就不會在視覺上，往往會聚焦在產品方案上。就是因為設計師自己有產品思維具備解決產品問題的能力時，可以極大的填補產品經(jīng)理層面的空缺，還可以提高產品質量和研發(fā)效率。

但是，產品方案不是只提供解決方案就行了，還需要合理、有效，所以就要綜合各方面的制約與影響，才能輸出優(yōu)質的結果，這就是一個非常綜合性的分析過程，我很難用簡單的語言進行歸納和總結。

所以，下面就通過前面的案例，來展示產品思維的具體思考過程

在原有兩步路路線詳情頁中，頂部的大圖和信息區(qū)域是我重點調整的區(qū)域之一。

之所以重點關注，不僅僅是因為它 “不好看”，而是這個大圖的缺陷很多。作為瀏覽用戶，圖片的關注度不是沒有但絕對不是重點，往往只是草草快速瀏覽一遍就夠了，但現(xiàn)在的輪播形式就沒辦法高效看完相關圖例，且占據(jù)的篇幅又過大，擠占下方的其它關鍵信息點。

當然也有同學可能會覺得看圖怎么會不重要，你們看小紅書找旅游地不就是被圖吸引然后再點擊進入做出選擇的嘛？

不排除這種情況是存在的，但這不是小紅書，這是一個比較硬核的徒步社區(qū)，不是給用戶看大圖就有問題，而是在發(fā)布用戶這一側，硬核優(yōu)質的分享者（是去走或跑幾十公里不是到打卡點自拍）大多不具備那種拍“美照”的能力，最終呈現(xiàn)的路線圖景多數(shù)就是隨手一拍的質量，瀏覽用戶壓根沒必要仔細欣賞。

再進一步考慮，有很多經(jīng)典線路本身景色就不是特別好，尤其是偏越野跑的線路往往雜亂又逼仄，照片帶來的作用更多是一種對路線的概括（功能性），而不是作為吸引人的美照。在這個限制下面，大篇幅展示封面就不會獲得常規(guī)以圖片為導向的應用的結果。

這些就是針對問題的分析，而這里面既有體驗的問題，也有產品的問題，甚至還有運營的問題，但具體去區(qū)分它們沒有意義，只要它們不是純粹的視覺問題我們都可以統(tǒng)一歸納為它們是產品問題。

基于這些問題去思考解決方案時，就可以問自己一個簡單的問題，是不是只做視覺調整，如優(yōu)化布局、更改尺寸、添加投影、增加圓角之類操作就能解決。如果不能，那就要涉及到對產品形式的調整了，也就是涉及功能、信息的改動。

這里我們先看改完之后的結果：

為了減少圖片的面積和提高觀看效率，我選擇縮小圖片并做成左右滑動的列表，把發(fā)布用戶信息做到上面，合理利用空間且突出收藏、分享等操作。但光改這個依舊只是一個簡單的視覺調整，缺乏深度和細節(jié)，沒有什么解釋的空間。

所以再往深一點挖掘，一屏只能展示一張圖多一點，理由不是圖片比例的問題，而是因為用戶發(fā)布路線最小可以添加的封面圖只有一張。如果只有一張，那么右側留空顯然是不能接受的，這樣的方案也就做不了。而且只展示圖片實在是有點不夠看。

我會再想到鏈家之類看房軟件的頂部區(qū)域，除了展示攝影圖以外，還會添加固定的房型圖，應用了多種圖片類型。而在兩步路中，如果發(fā)布路線，除了封面圖外，路線圖本身肯定也是能直接生成圖片的，可以生成類似跑步軟件的那種路徑圖。

頂部圖片也可以不止有用戶自己拍的攝影圖，還可以添加路線生成圖，同時這張圖因為是靜態(tài)的，就可以在生成過程中添加一些數(shù)據(jù)信息或標注內容等，和下方可交互的地圖路線展示區(qū)分開來。并且在下方區(qū)域添加一個類似電商中 “商品圖/視頻” 切換的標簽快速選擇。

甚至再仔細想想，當我進入路線詳情頁時其實更關注的是路線本身，第一張圖直接放路線圖而不是放在最后，可能對相當一部分用戶來說也是更實用的做法。但這么做就有點激進，需要給出初步設計以后再套一些真實內容做出頁面看效果，這就是內部評審或用戶測試要做的事情了。

到這里這個模塊基本解釋的就差不多了，而我們?yōu)榱藘?yōu)化它已經(jīng)做出了一些超出視覺設計外的變更，且需要考慮盡可能多的細節(jié)，照顧到方方面面，這就是產品思維應用的過程。

再往下的路線模塊改動也同理，我就不多做展開，你們可以自己深入解構一下：

設計過程中對產品思維的應用，不是成為產品經(jīng)理構思新的功能需求，而是維持原先目標的不變的情況下，給出新的、更完整、更合理的產品方案。

而產品方案當然不是你們想怎么輸出就怎么輸出，這些方案還需要再后續(xù)經(jīng)過團隊的評審（我要驗牌），也就是說服其他人同意你的設計方案。而光看圖肯定不夠，所以要進行解釋說明，從一開始的問題分析出發(fā)，到如何完成這個結果的考慮過程。

在這個場景中只看設計圖效果是最沒價值的，如果你能說服團隊通過，那這套方案就是好方案，如果不行，那不管你想的如何天花亂墜還是視覺做得多花里胡哨都沒用。所以方案構建邏輯性是非常重要的，因為沒有邏輯就沒有說服力。

產品思維本身就是一種比較抽象的思維，提升這種底層思維能力需要通過自己大量的積累。我們后續(xù)還會陸續(xù)做一些相關的案例分享（這應該才是最有用的）。

同時，面對真實工作場景里產品思維很多時候會淪為一種過稿的武器，是一種職場“詭辯”的技術，畢竟上線有沒有用無所謂，領導、客戶覺得好，才是真的好……

轉載自優(yōu)設網(wǎng)

蘭亭妙微（藍藍設計）m.payeee.cn 是一家專注而深入的界面設計公司，為期望卓越的國內外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網(wǎng)站設計、平面設計，以及相關的軟件開發(fā)服務，咨詢電話：01063334945。