B端改版优化 - 地图类审核界面

主要观点总结

本文介绍了B端相关改版中的新页面类型——地图展示类页面的改版过程。文章以一个真实的工作案例展开，首先介绍了页面的功能及现有问题，然后提出了改版方案，包括全局框架的调整、内容区域的优化、地图区域的放大、比例缩放的操作、进度条的改进等。最后展示了改版前后的对比效果，并提及了下一阶段的交互流程说明和B端产品设计的招生信息。

关键观点总结

关键观点1: 页面功能介绍

页面用于记录车辆外出作业信息，方便督查人员检查任务完成度。包含筛选车辆、出勤记录、任务明细、可视地图展示出勤路线和节点事件，以及车辆运行轨迹的操作栏。

关键观点2: 现有问题分析

问题包括页面标签组件的位置不当，增加了主体区域信息量的负担；地图模块展示不当，信息点过于密集，辨识度削弱。

关键观点3: 改版方案介绍

改版方案包括调整全局框架，优化页面标签栏，确定内容区域中的不同组件，放大地图尺寸，调整地图比例缩放，优化进度条设计等。

关键观点4: 改版效果展示

改版后的页面有全局框架的调整和内容区域的优化，提高了信息的辨识度。同时展示了改版前后的对比效果。

关键观点5: 后续计划与招生信息

文章提及了下一阶段的交互流程说明，并宣传了B端产品设计全能班的新一期招生信息。

文章预览

今天继续进行B端相关的改版分享，而这次的主要改版对象是之前没有涉及过的新页面类型 —— 地图展示类页面。 下面是我学员的真实工作案例： 问题分析 首先做个简单的介绍，这个页面用来记录所属车辆外出作业的信息，方便督查人员进行任务完成度情况的检查。 上方的模块可以用于筛选不同车辆、出勤记录，左侧的相关任务是当前所选车辆记录所包含的任务明细，可以包含多条任务，右侧则是可视地图来展示每次出勤的路线和节点事件，下方则是回放车辆运行轨迹的操作栏。 了解完大致的功能，下面就可以针对当前项目已有的问题做相关的分析，我会遵循从上到下的顺序展开。 在层级较高的全局框架中使用了页面标签组件，也就是打开的不同页面会在这里切换而不是在浏览器的页面标签上切换。这个我在过去分享过，对它的作用没有概念 ………………………………