編輯導(dǎo)語：作為B端業(yè)務(wù)系統(tǒng)的產(chǎn)品經(jīng)理，經(jīng)常收到各類聚焦于具體功能點(diǎn)的業(yè)務(wù)需求，卻鮮有針對首頁的優(yōu)化需求；但是當(dāng)我們滿足了各類業(yè)務(wù)需求后，用戶仍會吐槽系統(tǒng)難用，老板也認(rèn)為對業(yè)務(wù)提效沒作用；本文是作者關(guān)于B端系統(tǒng)的設(shè)計(jì)分析，我們一起來看一下。

筆者通過大量的用戶訪談和各類B端系統(tǒng)的使用分析，發(fā)現(xiàn)背后的原因主要有2點(diǎn)：一是產(chǎn)品功能的交互體驗(yàn)糟糕，而另外一個重要原因是首頁設(shè)計(jì)不到位。

針對B端產(chǎn)品交互體驗(yàn)的優(yōu)化，大家可以多看看尼爾森的交互設(shè)計(jì)10大原則，今天主要想跟大家分享下關(guān)于B端業(yè)務(wù)系統(tǒng)首頁設(shè)計(jì)的一些思考~

一、首頁的產(chǎn)品定位

業(yè)務(wù)系統(tǒng)的核心目標(biāo)是支持頂層業(yè)務(wù)管理目標(biāo)的快速達(dá)成，所以業(yè)務(wù)系統(tǒng)的首頁設(shè)計(jì)應(yīng)該從業(yè)務(wù)目標(biāo)和管理效率這2點(diǎn)出發(fā)。

針對不同用戶角色聚合常用的數(shù)據(jù)信息和功能操作，通過數(shù)據(jù)激發(fā)動力，通過快捷工作臺高效執(zhí)行，以此來實(shí)現(xiàn)業(yè)務(wù)管理目標(biāo)的高效達(dá)成。

二、首頁的設(shè)計(jì)思路

1. 分角色

業(yè)務(wù)系統(tǒng)的特點(diǎn)之一便是涉及組織角色多，且每個角色的崗位權(quán)責(zé)不同。所以首頁的設(shè)計(jì)需要針對不同角色定制不同的首頁。

2. 通過數(shù)據(jù)信息激發(fā)動力

德魯克說過：“如果不能衡量，就無法管理?！弊鳛闃I(yè)務(wù)系統(tǒng)，管理者肯定會針對不同的角色下發(fā)對應(yīng)業(yè)務(wù)考核指標(biāo)，這些數(shù)據(jù)會直接與績效薪資掛扣。

所以在首頁上，應(yīng)該有相關(guān)的數(shù)據(jù)信息以激發(fā)用戶的工作動力；例如 一線銷售的首頁需要有相關(guān)的業(yè)績排名數(shù)據(jù)，以激勵銷售想法設(shè)防維護(hù)老客戶同時不斷開發(fā)新客戶。

3. 通過消息公告精確觸達(dá)

業(yè)務(wù)系統(tǒng)首頁是用戶每天必須高頻訪問的頁面，通過首頁進(jìn)行相關(guān)消息公告的觸達(dá)效果是最及時且最準(zhǔn)確有效的。

所以針對各種業(yè)務(wù)策略的的調(diào)整，需要在首頁內(nèi)通過消息公告實(shí)時傳達(dá)下去，以保證一線業(yè)務(wù)人員能按照最新的策略去開展工作。

4. 通過快捷工作臺高效執(zhí)行

組織為了管理高效，針對每個崗位的權(quán)責(zé)不會太多，所以落到系統(tǒng)內(nèi)常用功能只有幾個。

但是整個業(yè)務(wù)系統(tǒng)涉及到的業(yè)務(wù)流程復(fù)雜，用戶處理業(yè)務(wù)時往往需要在很多頁面間進(jìn)行切換，一定程度上影響著用戶的工作效率。

