B端產(chǎn)品工作臺(tái)設(shè)計(jì)詳解

袁賀
7 評(píng)論 41159 瀏覽 246 收藏 12 分鐘
🔗 产品经理的职业发展路径主要有四个方向:专业线、管理线、项目线和自主创业。管理线是指转向管理岗位,带一个团队..

編輯導(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)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 跟之前看的一篇文章內(nèi)容相似度好高。

    來(lái)自上海 回復(fù)
    1. 我也看到了 好像那一篇文比這個(gè)晚發(fā)布

      來(lái)自廣東 回復(fù)
  2. 太贊了

    回復(fù)
  3. 同在鄭州,加個(gè)微信?13261032573

    來(lái)自河南 回復(fù)
    1. 你好,可以加下微信私聊啊,我的微信yuansj1991

      來(lái)自河南 回復(fù)
    2. 微信搜不到了,我現(xiàn)在在杭州這邊做B端,以后也想回去老家鄭州做??吹降呐笥芽梢约觽€(gè)微信:Nice_PM

      來(lái)自廣東 回復(fù)
    3. 我更換微信賬號(hào)了,可以添加我新的微信號(hào):YuanHe0620,歡迎一起交流學(xué)習(xí)

      來(lái)自河南 回復(fù)
专题
12651人已学习11篇文章
怎么做投放是很多运营人和品牌方的一大难题,做好投放不可缺少以下几大步骤。本专题的文章以小红书投放为例,分享了一些策略,一起来看下吧。
专题
15683人已学习10篇文章
再好的产品,没有优质的推广渠道加持和App投放增长的方法,也很难实现有效传播和增长。本专题的文章分享了App投放推广指南。
专题
16638人已学习12篇文章
本专题的文章分享了对账体系的设计思路。
专题
14857人已学习13篇文章
互联网IT技术与产业的结合,衍生出了许多生命力强大的平台经济,货运领域就是如此衍生而来的。本专题的文章帮助大家了解货运平台。
专题
17785人已学习14篇文章
MVP是指开发团队通过提供最小化可行产品获取用户反馈,并在这个最小化可行产品上持续快速迭代,直到产品到达一个相对稳定的阶段。本专题的文章分享了如何做MVP产品。