B端產(chǎn)品工作臺(tái)設(shè)計(jì)詳解
編輯導(dǎo)語(yǔ):B端產(chǎn)品的設(shè)計(jì)更多地是為了提高企業(yè)員工的工作效率,而工作臺(tái)的設(shè)計(jì)則是為了提高員工使用B端產(chǎn)品的效率,因此,工作臺(tái)對(duì)B端產(chǎn)品而言具有非常重要的意義;本文作者詳細(xì)介紹了B端產(chǎn)品工作臺(tái)設(shè)計(jì)內(nèi)容。
一、B端產(chǎn)品工作臺(tái)介紹
什么是工作臺(tái)呢?
我的理解是:工作臺(tái)是一個(gè)能幫助用戶快速掌握工作進(jìn)度及進(jìn)入工作狀態(tài)的導(dǎo)航頁(yè)面,簡(jiǎn)單來(lái)說(shuō)工作臺(tái)就是一個(gè)導(dǎo)航頁(yè)面,為什么將工作臺(tái)定義為導(dǎo)航頁(yè)面,而不是綜合管理頁(yè)面呢?
因?yàn)楣ぷ髋_(tái)的設(shè)計(jì)初衷是為了方便用戶使用B端產(chǎn)品,是為了提高用戶的工作效率,因此,工作臺(tái)的最終設(shè)計(jì)目的一定是能讓用戶快速開(kāi)展各項(xiàng)工作,如何能夠保證用戶快速開(kāi)展工作呢?
一方面工作臺(tái)能讓用戶隨時(shí)掌握各項(xiàng)工作的進(jìn)展情況;
另一方面,能讓用戶快速進(jìn)入需要處理的工作事項(xiàng),所以將工作臺(tái)定義為導(dǎo)航頁(yè)面更合適。
二、B端產(chǎn)品為什么要設(shè)計(jì)工作臺(tái)
B端產(chǎn)品的設(shè)計(jì)初衷更多地是為了提高企業(yè)的工作效率;
但是由于很多B端產(chǎn)品涉及到的業(yè)務(wù)種類繁多、業(yè)務(wù)流程復(fù)雜,導(dǎo)致用戶處理業(yè)務(wù)時(shí)往往需要在很多頁(yè)面間進(jìn)行切換,在一定程度上影響著用戶的工作效率,再加上每個(gè)用戶常用的功能就那么幾個(gè),所以B端產(chǎn)品迫切需要一個(gè)能方便用戶快速開(kāi)展工作的平臺(tái)。
B端產(chǎn)品一般將首頁(yè)設(shè)計(jì)成工作臺(tái),這樣方便用戶一登陸系統(tǒng)就可以掌握工作進(jìn)度、查看待辦事項(xiàng)、快速處理業(yè)務(wù)。
三、B端產(chǎn)品工作臺(tái)主要功能板塊
通過(guò)上述對(duì)工作臺(tái)的介紹及分析,我們可以確定工作臺(tái)的主要功能板塊包括:工作進(jìn)度、待辦事項(xiàng)、快捷功能、消息通知等。
當(dāng)然工作臺(tái)的功能板塊肯定不局限于這四個(gè),具體的還要結(jié)合公司業(yè)務(wù)及用戶角色。
為了方便大家理解,我從一線銷(xiāo)售人員的角度設(shè)計(jì)工作臺(tái)原型,具體在落實(shí)到自己產(chǎn)品中時(shí)要結(jié)合具體業(yè)務(wù)場(chǎng)景。
工作臺(tái)頁(yè)面原型
1. 工作進(jìn)度
工作進(jìn)度也即是對(duì)當(dāng)前工作的一個(gè)總結(jié),因銷(xiāo)售人員關(guān)注更多的是自己的業(yè)績(jī)數(shù)據(jù),所以該板塊我主要展示了業(yè)績(jī)數(shù)據(jù),而且分為當(dāng)日累計(jì)業(yè)績(jī)數(shù)據(jù)和當(dāng)月累計(jì)業(yè)績(jī)數(shù)據(jù),這個(gè)具體要根據(jù)業(yè)務(wù)實(shí)際情況進(jìn)行展示;
比如有些業(yè)務(wù)數(shù)據(jù)當(dāng)天無(wú)法及時(shí)更新統(tǒng)計(jì),那么就可以展示前一天的數(shù)據(jù)。
工作進(jìn)度板塊的目的是讓用戶掌握自己的工作進(jìn)展情況,以及與其他用戶的差距,能在一定程度上提高用戶的工作積極性。
工作進(jìn)度頁(yè)面原型
2. 待辦事項(xiàng)
待辦事項(xiàng)用于提醒用戶當(dāng)天待處理的工作事項(xiàng),該部分內(nèi)容來(lái)源于兩方面:
一方面是由項(xiàng)目負(fù)責(zé)人分配給一線銷(xiāo)售人員當(dāng)天待處理的工作任務(wù),比如待跟進(jìn)客戶、待回訪客戶等;
另一方面是用戶根據(jù)工作需要自己添加的待辦事項(xiàng),每個(gè)待辦事項(xiàng)圖標(biāo)上展示待辦事項(xiàng)的數(shù)量,點(diǎn)擊待辦事項(xiàng)圖標(biāo)或文字即可查看待辦事項(xiàng)詳情,對(duì)于需要需要處理的待辦事項(xiàng)可以通過(guò)跳轉(zhuǎn)至處理頁(yè)面進(jìn)行處理,也可以直接在當(dāng)前頁(yè)面進(jìn)行彈窗處理。
待辦事項(xiàng)頁(yè)面原型
點(diǎn)擊待辦事項(xiàng)板塊的設(shè)置按鈕可以自定義待辦事項(xiàng)。
待辦事項(xiàng)自定義彈窗原型
3. 快捷功能
由于B端產(chǎn)品用戶常用的功能一般不會(huì)太多,所以快捷功能板塊就是用來(lái)幫助用戶自定義常用功能的入口,這樣可以節(jié)省來(lái)回去導(dǎo)航欄查找功能頁(yè)面的時(shí)間;
通過(guò)快捷功能板塊,我們點(diǎn)擊快捷功能鍵可以直接跳轉(zhuǎn)至對(duì)應(yīng)的功能頁(yè)面,甚至對(duì)某些功能而言,不用進(jìn)行頁(yè)面的跳轉(zhuǎn),可以直接在工作臺(tái)頁(yè)面以彈窗形式進(jìn)行操作,這樣對(duì)用戶工作效率的提高會(huì)更明顯;
當(dāng)然這要視功能而定,對(duì)于一些操作步驟比較少或者業(yè)務(wù)場(chǎng)景比較簡(jiǎn)單的功能可以這樣設(shè)計(jì),如果業(yè)務(wù)操作需要在多個(gè)頁(yè)面間跳轉(zhuǎn)才能完成或者業(yè)務(wù)場(chǎng)景比較復(fù)雜的,那么就不太好用這種方式進(jìn)行實(shí)現(xiàn)。
快捷功能頁(yè)面原型
點(diǎn)擊快捷功能板塊的設(shè)置按鈕可以自定義快捷功能。
快捷功能自定義彈窗原型
4. 公告通知
該板塊主要用于向用戶展示待查看的公告通知,避免用戶錯(cuò)過(guò)公司的重大通知;
公告通知內(nèi)容主要包括:通報(bào)批評(píng)、人事任命、放假通知、以及一些重大事項(xiàng)通知等,點(diǎn)擊公告通知中的任意一條通知即可查看通知詳情。
公告通知頁(yè)面原型
公告通知詳情彈窗原型
四、工作臺(tái)設(shè)計(jì)注意事項(xiàng)
1. 并不是所有B端產(chǎn)品都需要工作臺(tái)
并不是所有B端產(chǎn)品都需要設(shè)計(jì)工作臺(tái)功能,那么什么樣的B端產(chǎn)品是不需要工作臺(tái)功能呢?
一、業(yè)務(wù)場(chǎng)景比較簡(jiǎn)單的B端產(chǎn)品,因?yàn)檫@類產(chǎn)品功能簡(jiǎn)單,工作臺(tái)功能的增加不僅提高不了工作效率,反而可能會(huì)成為用戶的負(fù)擔(dān)。
二、工作臺(tái)不能明顯提高用戶工作效率的B端產(chǎn)品,因?yàn)楣ぷ髋_(tái)功能的設(shè)計(jì)初衷是為了提高用戶工作效率,如果通過(guò)使用工作臺(tái)后工作效率提高很低,甚至沒(méi)有提高,那就沒(méi)必要再增加該功能了。因此產(chǎn)品經(jīng)理要根據(jù)自家B端產(chǎn)品實(shí)際情況決定是否設(shè)計(jì)工作臺(tái)功能。
2. 工作臺(tái)的功能板塊及內(nèi)容因角色而異
工作臺(tái)的內(nèi)容并不是統(tǒng)一的,而是由用戶角色所決定,因?yàn)椴煌脩羝涔ぷ髀氊?zé)和內(nèi)容也不同;
比如對(duì)于一線銷(xiāo)售人員而言,他需要關(guān)注的是自己的業(yè)績(jī)情況,而對(duì)于項(xiàng)目管理人員而言,他更關(guān)注的就是項(xiàng)目整體的業(yè)績(jī)情況。
而且對(duì)于不同角色而言,同樣一個(gè)功能板塊的重要程度也是不一樣的;
比如對(duì)于項(xiàng)目負(fù)責(zé)人來(lái)說(shuō),公告通知就是他負(fù)責(zé)下發(fā)的,所以該板塊對(duì)于該角色而言用途很小,但是對(duì)于一線銷(xiāo)售人員而言,這是接收公司重大通知的重要渠道。
所以在設(shè)計(jì)工作臺(tái)的時(shí)候,各個(gè)功能板塊怎么劃分布局,頁(yè)要根據(jù)角色而定,但是一定要將該角色最關(guān)注的功能板塊突出展示。
3. 工作臺(tái)不是功能的集合
可能有些人會(huì)覺(jué)得工作臺(tái)就是功能的集合,其實(shí)這種認(rèn)知是錯(cuò)誤的,工作臺(tái)不是簡(jiǎn)單地將多種功能堆砌到一起,而是根據(jù)不同用戶角色的使用場(chǎng)景,將他們迫切需要的功能或數(shù)據(jù)展現(xiàn)到一個(gè)頁(yè)面;
這樣是為了方便用戶開(kāi)展工作,如果只是簡(jiǎn)單地將用戶日常涉及到的功能堆砌到一個(gè)頁(yè)面,這樣是達(dá)不到工作臺(tái)設(shè)計(jì)的初衷的。
4. 工作臺(tái)要同時(shí)兼顧使用便捷性及開(kāi)發(fā)成本
因?yàn)樵O(shè)計(jì)工作臺(tái)就是為了提高用戶的工作效率,所以有人會(huì)說(shuō)為什么不能讓用戶在工作臺(tái)就可以處理完所有業(yè)務(wù)?
首先,工作臺(tái)只有一個(gè)頁(yè)面,雖然從技術(shù)角度來(lái)說(shuō)可以實(shí)現(xiàn)這種效果,但是開(kāi)發(fā)成本是非常大的;
其次,我們前面多次提到,對(duì)于B端產(chǎn)品用戶而言,他們常用的功能板塊就那么幾個(gè),有些功能板塊有時(shí)候幾個(gè)月都不一定用到一次,比如修改登錄密碼,該操作肯定很久才會(huì)進(jìn)行一次。
5. 工作臺(tái)設(shè)計(jì)以提高工作效率為目的
工作臺(tái)在設(shè)計(jì)時(shí)要認(rèn)真考慮用戶使用習(xí)慣及場(chǎng)景,展示的內(nèi)容不易過(guò)多,太多了容易給用戶造成視覺(jué)疲勞;
而且內(nèi)容最好以一頁(yè)展示,因?yàn)檫@樣用戶一登錄進(jìn)系統(tǒng)不用任何操作就可以看清楚工作臺(tái)的所有信息;
如果內(nèi)容展示了兩三頁(yè),那么用戶想要看全還需要進(jìn)行翻頁(yè),要知道用戶每多一步操作,就增加了用戶的一些使用成本,這樣就達(dá)不到我們最終想要的目的了。
本文由 @袁賀 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)作者許可,禁止轉(zhuǎn)載。
題圖來(lái)自Unsplash,基于CC0協(xié)議

跟之前看的一篇文章內(nèi)容相似度好高。
我也看到了 好像那一篇文比這個(gè)晚發(fā)布
太贊了
同在鄭州,加個(gè)微信?13261032573
你好,可以加下微信私聊啊,我的微信yuansj1991
微信搜不到了,我現(xiàn)在在杭州這邊做B端,以后也想回去老家鄭州做??吹降呐笥芽梢约觽€(gè)微信:Nice_PM
我更換微信賬號(hào)了,可以添加我新的微信號(hào):YuanHe0620,歡迎一起交流學(xué)習(xí)