如何做好B端的工作台设计?来看高手的总结+实战案例!

引言

在这个流量见顶的时代,互联网竞争越来越惨烈,各公司业务的渗透难度变高,产品模式方面管理成本的越来越重,而运营效率越来越举足轻重,互联网的巨头们也开始布局 2G/2B 领域,来进一步对传统的企业和行业进一步提升效率、促动变革,最终实现创新和颠覆。

这一系列的现象给 B 端市场打开了空前的局面,然而业务种类的丰富及用户使用场景的越来越复杂,一定程度上给用户处理业务增加了负担,这时一个好的工作台设计变得更为重要,那作为优秀的交互设计师,如何进行 B 端的工作台设计呢?接下来我们针对这个问题跟大家展开讨论一下。

更多工作台干货:

一、了解工作台

1. 工作台的定义

工作台从字面上理解“工作的台面”,跟工作相关,那最根本目的就是增效,怎么帮助用户提高工作效率并快速的进入工作的状态。

对应 B 端的产品中, 工作台就是以展示与用户相关概要信息的页面。通过各种概要信息帮助使用者快速了解之前的工作情况、当前的任务进度以及之后的工作安排等,从而达到提高效率的目的。

2. 工作台的特点

B 端产品的业务种类越来越多,信息系统越来越繁杂,那我们讨论工作台的特点时就不再脱离开 B 端产品的业务属性来分析,以下我们将通过对 B 端业务维度,进行了常见工作台类型的分析,从而帮助大家拆解工作台的功能寻求设计机会点。

① 功能聚合类

钉钉、飞书这类是典型的功能聚合型平台,主要业务特色是功能大而全,具有很强的普适性;那最需要解决的问题是怎么帮助用户在大量的应用中快速找到所需的功能 。

在这一特色下,设计的机会点可重点突出常用功能,通过用户实际的使用频率或者用户个性化设置自定义常用功能;同时可根据需求程度增加全功能搜索等辅助功能帮助用户查找。

如何做好B端的工作台设计?来看高手的总结+实战案例!

如何做好B端的工作台设计?来看高手的总结+实战案例!

② 强数据类

最典型的是 IB 数据分析平台,例如神策数据、growing io 等 ,该类型工作台比较明显的特点是通过大量的数据来传递关键性信息,借助图形化的手段,清晰有效地传达与沟通信息,从而促成用户的决策。下图中列举了两个图表组件平台供设计师们参考使用。

如何做好B端的工作台设计?来看高手的总结+实战案例!

如何做好B端的工作台设计?来看高手的总结+实战案例!

主要设计机会点在于一个是如何从各式各样的图表中选择出符合用户所需要的数据图表,另一个就是通过对图表细节的的处理,既能表达出复杂数据关系,又能统计到不同场景下的数据维度;然而这是另一个大的课题遂不展开论述。

③ 强业务类

强业务属性的平台一般多个使用角色,业务种类繁多,使用场景复杂,具有很强的平台特色。其工作台的设计也不再具有明显特征,那我们通过查找相关竞品罗列出一些常见工作台功能模块。

如何做好B端的工作台设计?来看高手的总结+实战案例!

如何做好B端的工作台设计?来看高手的总结+实战案例!

待办事项

待办事项或任务用于提醒用户当前待处理的工作事项,一般会辅助一些具体数值来起到强提醒的目的,在设计中可适当考虑在当前页面通过弹窗的方式能快捷处理,避免下钻到更深页面提交工作效能。

不同平台不同角色的待办内容不同,客户管理类平台的待办更多是强业务指引,例如待审核订单、待发货订单、待处理退款等;企业后台类的待办任务更多的是流程审批,比如请假审批、报销审批、用章审批。

常用功能

快捷功能板块是承载用户常用功能的快链入口,帮助用户节省从导航栏上逐个下钻的时间,快速定位至想要功能开展对应工作。为满足用户个人习惯偏好可设置通过用户的使用频率或自定义常用功能。

如何做好B端的工作台设计?来看高手的总结+实战案例!

核心业务数据概览

一般以具体的数值 或者可视化图表的方式呈现。客户管理类平台常根据需求统计一些关键节点的的信息,比如支付订单数、支付金额、支付人数和访问数等,从而方便用户通过数据进行客户活动的策略调整。

资讯公告

通常业务通知、系统级或企业级的公告及平台一些专业资讯信息,在首页集中展示最主要方便用户快速查看,避免重要信息遗漏。

营销推广

一般平台用来推广新功能、新业务或者广告等会在工作台首页中外漏流量转化入口;入口样式可看推广力度,大到横条 Banner,小到文字链;

如何做好B端的工作台设计?来看高手的总结+实战案例!

个人信息

