寫給PM、交互、UI 看的ToB產品設計原則

前言

哈嘍朋友們，我們許久不見，這一年經手了很多好項目，如百度的可視化大屏設計、ToG政務可視化大屏設計、B端產品的設計迭代等等，收穫頗多，有很多新的感悟，後面要跟大家統統把這些案例都分享出來。

本期先分享一下B端產品設計原則，希望能給你帶來不一樣的思考。（內容較幹，不建議掃讀）

B端產品設計原則

B端產品服務組織羣體，用户具有組織屬性，需求來自組織和業務而不是用户本身，所以B端產品是以業務為導向制定產品的設計方案，這個過程需要PM、交互、UI都應該知道並遵循一致的產品設計原則。

1. B端產品0到1 — 穩定性

B端產品0-1最應該重視的是產品的穩定性，這也是B端產品第一大設計原則，產品穩定壓倒一切。推動產品的穩定性，首先產品的設計上不要做到大而全，而是小而精，滿足最小可用版本即可（MVP）。

0-1階段不要過於追求體驗和視覺美感，打造小而精快速上線才是王道，畢竟產品問世才會產生價值。

（1）如何定義小而精？

B端產品與C端產品不同，C端產品有一個核心功能即可上線，而B端產品通常是多個功能組成的業務線，所以小而精應該是滿足最小業務全場景閉環，並不是以減少產品功能為依據。對於單一業務的功能定製，如下圖，依據主線業務定製功能，即A-B-C-D，對於周邊體驗性的、不影響主線業務的功能，此階段都可以先不要。

對於混合多業務的功能定製，應該分模塊開發，如下圖，每塊就是一個業務流程，所以做好優先級分模塊開發最優。產品經理需要注意的是，提前規劃好開發的優先級，並與團隊的每個角色一起規劃探討後續的工作，這樣大家對後面的工作都能有一定的瞭解，在此階段能做到思考後續的功能增加。

（2）追求完美不重要

0-1階段產品的開發不要過於追求完美，完美需要花費團隊每一個人大量的時間和精力。

對於UI/UX設計師此階段不要過於強調自己的“價值”，不需要着重去思考產品體驗，也不需要設計太多的效果，這有可能會導致開發工作量增加，做到滿足最小可用版本即可，儘可能化繁從簡，UI/UX設計師這樣做，才是發揮了真正的價值。

對於技術開發來説，簡單的功能，開發人員心態也會更輕鬆，功能越多壓力越大，出現問題的數量也會變多，最後測試階段Bug就像打地鼠一樣一個一個冒出來，最終會導致產品遲遲不能上線。

2. 高效性

高效是B端產品設計必須要重視的一個方面，高效説的是用户長時間使用產品的效率。B端產品通常是為了解決業務需求，一般非常重視工作效率，如果產品的功能和交互設計的不合理，就會直接導致產品使用者的工作效率降低，甚至最終會影響企業的業績。

案例解析：

筆者曾經改版過一個巡查採集信息的產品，採集的信息為了保證真實性，後台需要專人對信息做審核，對於龐大的數據，如果審核功能設計的不合理，就會變得費時又費力。

而舊版的設計就是如此，頁面的設計把採集的信息用列表呈現，審核人員需要點擊列表中的審核小按鈕進入詳情頁才可以進行審核，審核下一條需要重複前面的操作，交互上是標準的往復式操作邏輯，如下圖所示。

為了解決審核效率問題，改版了審核的交互設計，最核心的改變就是“一鍵審核”，下圖所示，同樣是列表呈現，增加審核模式，點擊進入審核模式後，全屏展示（可以顯示更多內容），當點擊審核通過時，立馬切換下一條信息，這樣就實現了連續性的交互審核方式。

在此案例中，為了助力審核效率，UI設計上把主要需要審核的信息，全部固定呈現在第一屏，對於有些板塊信息過多時需要滾動查看，但也儘可能保證了信息不多時，能夠一屏全部呈現出來，這樣審核人員在不用挪動鼠標的情況下，只需要點點點即可完成每一條信息的快速審核。

