如何进行B端产品工作台设计?

    背景    

B端产品的业务种类繁多、流程复杂,导致用户处理业务时需要在多个功能模块间切换,一定程度上影响了工作效率,而每个用户真正常用的功能并不多,把B端产品首页设计成工作台,方便用户登录系统就可以立刻掌握工作进度、查看待办事项、快速处理业务。

更大的背景则包括:信息系统越来越多,信息爆炸。信息孤岛出现,信息无法实现集成与共享。信息仍是被动式的提供给需求者,无法实现信息的个性化存取。

    定义    

工作台是一个帮助用户快速掌握工作进度及进入工作状态的导航页面。

工作台的设计离不开产品经理对现有业务流程、管理体系的深入了解和洞察。从用户角度来看,首页工作台是用户感知产品价值的重要“门面”。从设计角度来看,首页工作台是系统内体验范式及视觉风格的核心场景。

为什么将工作台定义为导航页面,而不是综合管理页面?工作台是为了让用户随时掌握各项工作的进展情况,快速进入需要处理的工作事项。

设计目标

提升使用者的工作效率,减轻工作压力;

串联业务场景,展示业务全景;

    角色    

“工作台的设计围绕节省完成任务时间,以及实时掌握业务情况展开。”

两大类角色:管理者(偏基层管理者)和执行者(业务人员)。

管理者的核心需求是根据公司战略规划,对业务情况进行把控,如进度、质量、风险、任务分配合理性等。

执行者的核心需求是高效地完成任务,涉及分工协作、信息同步等方面。

管理者需要及时高效的查看数据报表,了解团队任务进展和每个成员的任务进度,掌握业务全景。设计时需要根据角色的工作岗位量化并展示他们关注的核心数据,包含正常数据和异常数据。任务进度包括团队及团队每个成员的分配任务数、完成任务数、任务完成率等信息。

业务人员每天的工作都围绕任务展开。上班后了解今日任务,然后按照规划开始工作,下班之前再查看任务的完成情况。如果没有工作台,任务分散在系统的各个模块,会需要花费很多时间去寻找任务,也可能遗漏任务。页面布局上可以通过归集任务入口、展示任务进度和剩余待办任务满足相应的需求。信息同步包括公司级信息同步和协同任务信息同步,一般通过通知公告模块、消息中心以及站外推送方式实现。

    内容模块    

工作进度:

通常来讲,工作进度是指对某些项目或重点业务流程的进度监控,无论是项目里程碑还是审批流程,系统都定义了确定的阶段或状态。另一类工作进度则是对当前已完成工作量的汇总,一般没有确定的数值,比如日累计或月累计数据,可以同时显示设定目标值、个人历史值或全员平均值进行对比,在一定程度上可激励员工提高工作积极性。

对管理者而言,工作进度的意义更为重大,可以及时了解各个业务人员的任务进展以及整个项目的进度。

待办提醒:

待办事项/任务用于提醒用户当前待处理的工作事项,汇总数量后方便用户查看当天的工作量。不同角色的待办内容不同,执行者的待办任务更多的是工作内容,比如待审核订单、待发货订单、待处理退款等。管理者的待办任务更多的是流程审批,比如请假审批、报销审批、用章审批等,也包括管理范围内整体的待办任务,以便安排工作。

无论具体内容如何,在设计待办事项时都要遵循三个原则:第一,展示形式简洁,一眼就能获取所有关键信息;第二,要能够快速处理,可以当前页面直接处理,也可以链接到详情页处理;第三,如果有截止时间,需要重点标记出来,并按照截止时间升序排列;

对业务人员而言,待办任务一般有三个来源:上级领导分配或指派的以及其他同事转手的,系统根据分配规则自动分发的(具有明确的达成标准),用户根据工作需要自行添加的(可通过日程管理和备忘实现)。各类待办事项可外露出相应的汇总数量,方便用户对各类任务的工作量建立认知。

待执行任务一般有两种呈现形式。一是仅放置任务入口,点击可进入对应的任务列表。这种形式适用于数量较多、需要批量的任务。二是显示任务列表项,点击可对任务进行处理。这种形式适用于数量较少、且独立于其它模块的任务。

待办任务的处理方式也是两种:简单的事务可以直接在当前页面通过弹窗进行快捷处理,复杂的可以按照“待办列表-待办详情”或直接进入详情页两种操作路径进行处理。

快捷功能导航:

快捷功能板块是承载用户常用功能的快链入口,可以节省到导航栏查找功能菜单以及进入页面查看功能入口的时间。满足的是用户个人偏好的需求,对于绝大多数用户来说,经常使用的功能只有几个,将常用的菜单或操作入口提炼出来,方便用户快速进入,省时省力,属于锦上添花的功能。一般会按照特定角色的工作职责预置几个默认的快捷功能,并允许用户自定义编辑。

同样的,可以直接在工作台页面以弹窗形式进行展示,也可以跳转至对应的功能页面。一般还包括应用搜索及查看历史搜索,以及最近使用的应用等功能。

通知公告:

企业的重大决定往往以公告的方式进行发布,以体现其正式性,也方便用户集中查看,同时避免用户错过重大通知;

核心业务数据概览:

核心业务数据的判定依赖对业务的足够了解。任务都完成了并不代表业务进展得顺利,所以要对业务进行分析,看哪些数据能够反映业务的真实情况。

消息中心:

消息系统一般包括普通提醒(如续费预警、有效期提醒等)、业务提醒(和业务流程密切相关的提醒,如待审批等)、系统公告(平台级的功能更新说明、营销推广活动,公司级的通知公告等)。形式上一般是独立于页面的悬浮消息列表,避免打断用户原有操作流程。

全局搜索:

包括对人员、消息、功能菜单、业务流程等内容的搜索。

工作日志:

工作日志是对每天工作的梳理。有的公司要求员工写工作日报,包括今日工作完成情况和明天工作计划,因此可在工作台添加工作日志入口。此外,系统还可以自动汇总日报提炼形成周报,并进行统计分析。

日程管理:

日程管理是从更加宏观的视角来看待整个工作安排。钉钉、飞书中都有类似的日志功能,对时间管理比较重视的企业会比较青睐这个功能。

    设计小贴士    

业务场景比较简单的产品不适合使用工作台,可能无法提高工作效率,甚至会成为用户的负担。

对于不同的角色,需要的功能板块不同,相同功能板块的重要程度也不一样,因此要有针对性的进行合理布局。

工作台不是简单的功能堆砌,而是依据不同业务角色的工作职责和核心使用场景,将相应的功能和数据规划到一个页面进行集中展示。

少即是多,工作台设计以提高工作效率为目的,展示的内容不易过多,太多了容易给用户造成视觉疲劳,最好一屏展示完全。

参考:

工作台设计思路(东东方笔记 公众号)

浅谈B端产品设计-工作台篇(明天上线 公众号)

B端产品工作台设计详解(袁贺)

云台助手案例分享:B端产品该如何改版?(苏宁设计 公众号)

怎样设计企业管理系统的首页工作台(产品旅程 公众号 质量较高)

以电商和医疗行业为例,看B端工作台和消息系统的设计(司马特小分队)

研究规划 | 企业门户系统的规划与建设研究(数字化企业 公众号)

传统企业的数字化之路:如何打造一款企业级的工作协同门户平台(神马B端)

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,293评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,604评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,958评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,729评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,719评论 5 366
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,630评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,000评论 3 397
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,665评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,909评论 1 299
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,646评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,726评论 1 330
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,400评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,986评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,959评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,197评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 44,996评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,481评论 2 342