ToB的一些APP產(chǎn)品，比如B2B商城系統(tǒng)，CRM、各種信息管理系統(tǒng)和CMS，在產(chǎn)品設(shè)計的時候，跟ToC的產(chǎn)品設(shè)計上還是有一些區(qū)別。下面我們從幾個方面來談一談，如何做好ToB產(chǎn)品的設(shè)計。

B端產(chǎn)品重業(yè)務(wù)是眾所周知的，業(yè)務(wù)邏輯要清晰，業(yè)務(wù)流程耦合低是一句實用的秘訣。所以在收集需求的時候一定要和對接的人深入溝通，有條件的話甚至可以去輪崗體驗。收集完需求后要分類，去掉偽需求，產(chǎn)品的功能模塊設(shè)計這些就不一一細(xì)說了。重點是：在設(shè)計產(chǎn)品前，最好畫流程圖、泳道圖以避免后期邏輯混亂，還有就是能更好的向開發(fā)表達(dá)你的想法。

從調(diào)研、內(nèi)部各個部門收集而來的業(yè)務(wù)信息，提煉出相關(guān)的字段。再根據(jù)之前設(shè)計好的功能模塊，在確定每個功能模塊需要哪些信息的前提下，對各個字段進(jìn)行分類。以一個簡單的CRM為例：與客服人員的溝通中，收集到的有效字段有客服部門、客服姓名、工作編號，聯(lián)系方式等，然后將這些字段整理出來分配到相關(guān)的模塊中。除此以外，我們還要根據(jù)實際需求添加必要的字段，如在權(quán)限設(shè)置模塊中，還需要添加“用戶狀態(tài)”字段，表明該客服在職離職狀態(tài)。
切記，添加的字段必須必須是與該模塊的業(yè)務(wù)相關(guān)的，否則就會變成冗余數(shù)據(jù)。

字段是“點”，那產(chǎn)品設(shè)計中的“線”就是兩個或以上組件的組合，但還沒構(gòu)成整個頁面。如一個字段加上一個文本框可以是“線”，整個導(dǎo)航區(qū)、檢索區(qū)也可以是“線”。
導(dǎo)航分為三種：水平型導(dǎo)航、垂直型導(dǎo)航、混合型導(dǎo)航。后臺系統(tǒng)多數(shù)采用混合型導(dǎo)航。
混合型導(dǎo)航中，水平導(dǎo)航菜單上主要有使用說明（幫助中心）、消息提醒和個人中心。使用說明是為了給用戶可以隨時查詢系統(tǒng)的操作流程。雖然公司可能會有內(nèi)部培訓(xùn)，B端產(chǎn)品的使用人員也要求必須要熟悉流程，但無法避免有時候可能會遺忘一些操作細(xì)節(jié)，所以使用說明是提高工作效率的實用方法之一。消息提醒就是一個便簽的功能，提醒用戶哪些事情要處理、已經(jīng)處理完成等，特別是在一些復(fù)雜的系統(tǒng)中，此功能必不可少。相對簡單的后臺系統(tǒng)，消息提醒還可以直接作為首頁，讓用戶一目了然所有信息。個人中心模塊由于使用權(quán)限的限制，多數(shù)只有退出和登陸的功能。水平導(dǎo)航想要更豐富些的可以加上搜索、系統(tǒng)設(shè)置、全屏切換等功能。垂直導(dǎo)航菜單上就是各個功能模塊，菜單最多兩級，再細(xì)分可以在右邊頁面放局部導(dǎo)航。如果右邊的頁面內(nèi)容太多，可以加一個按鈕將左側(cè)導(dǎo)航隱藏起來。

“點”、“線”設(shè)計結(jié)束后，就要組合構(gòu)成“面”，即頁面的設(shè)計。作為產(chǎn)品在這里考慮的主要是頁面布局，每個功能模塊要擺放的位置，特別是大的系統(tǒng)，涉及的業(yè)務(wù)繁多，要求也更加嚴(yán)謹(jǐn)。原型圖可以畫的很簡單，絕大多數(shù)時候線框圖就夠用了，這樣可以避免影響UI的設(shè)計思路。B端產(chǎn)品用戶多數(shù)是公司的內(nèi)部自己員工，人數(shù)相對固定，需求也容易把控。設(shè)計原則是要求功能完整、實用性強(qiáng)。