b端設計學習（一份好的B端界面設計方案需要滿足3個條件）

2023-09-24 12:20:07 1

原先B端客戶只關注產品功能的時代已經漸漸遠去，B端界面操作體驗越來越被客戶重視。一個好的B端頁面設計需要滿足三個條件：業務、用戶、技術。本文作者復盤了自己的項目，對如何做好B端產品的頁面設計進行分析總結，希望對你有幫助。

01 我的觀點

不論是曾經帶團隊做設計方案，還是現在做產品思考需求如何轉化為界面要素，我都認為一份好的B端界面設計方案需要滿足三個條件：業務、用戶、技術。

當然，曾經的我也並沒有意識到這三個條件，或者說更多時候是單一維度的思考。

而現實給我敲響了警鐘：如果我一直不關注它們，註定會在設計方案推進上屢屢碰壁。

今天，我將分享兩個案例，一個是失敗的，一個是成功的，來說明我們主動意識到這三個條件的重要性。

02 實踐案例

這兩個案例都來自於我帶領團隊設計與落地企業級B端設計體系期間發生的事情。

2.1 失敗案例：翻頁器

目前B端開源組件庫提供的翻頁器均為如下設計模式：

從使用角度來說，以上兩個翻頁器均沒有什麼問題，但從體驗設計師的視角來說，這兩者不太符合我們現有的產品設計需求。例如，設計師覺得翻頁器太大，不夠緊湊。於是我們經過反覆思考，在現有開源組件的基礎上設計符合我們所認為合理的翻頁器，包括樣式與交互。

在合適的情況下，我們開始推進研發了，但結果並不如意。研發評估後發現翻頁器重新研發一套，加上測試可用的時間，前前後後需要很久，不是兩三天可以完成的，投入產出比的價值不高。

遇到研發這麼反饋以後，我們進行了用戶調研，期望通過用戶側來推動研發能完成新翻頁器的研發。事實上，我們調研後發現，新版翻頁器更大程度上是符合了我們體驗設計師的需求，但用戶並沒有非常感冒。

而且各產品團隊對其產品對是否使用新版翻頁器，也是可行可不行的態度。

因此，從此次翻頁器的設計與推進落地上，是失敗的。

於是我思考原因，我發現，一份好的B端界面設計方案不應該只滿足體驗設計師的想法，還需要考慮業務、用戶、技術三部分。

如果時間可以倒流，我可能會這麼做：

首先。業務側：先調研目前翻頁器在各產品中使用的情況，有無不滿足業務的情況出現。若真的需要調整翻頁器，是否解決了業務側的某些痛點，例如，我們的翻頁器成為了產品的亮點，在產品推廣中可成為一個很好的話題。

其次。用戶側：先進行一定範圍的用戶調研，聽聽用戶的聲音，而不是僅從我們認知的視角出發。

最後。技術側：完成一個設計方案如果不計研發投入成本，大概率會被打回去，除非其真的超級有價值（你懂得）。上一篇文章《啊！原來推不動B端體驗設計想法落地有這6點原因》也提到了，感興趣可以翻出來看看。啊！原來推不動B端體驗設計想法落地有這6點原因

2.2 成功案例：一體化框架

在設計與推動一體化框架（B端產品統一導航看框架）的時候，雖不能說很順利，但採用了一些失敗經驗復盤後的方法，確實見到了效果。

首先。業務側：從業務側來說，完成一體化框架已成為企業核心成員的共識。特別是對於產品團隊來說，非常期望通過一體化框架來提升產研效率與質量，同時提升產品用戶體驗。一體化框架的好處已無需多說，這是本次設計方案推進與落地的基石。

當然，理想豐滿，現實骨感，真正要落地，可不是那麼簡單。打個日常吃飯的比方，你某一天特別想吃魚香肉絲這道菜，但並不代表魚香肉絲放到你面前，你真的會很有食慾。或許是因為這次的魚香肉絲顏值不夠，影響了你的食慾；又或許是你嘗了一下味道不好，因此沒再吃它。

總之，戰略需要是一回事，執行的是否完美是另一回事。雖然業務需要一體化框架，但一體化框架設計的如何，是否真的滿足業務需要，是需要我們去思考和解決的。不能像上述提到的魚香肉絲一樣，放到顧客面前被顧客否決了。只有一體化框架執行結果符合戰略需要，才能說其是一份好的設計方案。

有了之前的經驗，我首先定了一個目標，就是做出至少長時期內不會淘汰的好用的穩定的一體化框架，比如3年內吧。然後朝著這個目標去收集資料、去評審、去驗證相關信息。

其次。用戶側：在開始設計一體化框架前，我們收集了很多用戶反饋、專家反饋、產品反饋等，多維度反饋有利於我們做出更合理的設計決策。

記得用戶反饋了現有使用導航框架的問題 ，例如導航欄太寬，佔了內容操作區的位置。基於此，我們對重點產品導航菜單文字長度進行了統計，發現認為導航欄寬的原因是實際菜單內容並未佔滿導航區，即菜單內容太短。但僅滿足短菜單的需求是不可取的，這會讓使用長菜單產品用戶的用戶體驗下降，於是我們設計了默認寬，及用戶可自定義最小寬和最大寬的方式來滿足用戶的需求。

最後。技術側：不論是方案設計時，還是研發前，我們都與研發團隊密切配合與溝通，交流設計方案實現的可行性。因此，在最終推動設計方案研發時，還是比較順利的。

03 總結分析

曾經的我也只關注單純的設計方案好不好，心裡一直想著用設計改變世界（產品）。

直到我經歷的事情變多，才發現自己心中所認為的好的設計方案，並不會同時也讓大家認可。

於是，我開始找原因。很幸運，在很多的事情中，我漸漸找到了一些答案：

第一，依然要抱著設計改變世界（產品）的想法，種種經歷讓我發現，客戶與用戶永遠關注產品是不是好用與易用。原先B端客戶只關注產品功能的時代已經漸漸遠去，B端界面操作體驗越來越被客戶重視。

第二，由於各種客觀因素的影響，界面體驗設計不可隨心所欲，依然需要關注其他因素。一份好的B端界面設計方案需要滿足三個條件：

從「業務視角」出發，思考設計方案是否解決了產品規劃問題（如產品化）？是否達成了企業發展目標（如市場佔有率）？等等。從「用戶視角」出發，思考設計方案是否真正解決了用戶的實際問題，例如提高了他們的操作效率，讓他們的工作變得更加愉悅了。從「技術視角」出發，思考設計方案是否技術上可行，技術投入資源需要多少、投入有無價值。

專欄作家

知果，公眾號：知果日記，人人都是產品經理專欄作家。浙江工商大學品牌設計專業碩士，《B端思維-產品經理的自我修煉》作者。在產品設計流程、產品設計原則、產品設計方法、產品設計規範方面均有豐富經驗

本文原創發布於人人都是產品經理，未經作者許可，禁止轉載。

題圖來自Unsplash，基於CC0協議

該文觀點僅代表作者本人，人人都是產品經理平臺僅提供信息存儲空間服務。

,