所以B端產(chǎn)品需要一個快捷的工作臺，讓用戶快速跳轉(zhuǎn)到對應(yīng)的業(yè)務(wù)處理頁面。

三、CRM首頁設(shè)計(jì)的實(shí)戰(zhàn)過程梳理

下面將模擬設(shè)計(jì)一款CRM的首頁，具體為大家介紹下如何進(jìn)行業(yè)務(wù)系統(tǒng)的首頁設(shè)計(jì)。

背景簡介：這是一家大型互聯(lián)網(wǎng)公司，整個銷售體系是以地推為主，電銷輔助，涉及銷售人員1W+。公司的CRM產(chǎn)品雖然現(xiàn)在常用的數(shù)據(jù)和功能都已經(jīng)完善，但是并未聚合到首頁，所以用戶需要來回在多個菜單間切換，使用效率較低。因此啟動了CRM首頁的重構(gòu)項(xiàng)目。

1. 需求調(diào)研

和其他常規(guī)需求一樣，第一步也是需求調(diào)研。只是首頁本身是聚合頁面，用戶難以表達(dá)很明確的需求。所以在調(diào)研方式和流程上需要有更多思考，下面是我這邊常用的首頁需求調(diào)研步驟。

1）梳理CRM相關(guān)的組織架構(gòu)及崗位權(quán)責(zé)

因?yàn)槭醉撔枰纸巧ㄖ?，所以第一步需要先了解清楚整個系統(tǒng)涉及到哪些組織和角色。

大部分公司都會有組織架構(gòu)和崗位權(quán)責(zé)說明書，所以這個環(huán)節(jié)也可以與HR團(tuán)隊(duì)溝通，獲取到這部分?jǐn)?shù)據(jù)。

下圖是這家公司的銷售組織架構(gòu)，主要分為了3部分：戰(zhàn)略大客戶、城市新簽、電銷。其中CRM系統(tǒng)的最核心用戶是城市新簽團(tuán)隊(duì)，人數(shù)占了90%。

所以下面的分析，均以【城市新簽團(tuán)隊(duì)一線BD】為例展開。

舉例：該公司【城市新簽團(tuán)隊(duì)一線銷售】的崗位職責(zé)說明

• 開發(fā)：搜集未合作門店信息，通過談判促成商家合作，完成新門店的簽約任務(wù)。
• 運(yùn)營：通過對新老門店的異常數(shù)據(jù)增長點(diǎn)進(jìn)行分析，并協(xié)助商家制訂改善方案，提升門店產(chǎn)出。
• 維護(hù)：持續(xù)對已合作門店進(jìn)行到店拜訪和電話拜訪提升客情。
• 競爭：收集競品在市場中的動作，整理分析影響并匯報(bào)，執(zhí)行上級制訂的對攻動作，提升市場占有率。

2）梳理各個角色的日常工作SOP流程

基于前2步梳理的組織及崗位權(quán)責(zé)，分別找到對應(yīng)的用戶調(diào)研日常工作流程（具體到每天、每周、每月的工作流程），以便更加深入了解他們的需求。

這部分如果是相對規(guī)范的大公司，應(yīng)該會有成型的體系和文檔，可以直接從HR團(tuán)隊(duì)獲取；如果沒有，就需要找到對應(yīng)的實(shí)際用戶進(jìn)行調(diào)研訪談，甚至是日常工作陪訪觀察。

舉例：城市新簽團(tuán)隊(duì)一線銷售的日常工作SOP流程

3）各個角色核心數(shù)據(jù)及常用功能

基于上一步的流程梳理，基本上可以判斷出各個崗位關(guān)注的核心數(shù)據(jù)和常用功能。

接下來，可以通過現(xiàn)在系統(tǒng)內(nèi)的數(shù)據(jù)埋點(diǎn)情況進(jìn)一步確認(rèn)。

