摘自《B端产品设计精髓:从0到1构建企业级的数智化产品》
企业级服务无论如何都有着很强的工具属性,用户需要使用它完成一项或多项工作任务。一个成功的B端产品,本质上就是营造、设计一个高效的、安全的、便捷的“用户的使用过程”,帮助用户完成在特定场景下的一系列任务目标。当用户需要某项功能的时候,能够快速找到;当用户需要帮助的时候,可以快速得到;当用户需要一系列操作而完成一个复杂的流程的时候,功能之间能够进行快速的链接和组合;当用户需要找到一个业务联系人的时候,联系人可以很快被找到,等等。
角色化、场景化的需求洞察、提炼,并转化为设计的过程,则是其中最为关键的环节。目前,以角色工作台、角色桌面的设计等作为工作入口,已经成为很多产品角色化、场景化落地的重要方式。其要么展现了强大的自定义能力,去满足各种各样的需求,去尝试匹配各种各样的角色;要么在高度抽象的前提下,具备一定的适配性和自定义性,去满足一些比较固定的行业要求等。
一个合理的角色工作台需要解决业务场景多样性带来的各种不同的细节需求,还要解决用户本身的“千人千面”带来的角色设定问题。
角色工作台从业务处理思路上区分,主要可以分为入口型、业务型、混合型等。
入口型简洁一些,更强调每一个角色核心工作的快捷入口,有着更灵活的适应性,比较适合业务多样性程度较高的一些业务。其核心是让每一个角色可以方便地以入口形式访问其需要的应用和服务。 业务型则是把一部分核心的工作任务和数据直接投射和添加到首页,让用户打开系统就可以立即开始工作。这种方式可以让用户更聚焦角色任务本身。但需要对角色本身和业务特点有着更强有力的把控。业务型虽然也有一定的用户定制能力,但由于业务的多样性,还是容易失去一些灵活性。 混合型的桌面类型,在二者基础上做了一些融合。
如何进行B端产品工作台设计?
背景
B端产品的业务种类繁多、流程复杂,导致用户处理业务时需要在多个功能模块间切换,一定程度上影响了工作效率,而每个用户真正常用的功能并不多,把B端产品首页设计成工作台,方便用户登录系统就可以立刻掌握工作进度、查看待办事项、快速处理业务。
更大的背景则包括:信息系统越来越多,信息爆炸。信息孤岛出现,信息无法实现集成与共享。信息仍是被动式的提供给需求者,无法实现信息的个性化存取。
定义(来自 antdesign)
工作台常被作为应用的主页,是一个为用户提供便利的交通枢纽。工作台提供常用信息入口,以中心辐射的方式导航至应用的各功能模块;呈现用户当前需要关注的信息,缩短获取关键信息的路径;同时允许用户在工作台直接操作一些高频任务。(来自 antdesign)
工作台是一个帮助用户快速掌握工作进度及进入工作状态的导航页面。工作台的设计离不开产品经理和设计师对现有业务流程、管理体系的深入了解和洞察。从设计角度来看,首页工作台是系统内体验范式及视觉风格的核心场景。从用户角度来看,首页工作台是用户感知产品价值的重要“门面”。
为什么将工作台定义为导航页面,而不是综合管理页面?工作台是为了让用户随时掌握各项工作的进展情况,快速进入需要处理的工作事项。
设计目标
- 提升使用者的工作效率,减轻工作压力;
- 串联业务场景,展示业务全景;
设计目标
(来自 antdesign)
用户侧:提供处理和查看信息的捷径,并为用户提供必要的帮助;
产品侧:与用户更好地沟通,适当宣传产品的新动向等运营内容。设计原则
(来自 antdesign)
可寻性#
用户是否能定位到他们想要的信息。
降低记忆负载#
理解用户再次访问的核心目标,为可能的目的地提供最短导航路径。
使用角色
“工作台的设计围绕节省完成任务时间,以及实时掌握业务情况展开。”
两大类角色:管理者(偏基层管理者)和执行者(业务人员)。
管理者的核心需求是根据公司战略规划,对业务情况进行把控,如进度、质量、风险、任务分配合理性等。 执行者的核心需求是高效地完成任务,涉及分工协作、信息同步等。
管理者需要及时高效的查看数据报表,了解团队任务进展和每个成员的任务进度,掌握业务全景。设计时需要根据角色的工作岗位量化并展示他们关注的核心数据,包含正常数据和异常数据。任务进度包括团队及团队每个成员的分配任务数、完成任务数、任务完成率等信息。
业务人员每天的工作都围绕任务展开。上班后了解今日任务,然后按照规划开始工作,下班之前再查看任务的完成情况。如果没有工作台,任务分散在系统的各个模块,需要花费很多时间去寻找任务,也可能遗漏任务。页面布局上可以通过归集任务入口、展示任务进度和剩余待办任务满足相应的需求。信息同步包括公司级信息同步和协同任务信息同步,一般通过通知公告模块、消息中心以及站外推送方式实现。
内容模块
工作进度:
通常来讲,工作进度是指对某些项目或重点业务流程的进度监控,无论是项目里程碑还是审批流程,系统都定义了确定的阶段或状态。另一类工作进度则是对当前已完成工作量的汇总,一般没有确定的数值,比如日累计或月累计数据,可以同时显示设定目标值、个人历史值或全员平均值以便进行对比,在一定程度上可激励员工提高工作积极性。对管理者而言,工作进度的意义更为重大,可以及时了解各个业务人员的任务进展以及整个项目的进度。
待办提醒:
待办事项/任务用于提醒用户当前待处理的工作事项,汇总数量后方便用户查看当天的工作量,安排工作计划。不同角色的待办内容不同,执行者的待办任务更多的是工作内容,比如待审核订单、待发货订单、待处理退款等。管理者的待办任务更多的是流程审批,比如请假审批、报销审批、用章审批等,也包括管理范围内整体的待办任务。
无论具体内容如何,在设计待办事项时都要遵循三个原则:第一,展示形式简洁,一眼就能获取所有关键信息;第二,要能够快速处理,可以当前页面直接处理,也可以链接到详情页处理;第三,如果有截止时间,需要重点标记出来,并按照截止时间升序排列。
对业务人员而言,待办任务一般有三个来源:上级领导分配或指派的以及其他同事转手的,系统根据分配规则自动分发的(具有明确的达成标准),用户根据工作需要自行添加的(可通过日程管理和备忘实现)。
各类待办事项可外露出相应的汇总数量,方便用户对各类任务的工作量建立整体认知。待执行任务一般有两种呈现形式。一是仅放置任务入口,点击可进入对应的任务列表。这种形式适用于数量较多、需要批量的任务。二是显示任务列表项,点击可对任务进行处理。这种形式适用于数量较少、且独立于其它模块的任务。
待办任务的处理方式也是两种:简单的事务可以直接在当前页面通过弹窗进行快捷处理,复杂的可以按照“待办列表-待办详情”或直接进入详情页两种操作路径进行处理。
快捷功能导航:
快捷功能板块是承载用户常用功能的快链入口,可以节省到导航栏查找功能菜单以及进入页面查看功能入口的时间。满足的是用户个人偏好的需求,对于绝大多数用户来说,经常使用的功能只有几个,将常用的菜单或操作入口提炼出来,方便用户快速进入,省时省力,属于锦上添花的功能。一般会按照特定角色的工作职责预置几个默认的快捷功能,并允许用户自定义编辑。同样的,可以直接在工作台页面以弹窗形式进行展示,也可以跳转至对应的功能页面。一般还包括应用搜索及查看历史搜索,以及最近使用的应用等辅助功能。
通知公告:
企业的重大决定往往以公告的方式进行发布,以体现其正式性,也方便用户集中查看,同时避免用户错过重大通知;
核心业务数据概览:
核心业务数据的判定依赖对业务的足够了解。任务都完成了并不代表业务进展得顺利,所以要对业务进行分析,看哪些数据能够反映业务的真实情况。
消息中心:
消息系统一般包括普通提醒(如续费预警、有效期提醒等)、业务提醒(和业务流程密切相关的提醒,如待审批等)、系统公告(平台级的功能更新说明、营销推广活动,公司级的通知公告等)。形式上一般是独立于页面的悬浮消息列表,避免打断用户原有操作流程。
全局搜索:
工作日志:
工作日志是对每天工作的梳理。有的公司要求员工写工作日报,包括今日工作完成情况和明天工作计划,因此可在工作台添加工作日志入口。此外,系统还可以自动汇总日报提炼形成周报,并进行统计分析。
日程管理:
日程管理是从更加宏观的视角来看待整个工作安排。钉钉、飞书中都有类似的日志功能,对时间管理比较重视的企业会比较青睐这个功能。
设计小贴士
- 业务场景比较简单的产品不适合使用工作台,可能无法提高工作效率,甚至会成为用户的负担。
- 对于不同的角色,需要的功能板块不同,相同功能板块的重要程度也不一样,因此要有针对性的进行合理布局。
- 工作台不是简单的功能堆砌,而是依据不同业务角色的工作职责和核心使用场景,将相应的功能和数据规划到一个页面进行集中展示。
- 少即是多,工作台设计以提高工作效率为目的,展示的内容不易过多,太多了容易给用户造成视觉疲劳,最好一屏展示完全。
如何设计(来自 antdesign)
模板 - 工作台
什么时候使用
- 为用户再次访问缩短导航路径;
- 为用户提供常用导航入口。
涉及哪些功能
使用帮助;核心数据;快捷入口;待办清单;关注;运营模块。
设计建议
- 展示与日常工作相关模块,将总模块数量控制在5-9个;
- 尽量在首屏呈现最常使用的内容;
- 提供基于角色的差异化视图。
模板 - 新手引导
什么时候使用
- 当新用户到达平台,尚未开始任何工作时,缩短新用户学习时长;
- 部分模块无内容时,请参见「空状态」指引。
涉及哪些功能
使用帮助;空状态引导
设计建议
- 向用户介绍平台用途,并引导用户开始工作;
- 如果需要用户管理复杂的对象,提供 Demo 预览入口;
设计建议*
选择合适的导航方式
这类页面一般会提供两类导航形式。
① 用户知道他想要使用的功能,需要利用导航获取。例如:
② 发现类导航,用户须完成某任务,但不知道使用哪个功能来完成。例如:
按照使用频次布置内容
用户在日常工作中最常使用的内容,按照使用频次将内容布置以下各区域。
考虑异常状态
用户个性化定制
关于是否应该推荐用户个性化定制,这部分内容尚在探索中。
参考
https://ant.design/docs/spec/research-workbench-cn
- 工作台设计思路(东东方笔记 公众号)
- 浅谈B端产品设计-工作台篇(明天上线 公众号)
- B端产品工作台设计详解(袁贺)
- 云台助手案例分享:B端产品该如何改版?(苏宁设计 公众号)
- 怎样设计企业管理系统的首页工作台(产品旅程 公众号)【质量较高】
- 以电商和医疗行业为例,看B端工作台和消息系统的设计(司马特小分队)
- 研究规划 | 企业门户系统的规划与建设研究(数字化企业 公众号)
- 传统企业的数字化之路:如何打造一款企业级的工作协同门户平台(神马B端)