在產(chǎn)品開(kāi)發(fā)的過(guò)程中，UI設(shè)計(jì)常常被誤認(rèn)為只是界面美化的一部分，而非產(chǎn)品體驗(yàn)的關(guān)鍵要素。然而，真正的產(chǎn)品體驗(yàn)是貫穿于界面條理、交互設(shè)計(jì)，乃至每一個(gè)細(xì)節(jié)之中的。本文將探討產(chǎn)品經(jīng)理在UI設(shè)計(jì)上應(yīng)有的認(rèn)識(shí)和重視，以及如何通過(guò)提升UI設(shè)計(jì)能力來(lái)增強(qiáng)用戶(hù)體驗(yàn)。

最近公司業(yè)務(wù)進(jìn)展不達(dá)預(yù)期，按照歷史慣例，攘外必先安內(nèi)，業(yè)務(wù)對(duì)外部市場(chǎng)的失利，最終總會(huì)歸到是產(chǎn)品設(shè)計(jì)的太過(guò)垃圾。

于是，全會(huì)通過(guò)決議：要把經(jīng)濟(jì)建設(shè)轉(zhuǎn)移到整肅產(chǎn)品上來(lái)。

不過(guò)，在這場(chǎng)轟轟烈烈的整風(fēng)運(yùn)動(dòng)中，我卻意外發(fā)現(xiàn)了團(tuán)隊(duì)的一個(gè)致命bug，即，大家對(duì)UI設(shè)計(jì)普遍存在認(rèn)知偏差，更不要說(shuō)基礎(chǔ)的知識(shí)儲(chǔ)備了。

比如，反映在原型設(shè)計(jì)上，大多產(chǎn)品同學(xué)呈現(xiàn)的只是業(yè)務(wù)功能的堆砌，絲毫沒(méi)有界面條理和交互設(shè)計(jì)。

別問(wèn)，問(wèn)就是產(chǎn)品經(jīng)理不是畫(huà)原型的——老子是基于市場(chǎng)洞察，是對(duì)業(yè)務(wù)場(chǎng)景進(jìn)行抽象的偉大設(shè)計(jì)師，畫(huà)圖算個(gè)6啊。

這到底是法律的缺失還是道德的淪喪？到底是個(gè)人偏見(jiàn)還是行業(yè)通??？

直到上周，我在同多個(gè)應(yīng)聘者面試交流時(shí)找到了答案。

因?yàn)橹灰伊牡礁弑Ｕ嬖O(shè)計(jì)時(shí)，毫無(wú)意外，這些高產(chǎn)候選人就開(kāi)始抖腿，似乎高保真三個(gè)字是電源開(kāi)關(guān)，個(gè)個(gè)都義憤填膺地表達(dá)了對(duì)原型設(shè)計(jì)的“不屑一顧”。

似乎但凡多思考一點(diǎn)頁(yè)面布局、多加一個(gè)交互設(shè)計(jì)那都是不務(wù)正業(yè)，更別提高保真了，那簡(jiǎn)直就是對(duì)高產(chǎn)title的大逆不道。

不僅如此，脈脈上也是隨處可見(jiàn)對(duì)“高保真”的偏見(jiàn)，似乎產(chǎn)品和UI設(shè)計(jì)天然就應(yīng)該隔著一道鴻溝，誰(shuí)要是想填平丘壑，那就是背叛祖師爺。

高產(chǎn)尚且如此，何況剛?cè)腴T(mén)的產(chǎn)品同學(xué)呢。

周末，我重新閱讀了小龍哥的經(jīng)典之作——《微信背后的產(chǎn)品觀》（點(diǎn)擊原文鏈接，星球福利：免費(fèi)下載），卻發(fā)現(xiàn)祖師爺從未說(shuō)過(guò)割裂，反倒是一直在強(qiáng)調(diào)產(chǎn)品經(jīng)理應(yīng)該多了解UI設(shè)計(jì)啊。

我覺(jué)得所有的產(chǎn)品經(jīng)理多多少少都應(yīng)該懂一些UI，懂得越多越好。因?yàn)楫a(chǎn)品是離不開(kāi)體驗(yàn)的，我們不能脫離體驗(yàn)去談一個(gè)產(chǎn)品。
而體驗(yàn)是離不開(kāi) UI 的。
UI 是圍繞特性的，而不是特性圍繞 UI丨我們包括我自己都會(huì)經(jīng)常犯這樣的錯(cuò)誤：有時(shí)候有一個(gè)很好的 UI 點(diǎn)子，會(huì)為了這個(gè)點(diǎn)子去編一個(gè)功能出來(lái)。而在 UI 里面最重要的是條理清晰。
有時(shí)我們會(huì)誤認(rèn)為 UI 就是怎么把用戶(hù)界面表現(xiàn)得更絢麗一些，但是所有的視覺(jué)表現(xiàn)都不如條理清晰重要。
以上，節(jié)選自《微信背后的產(chǎn)品觀》

