火星网校
【UI设计】解锁B端工作台设计
发布时间：2024-03-24 16:46:58 浏览量：217次
引言
在这个流量见顶的时代，互联网竞争越来越惨烈，各公司业务的渗透难度变高，产品模式方面管理成本的越来越重，而运营效率越来越举足轻重，互联网的巨头们也开始布局2G/2B领域，来进一步对传统的企业和行业进一步提升效率、促动变革，最终实现创新和颠覆。
这一系列的现象给B端市场打开了空前的局面，然而业务种类的丰富及用户使用场景的越来越复杂，一定程度上给用户处理业务增加了负担，这时一个好的工作台设计变得更为重要，那作为优秀的交互设计师，如何进行B端的工作台设计呢？接下来我们针对这个问题跟大家展开讨论一下。
一、了解工作台
1.1 工作台的定义
工作台从字面上理解“工作的台面”，跟工作相关，那最根本目的就是增效，怎么帮助用户提高工作效率并快速的进入工作的状态。
对应B端的产品中， 工作台就是以展示与用户相关概要信息的页面。通过各种概要信息帮助使用者快速了解之前的工作情况、当前的任务进度以及之后的工作安排等，从而达到提高效率的目的。
1.2 工作台的特点
B端产品的业务种类越来越多，信息系统越来越繁杂，那我们讨论工作台的特点时就不再脱离开B端产品的业务属性来分析，以下我们将通过对B端业务维度，进行了常见工作台类型的分析，从而帮助大家拆解工作台的功能寻求设计机会点。
功能聚合类
钉钉、飞书这类是典型的功能聚合型平台，主要业务特色是功能大而全，具有很强的普适性；那最需要解决的问题是怎么帮助用户在大量的应用中快速找到所需的功能 。
在这一特色下，设计的机会点可重点突出常用功能，通过用户实际的使用频率或者用户个性化设置自定义常用功能；同时可根据需求程度增加全功能搜索等辅助功能帮助用户查找。
强数据类
最典型的是IB数据分析平台，例如神策数据、growing io等 ，该类型工作台比较明显的特点是通过大量的数据来传递关键性信息，借助图形化的手段，清晰有效地传达与沟通信息，从而促成用户的决策。下图中列举了两个图表组件平台供设计师们参考使用。
主要设计机会点在于一个是如何从各式各样的图表中选择出符合用户所需要的数据图表，另一个就是通过对图表细节的的处理，既能表达出复杂数据关系，又能统计到不同场景下的数据维度；然而这是另一个大的课题遂不展开论述，如有感兴趣的同学可查看往期推文 “18张图例！带你轻松了解B端数据图表(一) ”。
强业务类
强业务属性的平台一般多个使用角色，业务种类繁多，使用场景复杂，具有很强的平台特色。其工作台的设计也不再具有明显特征，那我们通过查找相关竞品罗列出一些常见工作台功能模块。
**待办事项**
待办事项或任务用于提醒用户当前待处理的工作事项，一般会辅助一些具体数值来起到强提醒的目的，在设计中可适当考虑在当前页面通过弹窗的方式能快捷处理，避免下钻到更深页面提交工作效能。
不同平台不同角色的待办内容不同，客户管理类平台的待办更多是强业务指引，例如待审核订单、待发货订单、待处理退款等；企业后台类的待办任务更多的是流程审批，比如请假审批、报销审批、用章审批。
**常用功能**
快捷功能板块是承载用户常用功能的快链入口，帮助用户节省从导航栏上逐个下钻的时间，快速定位至想要功能开展对应工作。为满足用户个人习惯偏好可设置通过用户的使用频率或自定义常用功能。
**核心业务数据概览**
一般以具体的数值 或者可视化图表的方式呈现。客户管理类平台常根据需求统计一些关键节点的的信息，比如支付订单数、支付金额、支付人数和访问数等，从而方便用户通过数据进行客户活动的策略调整。
**资讯公告**
通常业务通知、系统级或企业级的公告及平台一些专业资讯信息，在首页集中展示最主要方便用户快速查看，避免重要信息遗漏。
**营销推广**
一般平台用来推广新功能、新业务或者广告等会在工作台首页中外漏流量转化入口；入口样式可看推广力度，大到横条Banner，小到文字链；
**个人信息**
针对多角色使用的平台，可通过个人信息快速进行身份识别，例如企业网银系统中一些中小型企业可能一人兼职两种角色，不同角色的使用权限不同，清晰的标识用户的基础信息及角色标识有利于更迅速的开展接下来工作。
工作台的设计对于不同的平台属性、不同的角色，所需功能模块不同，而相同功能模块的重要程度也不同，因此要根据具体平台有针对性地进行合理布局。下面我们将针对如何进行B端工作台设计进行展开分析。
二、工作台的设计剖析
近期我们刚好接到九江企业网银的体验优化项目，该项目是典型的强业务性平台，根据上文介绍的常见工作台功能模块，九江企业网银又是如何搭建的属于本平台特色工作台的呢？我们进行了如下设计深挖：
2.1 明确设计目标
本次项目伊始，我们和行内业务人员及典型企业代表进行了深入的探讨和沟通，且针对行业内标杆的企业网银进行全方位的竞品分析。
针对整个工作台页面明确一个主线的叙事逻辑。首先明确该页面的主要核心是什么，其次是可以通过什么兴趣点来撬动用户，最后是整体页面的延伸点。这样我们的设计目标就有了明确的定义。
2.2 定义人群分层
随着用户群越来越大，不同的用户群体分割越来越明显，不同用户的生长周期也发生了一些变化，那么不同的用户所需的信息需要不同的页面来承载；
那我们在不同的人群分层可以根据项目成熟度分为两种方式，一种通过认知和意愿进行分层处理，在现有成熟的数据基础上，将用户可以分为全新用户、尝试型用户、成长型用户、核心用户等等一些更细分的领域；那比较普适的分层，可以简单直接的把用户分为新用户和老用户两种。
九江银行的用户体量还未进一步提高，为保证分析的准确性，我们采用普适分层法，分为新用户和老用户两种。
2.3 提取分层人群的特征
根据实际数据确定人群的占比，明确该角色重点专注的问题，通过怎么帮助用户解决问题进行内容策略的制定，然后再进一步确定设计策略。
在B端平台中往往会存在多角色使用的场景，所以在用户分层特征提取前，需要先一步关键角色的概括，这样分层人群的特征会更细致准确。九江企业网银中我们分为老板和财务人员 ，针对两种角色进行以下的分层人群特征提取。
根据上述分析，提取关键词， 明确人群分层关键特征。
2.4 定义分层信息框架
结合前面我们针对该页面主体叙事逻辑定义，梳理出整个页面的功能模块优先层级，再结合角色人群分层结论进行信息框架制定，该环节需按照具体平台分析结论综合考虑后设计。
2.5 具体设计点展示
老板-新用户
为了更贴近的老板使用场景及整个平台全员快速使用户，将初始操作任务化，能更清晰引导老板完成企业初期的权限分配任务，降低学习成本。
老板-老用户
企业正常运作一段时间后，老板更多专注企业内部经营状况，通过数据图表化的方式更清晰传递数据，帮助老板决策进行企业管理，例如公司支取业务top10、资产负债一览图等。
财务-新用户
通过关键数据的显示及外露对应的业务快捷操作入口，提高财务工作效率，以及根据个人习惯自定义常用功能来帮助用户更快识别产品的业务，为进一步财务工作全面增效。
财务-老用户
待办事项中以业务指标为基准明确工作进度，以数量多少为前提强化任务操作和查看。常用功能个人习惯自定义常用功能来帮助用户更快识别产品的业务，为进一步财务工作全面增效。
三、总结
体验之路，任重道远。工作台的体验优化需符合平台调性，贴切用户自身的特点，以提升使用效率，满足用户内心价值点为设计出发。
热门课程推荐
热门资讯
-
将为大家介绍12个绝佳的UI设计网站,这些网站不仅可以为你提供灵感,还可以帮助你学习新的技巧,助力你的创意之旅!dribbbleDribbble 是一个面向设计师的...
-
2. 移动端UI设计中常见的5种APP界面类型，你get到了吗？
通过介绍移动端UI设计中的闪屏页、引导页、浮层引导页、空白页和首页等5种APP界面类型，帮助大家更好地了解UI设计的基本知识
-
怎样可以提升你的UI设计能力!第一个:站酷站酷想必是设计师都知道的一个网站,里面不止有UI设计的资源,还有其他设计的,不如:平面设计、网页设计、字体...
-
在移动端设计中,列表页和表单页是不可或缺的部分。一个好的列表页和表单页设计能够让用户轻松地获取信息并产生点击欲望,从而提高点击率。本文将为你...
-
对于想要提高自己的设计能力和创造力的小白和UI设计师来说,这本书是一个很好的选择。4.《设计的觉醒》(IKKO TANAKA)推荐理由: 这本书是日本现代平面...
-
想要了解iPhone6界面设计的尺寸规范吗？这里为您详细介绍iPhone6的UI设计尺寸规范，包括界面尺寸、图标尺寸、可点击高度规范、搜索栏高度规范以及界面元素之间的距离规范。
-
那么,要学习UI设计就要学习哪些课程呢? 其实,UI设计课程涉及到许多领域,一般分为艺术设计课程、设计辅导课程、图形课程、测试课程、动画示范课程等几...
-
8. Photoshop操作教程：自制电子印章 | PS技巧详解
想要学会制作电子公章吗？跟随本教程，详细介绍Photoshop操作步骤，让您轻松掌握PS技巧，制作精美电子印章。
-
ui设计应该让用户一目了然,能够快速找到所需的信息和功能。在设计过程中,应尽量使用简洁的图标、文字和色彩,避免过多的视觉干扰。符合用户习惯:ui设...
-
学习平面设计要用到哪些软件？随着社会的发展，平面设计在我们日常生活中越来越重要。想了解平面设计软件都有哪些吗？本文为您介绍Photoshop、CorelDRAW、AI和CAD这四款必备的设计软件。
最新文章