舉例：城市新簽團(tuán)隊(duì)一線銷售關(guān)注的核心數(shù)據(jù)和常用操作。

核心數(shù)據(jù)：

• 個人的提成數(shù)據(jù)，提成排名；
• 個人的簽約數(shù)據(jù)，目標(biāo)完成情況；
• 個人的回款數(shù)據(jù)，目標(biāo)完成情況；
• 客戶異常，例如掉海、逾期未回款；

常用操作：

• 客戶檢索-快速查到客戶，處理相關(guān)問題；
• 認(rèn)領(lǐng)客戶-擴(kuò)展新客戶；
• 添加拜訪計(jì)劃；
• 到店打卡；
• 添加拜訪；
• 創(chuàng)建合同；
• 日常工單；

2. 首頁方案初稿設(shè)計(jì)

前期的溝通調(diào)研到位，那方案的設(shè)計(jì)其實(shí)就相對簡單，無非就是搭積木。

舉例： 城市新簽團(tuán)隊(duì)一線銷售的首頁初稿

從一線銷售SOP流程可以看出，該角色是上午在辦公室用PC，下午外勤用APP，所以對應(yīng)的首頁需要設(shè)計(jì)PC和APP兩個版本。

1）一線銷售首頁-PC版

銷售主要是上午和晚上在公司時采用PC，所以要結(jié)合BD使用PC的場景來梳理。

為了便于銷售能第一時間了解到公司的業(yè)務(wù)策略，所以頂部增加了【①消息公告區(qū)域】展示最新的業(yè)務(wù)策略等信息；同時增加【⑦消息通知】入口和數(shù)據(jù)角標(biāo)提示，讓銷售能關(guān)注到普通的消息。

為了提升銷售的動力同時為了在早會時提前了解自己的業(yè)績情況，通過【②核心數(shù)據(jù)】展示銷售業(yè)績情況及排名。

一線銷售上午在公司主要是做當(dāng)天下午的拜訪計(jì)劃，所以直接將【③拜訪計(jì)劃】直接展示出來，便于銷售做拜訪計(jì)劃和路線規(guī)劃。點(diǎn)擊可進(jìn)入拜訪計(jì)劃列表頁面，然后對計(jì)劃進(jìn)行調(diào)整。

因?yàn)樽霭菰L計(jì)劃時，一般銷售都會優(yōu)先關(guān)注異常的客戶，所以通過【④客戶異常預(yù)警】展示出來，方便銷售及時了解到這些異常情況并且安排對應(yīng)的拜訪計(jì)劃。

做完計(jì)劃后，銷售要做對應(yīng)的拜訪材料準(zhǔn)備，這里就需要進(jìn)入【客戶詳情頁】去查詢相關(guān)的數(shù)據(jù)，所以在首頁增加【⑥快捷搜索】可以快速進(jìn)入對應(yīng)門店詳情頁；同時在平時處理客戶問題時，也可以直接通過這個入口快速定位。

然后在【⑤快捷操作】這里主要是聚焦在辦公室用PC時的常用功能，例如工單處理、尋找新客戶、錄入合同等等；同時增加了【自定義功能】更靈活的支持一線銷售的使用習(xí)慣。

最后是增加了相關(guān)的一些入口：APP下載、問題反饋、操作指南等。

2）一線銷售首頁-APP版

因?yàn)锳pp主要是外勤拜訪期間使用，數(shù)據(jù)和操作項(xiàng)相較PC都有相應(yīng)的調(diào)整。