為了說(shuō)明產(chǎn)品經(jīng)理懂一些UI設(shè)計(jì)有助于用戶(hù)體驗(yàn)，小龍哥還特意舉了一個(gè)反面例子，下圖是彼時(shí)微信產(chǎn)品經(jīng)理在設(shè)計(jì)發(fā)送圖片時(shí)的界面交互，大家可以看下，是不是用戶(hù)體驗(yàn)很糟糕呢？

圖-↑ 多按鈕導(dǎo)致用戶(hù)混亂丨來(lái)自《微信背后的產(chǎn)品觀》

當(dāng)然，有的同學(xué)可能會(huì)說(shuō)，那這不應(yīng)該就是UI設(shè)計(jì)的工作嘛，這樣說(shuō)表面似乎沒(méi)錯(cuò)，但你忽略了產(chǎn)品經(jīng)理的內(nèi)核：服務(wù)用戶(hù)、創(chuàng)造價(jià)值。

是的，創(chuàng)造好的用戶(hù)體驗(yàn)本就是我們的核心工作，我們要對(duì)用戶(hù)體驗(yàn)整體負(fù)責(zé)，這是產(chǎn)品應(yīng)有的價(jià)值觀和格局，而我們?nèi)绻芏喽恍︰I設(shè)計(jì)、交互設(shè)計(jì)就更容易創(chuàng)造好的用戶(hù)體驗(yàn)。

事實(shí)上，體驗(yàn)無(wú)處不在，它藏于細(xì)節(jié)之中，同樣需要耐心和洞察，離不開(kāi)跨學(xué)科的融合，把自己封閉在產(chǎn)品邊界之中顯然不是破局之道。

因?yàn)椋?strong>極致的用戶(hù)體驗(yàn)深度依賴(lài)多元化的知識(shí)體系。

其實(shí)，我更想說(shuō)的是這背后的思考，因?yàn)槲疑现茉谠u(píng)審團(tuán)隊(duì)產(chǎn)品設(shè)計(jì)時(shí)看到的不僅是產(chǎn)品經(jīng)理對(duì)UI設(shè)計(jì)、交互設(shè)計(jì)的匱乏，更多的是大家對(duì)體驗(yàn)設(shè)計(jì)的輕視，這與我們應(yīng)有的匠人心態(tài)背道而馳。

我舉個(gè)例子。

我們一個(gè)同學(xué)在進(jìn)行“社區(qū)內(nèi)容”板塊的相關(guān)設(shè)計(jì)，其中在“評(píng)論”功能的設(shè)計(jì)界面上就很粗糙，表現(xiàn)在原型缺乏條理和層次，僅僅只是一個(gè)單行輸入框——是的，點(diǎn)擊“評(píng)論”按鈕，就只是一個(gè)單行輸入框。

拋開(kāi)富文本、表情、收藏等產(chǎn)品架構(gòu)不說(shuō)，但只是看到“單行輸入框”這個(gè)毛坯房，我就深感體驗(yàn)之路任重而道遠(yuǎn)。

我引導(dǎo)著問(wèn)他：你有沒(méi)有看過(guò)類(lèi)似的“評(píng)論”設(shè)計(jì)？從用戶(hù)體驗(yàn)角度來(lái)看，為了更好地提升用戶(hù)輸入時(shí)的體驗(yàn)，咱們可以做哪些改變呢？

他倒也很痛快：那不是我的事兒，那是UI設(shè)計(jì)的工作。

嚯，體驗(yàn)成了UI設(shè)計(jì)的工作，這讓我實(shí)難茍同啊。

我們不妨先給個(gè)參考答案：

首先，C端用戶(hù)評(píng)論的觸發(fā)場(chǎng)景在移動(dòng)APP上，其輸入文字可能多達(dá)百十字，如果只是一個(gè)單行輸入框，則在查看、修改時(shí)都很低效，體驗(yàn)很差，甚至?xí)層脩?hù)放棄評(píng)論，降低該功能的使用比。

事實(shí)上，隨便找一個(gè)內(nèi)容產(chǎn)品看看，都會(huì)發(fā)現(xiàn)基本都考慮到了這個(gè)場(chǎng)景，要么輸入框是多行自適應(yīng)，要么直接可以全局放大輸入，比如，豆瓣、今日頭條的評(píng)論，都是如此。

這些都是被檢驗(yàn)出來(lái)的體驗(yàn)設(shè)計(jì)，而遺憾的是，我們卻還不自知。

