更大的背景则包括：信息系统越来越多，信息爆炸。信息孤岛出现，信息无法实现集成与共享。信息仍是被动式的提供给需求者，无法实现信息的个性化存取。
工作台是一个帮助用户快速掌握工作进度及进入工作状态的导航页面。
工作台的设计离不开产品经理对现有业务流程、管理体系的深入了解和洞察。从用户角度来看，首页工作台是用户感知产品价值的重要“门面”。从设计角度来看，首页工作台是系统内体验范式及视觉风格的核心场景。
为什么将工作台定义为导航页面，而不是综合管理页面？工作台是为了让用户随时掌握各项工作的进展情况，快速进入需要处理的工作事项。
设计目标
提升使用者的工作效率，减轻工作压力；
串联业务场景，展示业务全景；
“工作台的设计围绕节省完成任务时间，以及实时掌握业务情况展开。”
两大类角色：管理者（偏基层管理者）和执行者（业务人员）。
管理者的核心需求是根据公司战略规划，对业务情况进行把控，如进度、质量、风险、任务分配合理性等。
执行者的核心需求是高效地完成任务，涉及分工协作、信息同步等方面。
管理者需要及时高效的查看数据报表，了解团队任务进展和每个成员的任务进度，掌握业务全景。设计时需要根据角色的工作岗位量化并展示他们关注的核心数据，包含正常数据和异常数据。任务进度包括团队及团队每个成员的分配任务数、完成任务数、任务完成率等信息。
业务人员每天的工作都围绕任务展开。上班后了解今日任务，然后按照规划开始工作，下班之前再查看任务的完成情况。如果没有工作台，任务分散在系统的各个模块，会需要花费很多时间去寻找任务，也可能遗漏任务。页面布局上可以通过归集任务入口、展示任务进度和剩余待办任务满足相应的需求。信息同步包括公司级信息同步和协同任务信息同步，一般通过通知公告模块、消息中心以及站外推送方式实现。
工作进度：
通常来讲，工作进度是指对某些项目或重点业务流程的进度监控，无论是项目里程碑还是审批流程，系统都定义了确定的阶段或状态。另一类工作进度则是对当前已完成工作量的汇总，一般没有确定的数值，比如日累计或月累计数据，可以同时显示设定目标值、个人历史值或全员平均值进行对比，在一定程度上可激励员工提高工作积极性。
对管理者而言，工作进度的意义更为重大，可以及时了解各个业务人员的任务进展以及整个项目的进度。
待办提醒：
待办事项/任务用于提醒用户当前待处理的工作事项，汇总数量后方便用户查看当天的工作量。不同角色的待办内容不同，执行者的待办任务更多的是工作内容，比如待审核订单、待发货订单、待处理退款等。管理者的待办任务更多的是流程审批，比如请假审批、报销审批、用章审批等，也包括管理范围内整体的待办任务，以便安排工作。
无论具体内容如何，在设计待办事项时都要遵循三个原则：第一，展示形式简洁，一眼就能获取所有关键信息；第二，要能够快速处理，可以当前页面直接处理，也可以链接到详情页处理；第三，如果有截止时间，需要重点标记出来，并按照截止时间升序排列；
待执行任务一般有两种呈现形式。一是仅放置任务入口，点击可进入对应的任务列表。这种形式适用于数量较多、需要批量的任务。二是显示任务列表项，点击可对任务进行处理。这种形式适用于数量较少、且独立于其它模块的任务。
待办任务的处理方式也是两种：简单的事务可以直接在当前页面通过d窗进行快捷处理，复杂的可以按照“待办列表-待办详情”或直接进入详情页两种 *** 作路径进行处理。
快捷功能导航：
快捷功能板块是承载用户常用功能的快链入口，可以节省到导航栏查找功能菜单以及进入页面查看功能入口的时间。满足的是用户个人偏好的需求，对于绝大多数用户来说，经常使用的功能只有几个，将常用的菜单或 *** 作入口提炼出来，方便用户快速进入，省时省力，属于锦上添花的功能。一般会按照特定角色的工作职责预置几个默认的快捷功能，并允许用户自定义编辑。
同样的，可以直接在工作台页面以d窗形式进行展示，也可以跳转至对应的功能页面。一般还包括应用搜索及查看历史搜索，以及最近使用的应用等功能。
通知公告：
企业的重大决定往往以公告的方式进行发布，以体现其正式性，也方便用户集中查看，同时避免用户错过重大通知；
核心业务数据概览：
核心业务数据的判定依赖对业务的足够了解。任务都完成了并不代表业务进展得顺利，所以要对业务进行分析，看哪些数据能够反映业务的真实情况。
消息中心：
消息系统一般包括普通提醒（如续费预警、有效期提醒等）、业务提醒（和业务流程密切相关的提醒，如待审批等）、系统公告（平台级的功能更新说明、营销推广活动，公司级的通知公告等）。形式上一般是独立于页面的悬浮消息列表，避免打断用户原有 *** 作流程。
全局搜索：
包括对人员、消息、功能菜单、业务流程等内容的搜索。
工作日志：
工作日志是对每天工作的梳理。有的公司要求员工写工作日报，包括今日工作完成情况和明天工作计划，因此可在工作台添加工作日志入口。此外，系统还可以自动汇总日报提炼形成周报，并进行统计分析。
日程管理：
日程管理是从更加宏观的视角来看待整个工作安排。钉钉、飞书中都有类似的日志功能，对时间管理比较重视的企业会比较青睐这个功能。
业务场景比较简单的产品不适合使用工作台，可能无法提高工作效率，甚至会成为用户的负担。
对于不同的角色，需要的功能板块不同，相同功能板块的重要程度也不一样，因此要有针对性的进行合理布局。
工作台不是简单的功能堆砌，而是依据不同业务角色的工作职责和核心使用场景，将相应的功能和数据规划到一个页面进行集中展示。
少即是多，工作台设计以提高工作效率为目的，展示的内容不易过多，太多了容易给用户造成视觉疲劳，最好一屏展示完全。
参考：
工作台设计思路（东东方笔记 公众号）
浅谈B端产品设计-工作台篇（明天上线 公众号）
B端产品工作台设计详解（袁贺）
云台助手案例分享：B端产品该如何改版?（苏宁设计 公众号）
怎样设计企业管理系统的首页工作台（产品旅程 公众号 质量较高）
以电商和医疗行业为例，看B端工作台和消息系统的设计（司马特小分队）
研究规划 | 企业门户系统的规划与建设研究（数字化企业 公众号）
传统企业的数字化之路：如何打造一款企业级的工作协同门户平台（神马B端）
插画在UI中运用已经不是什么新鲜事，但是在项目中大家都擅长不同的设计风格，在图形化的工作协同中，风格难复现和统一。所以为了保持图形化设计输出的一致性，建立插画库就显得尤为重要。
慧徕店是专为商户推出的数字化管理系统，具有商品管理、会员管理、经营分析、聚合支付、库存管理、营销管理等多种新零售解决方案。
对产品有了清晰的了解之后，我们来大致梳理一下产品定位，有了统一清晰的产品定位之后，也可以更好的定位设计目标和设计方向。
在进行插画库设计之前，需要先做好准备工作，对项目有充分的了解和调研，找到合理的设计目标。情绪板可以有效统一大家对产品的理解，并且也可以让非设计工作人员参与进来，在关键词的脑暴过程中可以更多的去了解大家的想法，从而再有效的进行
从用户属性、行业属性和产品诉求3个方面进行关键词的分析，提炼出了衍生关键词，再按照指定关键词进行参考图的收集与整理。
对关键词我们再次进行分析和整理，对于用户来说，简洁实用才是第一位的，且由于B端产品的属性，整体界面并不会像C端那样色彩丰富，不过由于B端业务场景的多样化，对于插画库的要求也需要能应对较为多样化的场景。
B端插画相对来说对质感要求不高，所以一开始就将目标锁定在了扁平插画范畴，在参考时，除了插画的设计风格，还包括人物的衣服、发型、动作、配色、构图等等。从以下参考中了解当前主流扁平插画的运用，从而运用到项目当中。
结合产品与参考，将插画构成分为了背景、中景与前景，并在画面不充分或者构图不和谐时使用点缀元素，以此规范来保证画面整体的和谐统一。
插画构成的详细介绍
在人物比例上，男生采用接近真实比例的8头身，女生则同样接近8头身，没有采用7.5头身的原因是在排版时，可以使人物基本在同一水平线上。
制定好基本的结构，并以此为基础进行人物动作的延展。
人物的设定上没有添加太多细节，没有设置表情和特定服饰，在适配上可以尽可能多地适配公司多种业务和场景。
背景层以展现大场景为主，列为通用、城市、室内、商户等，主要结合业务场景，给出大的氛围方向，在视觉层级上为最弱。
展现B端中常出现的数据分析、电脑、手机、云等元素，增强画面的凝聚力。
点缀层作为氛围补充之用，同样是围绕常见的氛围元素，例如时间、钱包、礼物、盆栽、植物、气泡等，用来丰富画面。
下图给出组合规范，对于常用场景的规范搭建，不过基于当前处于业务拓展期，场景和业务会不断迭代，仅作为参考示范。
此次插画库设计有两个比较大的问题，一是人物动作与比例的统一，二是关于整体场景的适配与适用性。人物比例的统一于协调是插画库的关键，基本上所有的场景都与人物有关，因此在人物动作上也是尽可能多地进行延展，不过当前人物主要以正面和3/4侧面为主，之后还需要尽可能多的补充不同的角度。此外，插画库比较适用一些重复性、普适性强的场景，若有其他业务场景，或者当前插画库不能适配的，需要根据实际场景或者业务需求进行绘制。
大家如何设计B端产品的首页，本文参考了腾讯云与阿里云的首页设计，但这两种产品的设计，都是基于商业化产品的设计目的，我做的平台是工具平台，持续作用于内部，并没有商业化的计划，所以本文主要介绍工具平台的首页设计。
如何设计首页，我查了众多资料，发现市场上大多是介绍C端的产品主页，对b端产品的介绍比较少，所以本文计划以首页设计的形式，首页的内容指标，分角色、分不同权限的使用差别来介绍。
设计之前，先统一一个核心价值，首页设计不是我们的首页，不是展示品牌的首页，而是设计给用户看的，为了更直接有效的触达用户，为了给用户提供更高效的工作效率和降低他的工作成本。
如何设计，考虑到产品的设计，需要对用户进行访谈，了解用户的使用场景，分析用户对平台的期望。
产品门面的角度而言，首页可以作为一个数据平台，从产品价值与效率的角度来讲，首页可以作为一个工作台，产品业务架构的角度来讲，首页可以作为一个对导航页的补充。
一些设计首页的原则
首页尽量只占一屏，不要有滚动条
首页的设计核心是帮助角色快速触达业务
设计首页的内容板块时，最好要有内容标题，复杂内容要有tips提示
首页更加适合以图表格式展示，
首页上半部门一般显示数据，下半部门一般展示快捷功能和功能导航，
一般进行设计时，尽量聚焦到角色的日常工作中。
产品首页的常用设计板块主要包括几个点：数据展示、图表内容展示、功能导航、快捷功能、个人信息、内容包括资讯和通知信息。
数据展示
数据一般是公司管理层比较关注的业务运营数据和公司管理数据，数据展示时，数据相对独立时，一般采用图标加文字的方式，数据较多时，一般采用折线图，一定要选择符合数据特征的图像。
内容展示
内容一般包括资讯和通知信息和公告，一般展示在首页。
功能导航
一些高频使用的功能可以考虑使用在首页，设计方式以图标为准。
个人信息
一般设置在导航栏
快捷功能台
设计的目标是要用户快速触达功能和业务，提升用户的效率，该功能的设计不宜复杂， *** 作可以在工作台完成即可，尽可能简化设计。
视觉
保持整洁和简单即可，与整体导航风格保持一致，不能抢占导航的视觉中心。
再次重申，首页设计的意义是提高角色的效率，使客户快速触达业务。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）