• 因?yàn)殇N售用APP比較多，所以在APP首頁通過【②核心數(shù)據(jù)】展示了業(yè)績、回款、提成等數(shù)據(jù)，讓銷售時時能看到并不斷激勵。
• 有些政策消息的發(fā)布時間是在下午銷售外勤期間，所以增加【①消息公告區(qū)域】和【⑥消息通知】入口。
• 因?yàn)橥馇谄陂g主要的工作就是拜訪，所以單獨(dú)將拜訪常用的3個模塊展示出來
• 今日計(jì)劃–通過數(shù)字角標(biāo)提示銷售，今日未完成的拜訪計(jì)劃數(shù)，【點(diǎn)擊】直接進(jìn)入拜訪計(jì)劃列表，查看明細(xì)。
• 到店打卡–【點(diǎn)擊】可快速完成簽到；
• 打卡未錄入–通過數(shù)字角標(biāo)展示今日尚未完成填寫的拜訪記錄，避免銷售忘記錄入拜訪記錄而導(dǎo)致拜訪無效；【點(diǎn)擊】直接進(jìn)入拜訪記錄列表頁，然后錄入拜訪信息。
• 因?yàn)樽咴L期間，會因?yàn)榭蛻襞R時爽約。所以需要在APP上尋找新的拜訪客戶，因此增加【④客戶異常預(yù)警】展示出來，方便銷售及時了解到這些異常情況并且安排對應(yīng)的拜訪計(jì)劃。
• 同時在拜訪期間，會需要臨時查看某些客戶的情況，所以增加【⑤全局搜索】，快速定位到對應(yīng)客戶。

3. 首頁方案初稿評估

接下來我們模擬一線銷售小李的一天，評估新版的首頁是否能達(dá)到管理目標(biāo)，提升管理效率。

09:00——10:30 在公司參加早會，這段時間不需要使用CRM系統(tǒng)。

10:30——12:00 打開電腦登錄到CRM系統(tǒng)。開始今日拜訪準(zhǔn)備+日常事務(wù)處理。

• 首先，第一眼看到【①公告區(qū)域】公司最新的提成政策出來了，這次提成加大了新簽的比例，看來這個周要多開發(fā)新客戶了。
• 接著，看到【②數(shù)據(jù)區(qū)域】自己的排名，這個月簽約業(yè)績才完成了30%，同桌的小張已經(jīng)80%了；再看看提成，小張比自己多出了8千多了；好吧，沒有對比就沒有傷害，小李的斗志瞬間被激發(fā)了。
• 接著，看到【③拜訪計(jì)劃】今天的拜訪計(jì)劃才定了2個，要完成業(yè)績目標(biāo)，今天必須要跑滿6家客戶才行，到底要拜訪哪些客戶呢？
• 接著，看到了【④業(yè)務(wù)預(yù)警】即將掉海的客戶有6個，這些都是好不容易挑到的好客戶要盡快跟進(jìn)下，否則掉出去就可惜了；點(diǎn)擊【即將掉海客戶】，進(jìn)入客戶詳情頁，撥通聯(lián)系人的電話，逐個預(yù)約了本周的拜訪時間，然后同步創(chuàng)建了對應(yīng)的拜訪計(jì)劃；接著針對【業(yè)務(wù)預(yù)警】里的其他客戶重點(diǎn)梳理了下，今天剩下的幾個拜訪計(jì)劃都確認(rèn)了。
• 接著，看下【⑤快捷操作】里里有3個待辦工單的，點(diǎn)擊進(jìn)去完成了處理。
• 處理完工單，看看時間11:30了。小李想起來早會的時候盤點(diǎn)客戶，發(fā)現(xiàn)目前待合作的客戶只有20%，迫切需要儲備新客戶了；點(diǎn)擊【⑤快捷操作-公?？蛻舫亍浚瑥睦锩婧Y選出了一批還不錯的客戶，認(rèn)領(lǐng)到自己私海了；小李計(jì)劃著本周對這幾個新客戶都拜訪下，先找到聯(lián)系人了解下大概情況。

12:00——18:30 小李外出拜訪，基本都在使用App。