圖-↑ 今日頭條丨評(píng)論輸入時(shí)的用戶(hù)體驗(yàn)

其實(shí)，在體驗(yàn)設(shè)計(jì)上大家要如履薄冰，每個(gè)設(shè)計(jì)在迭代前都應(yīng)該充分考慮可能對(duì)用戶(hù)體驗(yàn)造成的傷害，因?yàn)?，過(guò)往的體驗(yàn)優(yōu)勢(shì)一不小心就可能被斷送。

還是以上述的輸入體驗(yàn)為例：

微信前不久熱更新了公眾號(hào)的用戶(hù)留言功能，新的熱更新雖然變動(dòng)很少，但我覺(jué)得卻讓用戶(hù)的輸入體驗(yàn)極速下滑。

簡(jiǎn)單來(lái)說(shuō)，之前的留言輸入方式是多行文本，用戶(hù)可以方便查看、修改已輸入內(nèi)容，而新的變成了極短的單行輸入框，你壓根看不到剛才輸入的內(nèi)容，以至于有同學(xué)吐槽不想再留言。

有的同學(xué)可能會(huì)說(shuō)，這樣可能會(huì)更簡(jiǎn)潔啊，引導(dǎo)用戶(hù)快速輸入提交，退一步講，就算如此，是不是也可以借鑒頭條、豆瓣等留言輸入交互，增加拓展顯示的功能呢？

你看，就算諸如微信如此這般的巨獸，一不小心，依然也可能會(huì)掉入用戶(hù)體驗(yàn)的陷阱之中。

總之，不管是不是產(chǎn)品經(jīng)理的需求，最終用戶(hù)體驗(yàn)都會(huì)受到傷害，讓注意力本就銳減的圖文互動(dòng)率變的更低，這難道不也是產(chǎn)品經(jīng)理要為之買(mǎi)單的嗎？

圖-↑ 微信公眾號(hào)留言丨輸入框變小、體驗(yàn)降低

聊到這里，還想再簡(jiǎn)單討論另外一個(gè)話(huà)題：未來(lái)的產(chǎn)品經(jīng)理會(huì)是什么樣子？

之前有人說(shuō)，十年前產(chǎn)品經(jīng)理的地板，是現(xiàn)在產(chǎn)品經(jīng)理的天花板，彼時(shí)產(chǎn)品經(jīng)理能文能武，既要懂業(yè)務(wù)，又要懂設(shè)計(jì)，還要懂UI和運(yùn)營(yíng)，屬于全棧。

而所謂精細(xì)化的當(dāng)下，讓產(chǎn)品經(jīng)理越發(fā)窄化，窄化本應(yīng)該是垂直的深度，類(lèi)似于華為的“針尖戰(zhàn)略”，但這忽略了一個(gè)核心的前提：產(chǎn)品是業(yè)務(wù)價(jià)值的載體，不是各方拼湊就能輕易實(shí)現(xiàn)價(jià)值融合的。

換句話(huà)說(shuō)，用戶(hù)價(jià)值需要全周期重度掌舵。

所以，潮水退去，逆周期襲來(lái)，技術(shù)成熟度曲線(xiàn)走向拐點(diǎn)之際，關(guān)于產(chǎn)品經(jīng)理的未來(lái)需求和發(fā)展趨勢(shì)，我的觀點(diǎn)是回歸常態(tài)，重新扛起多元化的重任。

同時(shí)，此時(shí)的多元化不僅僅只是橫向的淺嘗輒止，而是全域的深度掌控，而主線(xiàn)就是業(yè)務(wù)理解與用戶(hù)需求，這個(gè)樸素的起點(diǎn)就是規(guī)律，所謂周期不過(guò)是規(guī)律的發(fā)展必然。

當(dāng)下，藍(lán)海越發(fā)稀少，紅海逐漸變?yōu)樗篮＃磥?lái)用戶(hù)體驗(yàn)大概率會(huì)是唯一的競(jìng)爭(zhēng)高地。

展望未來(lái)，產(chǎn)品經(jīng)理一定是全局能力的表達(dá)載體，如，既要懂2B，也要懂2C；既要懂業(yè)務(wù)，也要懂運(yùn)營(yíng)；既要懂需求管理，也要懂項(xiàng)目管理；既要懂產(chǎn)品，亦要懂UI設(shè)計(jì)。

所以，我總是告誡產(chǎn)品團(tuán)隊(duì)，不要有過(guò)多的邊界意識(shí)，回歸價(jià)值創(chuàng)造的本質(zhì)，多些開(kāi)放心態(tài)、融合思維和跨學(xué)科應(yīng)用，躬身入局、舍得把手弄臟，不斷修煉并提升全面的視野格局。

這可能是應(yīng)對(duì)不確定性的唯一解。