针对多角色使用的平台,可通过个人信息快速进行身份识别,例如企业网银系统中一些中小型企业可能一人兼职两种角色,不同角色的使用权限不同,清晰的标识用户的基础信息及角色标识有利于更迅速的开展接下来工作。

如何做好B端的工作台设计?来看高手的总结+实战案例!

工作台的设计对于不同的平台属性、不同的角色,所需功能模块不同,而相同功能模块的重要程度也不同,因此要根据具体平台有针对性地进行合理布局。下面我们将针对如何进行 B 端工作台设计进行展开分析。

二、工作台的设计剖析

近期我们刚好接到九江企业网银的体验优化项目,该项目是典型的强业务性平台,根据上文介绍的常见工作台功能模块,九江企业网银又是如何搭建的属于本平台特色工作台的呢?我们进行了如下设计深挖:

如何做好B端的工作台设计?来看高手的总结+实战案例!

1. 明确设计目标

本次项目伊始,我们和行内业务人员及典型企业代表进行了深入的探讨和沟通,且针对行业内标杆的企业网银进行全方位的竞品分析。

针对整个工作台页面明确一个主线的叙事逻辑。首先明确该页面的主要核心是什么,其次是可以通过什么兴趣点来撬动用户,最后是整体页面的延伸点。这样我们的设计目标就有了明确的定义。

如何做好B端的工作台设计?来看高手的总结+实战案例!

2. 定义人群分层

随着用户群越来越大,不同的用户群体分割越来越明显,不同用户的生长周期也发生了一些变化,那么不同的用户所需的信息需要不同的页面来承载;

那我们在不同的人群分层可以根据项目成熟度分为两种方式,一种通过认知和意愿进行分层处理,在现有成熟的数据基础上,将用户可以分为全新用户、尝试型用户、成长型用户、核心用户等等一些更细分的领域;那比较普适的分层,可以简单直接的把用户分为新用户和老用户两种。

九江银行的用户体量还未进一步提高,为保证分析的准确性,我们采用普适分层法,分为新用户和老用户两种。

如何做好B端的工作台设计?来看高手的总结+实战案例!

3. 提取分层人群的特征

根据实际数据确定人群的占比,明确该角色重点专注的问题,通过怎么帮助用户解决问题进行内容策略的制定,然后再进一步确定设计策略。

在 B 端平台中往往会存在多角色使用的场景,所以在用户分层特征提取前,需要先一步关键角色的概括,这样分层人群的特征会更细致准确。九江企业网银中我们分为老板和财务人员 ,针对两种角色进行以下的分层人群特征提取。

如何做好B端的工作台设计?来看高手的总结+实战案例!

根据上述分析,提取关键词, 明确人群分层关键特征。

如何做好B端的工作台设计?来看高手的总结+实战案例!

4. 定义分层信息框架

结合前面我们针对该页面主体叙事逻辑定义,梳理出整个页面的功能模块优先层级,再结合角色人群分层结论进行信息框架制定,该环节需按照具体平台分析结论综合考虑后设计。

如何做好B端的工作台设计?来看高手的总结+实战案例!

如何做好B端的工作台设计?来看高手的总结+实战案例!

5. 具体设计点展示

老板-新用户

为了更贴近的老板使用场景及整个平台全员快速使用户,将初始操作任务化,能更清晰引导老板完成企业初期的权限分配任务,降低学习成本。

如何做好B端的工作台设计?来看高手的总结+实战案例!

老板-老用户

企业正常运作一段时间后,老板更多专注企业内部经营状况,通过数据图表化的方式更清晰传递数据,帮助老板决策进行企业管理,例如公司支取业务 top10、资产负债一览图等。

如何做好B端的工作台设计?来看高手的总结+实战案例!

财务-新用户

通过关键数据的显示及外露对应的业务快捷操作入口,提高财务工作效率,以及根据个人习惯自定义常用功能来帮助用户更快识别产品的业务,为进一步财务工作全面增效。

如何做好B端的工作台设计?来看高手的总结+实战案例!

财务-老用户

待办事项中以业务指标为基准明确工作进度,以数量多少为前提强化任务操作和查看。常用功能个人习惯自定义常用功能来帮助用户更快识别产品的业务,为进一步财务工作全面增效。

如何做好B端的工作台设计?来看高手的总结+实战案例!

三、总结

体验之路,任重道远。工作台的体验优化需符合平台调性,贴切用户自身的特点,以提升使用效率,满足用户内心价值点为设计出发。

以上就是 B 端工作台设计的所有内容了,希望此文对设计的小伙伴们有所帮助,如果有不同见解也欢迎大家留言交流。

欢迎关注团队微信公众号:兆日 UCD

如何做好B端的工作台设计?来看高手的总结+实战案例!

收藏 132
点赞 46

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。