• 按計(jì)劃來到第一家客戶，打開APP首頁【③到店打卡】，完成了今天的第一個簽到。
• 找到老板開始溝通，因?yàn)榈谝淮伟菰L所以主要是介紹公司的產(chǎn)品；這時老板問到，隔壁的商戶情況，正好這家店已經(jīng)合作了，小李想著直接拿那個商戶的數(shù)據(jù)給這個老板講講，正好是個成功案例。小李通過首頁【⑤全局搜索】，輸入那個商戶的名稱直接進(jìn)入了該商戶的詳情頁，直接給這個老板展示了下該商戶合作前后的效果對比數(shù)據(jù)；老板聽完這個成功案例很滿意，讓小李盡快做一份合作方案后天找他再溝通下。
• 第一次拜訪結(jié)束后，小李打開【③打卡未錄】找到剛剛這個商戶的打卡記錄，順手錄入了這次的拜訪信息，同時預(yù)約了后天的拜訪計(jì)劃。
• 到了下午4點(diǎn)，小李看了下【③今日計(jì)劃】的數(shù)字角標(biāo)已經(jīng)沒有了，今天的拜訪任務(wù)提前完成了；今天還能再跑幾家客戶，先看看即將掉海的客戶有沒有正好在附近的，可以順路過去看看。點(diǎn)擊【④業(yè)務(wù)預(yù)警-即將掉海客戶】，正好里面有2家在附近，走過去，小李順利完成了這2家客戶的拜訪。

18:30-19:00 小李回到公司參加晚分享。

19:00–20:00 小李打開電腦，開始處理日常事務(wù)。

• 今天情況不錯有1個客戶成功續(xù)約，一個新客戶也成功簽約了。要趕緊要把合同錄進(jìn)去，爭取這周走完流程。打開電腦點(diǎn)擊【快捷操作-新建合同】，完成了合同的錄入。
• 19:20，今天拜訪的一個客戶給小李打電話說，后天想約小李過去聊下合作方案；小李，掛完電話點(diǎn)擊【快捷操作-新建計(jì)劃】把這個客戶加入到了周三的拜訪計(jì)劃里。
• 19:30，小李想起來，今天公司其他業(yè)務(wù)線的同事跟他微信上分享了一個客戶叫XX，說還挺不錯的；小李想著先看看這個客戶的情況吧，點(diǎn)擊【全局搜索】輸入客戶名稱，快速找到了這個客戶；進(jìn)入客戶詳情頁，這個客戶確實(shí)不錯體量很大，如果能簽下來提成應(yīng)該能拿不少；小李趕緊把這個客戶認(rèn)領(lǐng)到了自己的私海內(nèi)，同時加入到了明天的拜訪計(jì)劃里。
• 19:50，首頁消息這塊有2個新消息提醒，點(diǎn)擊【消息通知】發(fā)現(xiàn)今天錄入的2個新合同已經(jīng)審批通過了，客戶也簽完字了。

20:00 小李關(guān)上電腦，下班回家~

通過模擬銷售小李的一天，可以看出小李通過首頁，高效的完成了相關(guān)的動作，并且取得不錯的業(yè)務(wù)結(jié)果。

所以這套首頁方案初步判斷是OK的。

4. 首頁方案上線后優(yōu)化

首頁改版最好是能先灰度一版，灰度期間深入到一線走訪。通過觀察用戶對首頁的使用情況，調(diào)研用戶的使用反饋，不斷優(yōu)化迭代，最終給到用戶一個真正好用的首頁。

四、首頁方案上線后優(yōu)化

首頁改版最好是能先灰度一版，灰度期間深入到一線走訪；通過觀察用戶對首頁的使用情況，調(diào)研用戶的使用反饋，不斷優(yōu)化迭代，最終給到用戶一個真正好用的首頁。

業(yè)務(wù)系統(tǒng)并沒有太多可完全借鑒參考的首頁設(shè)計(jì)，所以本文只是簡單梳理了之前做首頁的一些經(jīng)驗(yàn)和心得，希望對大家有幫助。

本文由作者@水問 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自 Unsplash ，基于 CC0 協(xié)議