同時，審核按鈕較大的設計，也是為了滿足審核人員能夠準確點擊，按鈕旁邊增加了待審核量的統計，能給用户一種目標感。

3. 易用性

易用性是指用户使用產品能夠快速上手，這包括易理解、易操作、吸引性等。

易用性在產品迭代過程中是需要着重思考並優化的方面，用户一般是通過產品使用的易用性來衡量產品的好與壞，哪怕產品很穩定。舉個例子，筆者曾在過的一個家公司，財務報銷系統使用效率及其低下，出差員工報銷差旅費一般都需要花掉半天到一天的時間，因為產品操作難度大，以及線上線下結合的不夠好。

例如報銷功能入口在二級頁面不容易找到、當信息提交後沒有任何引導，不知道下一步該做什麼，每次需要問有經驗的老員工，然後老員工也是一頓操作加回憶，最後跟你説“好像應該打印單據找領導簽字了”。

不僅如此，產品報銷的表單設計，把各種分類全部集中在一起，使用者很難辨別應該填寫哪個，很多時候填了半天，發現把報銷填在了借款。這一系列不友好的產品體驗，最後只會導致員工不願意出差，不想面對繁瑣的報銷工作。

做好產品的易用性，要遵循一些原則，首先是保持產品設計的一致性，讓用户有熟悉感，不要讓用户迷失在產品中，當用户有疑惑時及時提醒，這點需要做可用性測試。

另外，要把產品首頁設計好，做好流量分發，用户通常只愛在首頁找東西，而不是二級頁面或者更深。B端產品有的服務企業員工，有的服務項目，比如OA系統，服務的是企業員工，這類產品要有協同工作的功能，需要了解組織架構，善於從多個角色視角去看待問題，避免因為產品設計導致某個角色工作量增加。

服務項目的產品，對外有商業屬性，要做好個性化配置功能，因為客户總是有個性化的需求，但也要遵循產品的原則。例如外賣的商家都希望有刪差評的功能，但其實這樣的功能是不可以有的，這會違背產品的商業邏輯，商家可以刪差評，服務意識就會很難上去。

4. 好看

B端產品0-1，好看是最後應該考慮的方面，但這並不代表不重要，而是當與穩定性、高效性…不能並轡而行時，需要合理作出讓步。產品應該是先問世，功能和架構都得到了驗證後，然後再去着重優化視覺層面以及提高產品體驗。

在視覺設計上，B端產品應該是乾淨整潔，B端產品通常是為了工作，經常長時間沉浸式使用，所以儘量少用過於強烈刺激性的色彩。

產品設計目標，應該是從用户使用產品的效率性、便捷性出發，不能讓視覺效果喧賓奪主，這也就是B端產品慣用冷靜理性的藍色調原因。

另外，產品的UI設計要善於運用第三方組件庫設計，比如選擇器、摺疊面板、上傳、表格、表單等組件，這些成熟的組件都代表了用户常用的操作習慣，同時組件的使用有利於和技術人員高效協作。

總結

綜上所述，B端產品設計優先級方面應該是：穩定性-高效性-易用性-好看。

B端產品0-1，功能上做到最小可用版本即可，這樣可以推動產品的穩定性。對於高效性、易用性、好看都是產品上線之後，需要着重優秀的方面。

最後

最後需要強調的是，產品設計原則沒有標準，以上觀點可能只適用於一部分B端產品的設計理念。產品設計對於不同行業、不同公司、不同決策者都會有很大的差異，沒有最好的設計原則，只有最適合你產品的原則。

作者：吳星辰，微信公眾號：互聯網設計幫

本文由 @吳星辰 原創發佈於人人都是產品經理。未經許可，禁止轉載。

題圖來自Unsplash，基於CC0協議