To B的(de)APP産品開發應該如何設計

ToB的(de)一些APP産品，比如B2B商城(chéng)系統，CRM、各種信息管理(lǐ)系統和(hé)CMS，在産品設計的(de)時(shí)候，跟ToC的(de)産品設計上還(hái)是有一些區(qū)别。下(xià)面我們從幾個(gè)方面來(lái)談一談，如何做(zuò)好ToB産品的(de)設計。

B端産品重業務是衆所周知的(de)，業務邏輯要清晰，業務流程耦合低是一句實用(yòng)的(de)秘訣。所以在收集需求的(de)時(shí)候一定要和(hé)對(duì)接的(de)人(rén)深入溝通(tōng)，有條件的(de)話(huà)甚至可(kě)以去輪崗體驗。收集完需求後要分(fēn)類，去掉僞需求，産品的(de)功能模塊設計這(zhè)些就不一一細說了(le)。重點是：在設計産品前，最好畫(huà)流程圖、泳道圖以避免後期邏輯混亂，還(hái)有就是能更好的(de)向開發表達你的(de)想法。

從調研、内部各個(gè)部門收集而來(lái)的(de)業務信息，提煉出相關的(de)字段。再根據之前設計好的(de)功能模塊，在确定每個(gè)功能模塊需要哪些信息的(de)前提下(xià)，對(duì)各個(gè)字段進行分(fēn)類。以一個(gè)簡單的(de)CRM爲例：與客服人(rén)員(yuán)的(de)溝通(tōng)中，收集到的(de)有效字段有客服部門、客服姓名、工作編号，聯系方式等，然後将這(zhè)些字段整理(lǐ)出來(lái)分(fēn)配到相關的(de)模塊中。除此以外，我們還(hái)要根據實際需求添加必要的(de)字段，如在權限設置模塊中，還(hái)需要添加“用(yòng)戶狀态”字段，表明(míng)該客服在職離職狀态。
切記，添加的(de)字段必須必須是與該模塊的(de)業務相關的(de)，否則就會變成冗餘數據。

字段是“點”，那産品設計中的(de)“線”就是兩個(gè)或以上組件的(de)組合，但還(hái)沒構成整個(gè)頁面。如一個(gè)字段加上一個(gè)文本框可(kě)以是“線”，整個(gè)導航區(qū)、檢索區(qū)也(yě)可(kě)以是“線”。
導航分(fēn)爲三種：水(shuǐ)平型導航、垂直型導航、混合型導航。後台系統多(duō)數采用(yòng)混合型導航。
混合型導航中，水(shuǐ)平導航菜單上主要有使用(yòng)說明(míng)（幫助中心）、消息提醒和(hé)個(gè)人(rén)中心。使用(yòng)說明(míng)是爲了(le)給用(yòng)戶可(kě)以随時(shí)查詢系統的(de)操作流程。雖然公司可(kě)能會有内部培訓，B端産品的(de)使用(yòng)人(rén)員(yuán)也(yě)要求必須要熟悉流程，但無法避免有時(shí)候可(kě)能會遺忘一些操作細節，所以使用(yòng)說明(míng)是提高(gāo)工作效率的(de)實用(yòng)方法之一。消息提醒就是一個(gè)便簽的(de)功能，提醒用(yòng)戶哪些事情要處理(lǐ)、已經處理(lǐ)完成等，特别是在一些複雜(zá)的(de)系統中，此功能必不可(kě)少。相對(duì)簡單的(de)後台系統，消息提醒還(hái)可(kě)以直接作爲首頁，讓用(yòng)戶一目了(le)然所有信息。個(gè)人(rén)中心模塊由于使用(yòng)權限的(de)限制，多(duō)數隻有退出和(hé)登陸的(de)功能。水(shuǐ)平導航想要更豐富些的(de)可(kě)以加上搜索、系統設置、全屏切換等功能。垂直導航菜單上就是各個(gè)功能模塊，菜單最多(duō)兩級，再細分(fēn)可(kě)以在右邊頁面放局部導航。如果右邊的(de)頁面内容太多(duō)，可(kě)以加一個(gè)按鈕将左側導航隐藏起來(lái)。

“點”、“線”設計結束後，就要組合構成“面”，即頁面的(de)設計。作爲産品在這(zhè)裏考慮的(de)主要是頁面布局，每個(gè)功能模塊要擺放的(de)位置，特别是大(dà)的(de)系統，涉及的(de)業務繁多(duō)，要求也(yě)更加嚴謹。原型圖可(kě)以畫(huà)的(de)很簡單，絕大(dà)多(duō)數時(shí)候線框圖就夠用(yòng)了(le)，這(zhè)樣可(kě)以避免影(yǐng)響UI的(de)設計思路。B端産品用(yòng)戶多(duō)數是公司的(de)内部自己員(yuán)工，人(rén)數相對(duì)固定，需求也(yě)容易把控。設計原則是要求功能完整、實用(yòng)性強。