工作台通常是系统的首页，作为一个便捷的交通枢纽，帮助用户完成工作任务。
设计目标
- 用户角度：快速查看和处理信息，必要时能获取帮助支持
- 产品角度：适度地传达产品运营内容
设计原则
- 用户能快速定位到需要的信息
-
典型模板
概览
工作台的布局一般分为2栏，左栏约占2/3，右栏约占1/3。一个包含了所有常用模块的工作台布局如下图：
工作台的常用模块包括： 核心数据
- 待办事项（待办/工单/日程/日历）
- 关注对象（根据权限由系统分配/由用户自行配置）
- 快捷入口（最近使用/常用/自行配置）
- 运营模块（活动/最新收录的系统内容，如资讯、研报/公告）
- 帮助引导
下文将给出这些模块的典型样例和设计建议；其他布局的模板（例如无左侧导航）请跳转至“其他模板示例”部分。
核心数据
通常是用户最关注的部分，显示系统最重要的指标，P0级。
一般如图示位置，位于左栏上方。如果数据不是工作台用户关注的内容，则可能位于右侧。
设计建议：
- 数字颜色和文本标签，在颜色、大小上作区分，突出数值
- 若有总分关系，需要表示清晰（通过字号大小等方式）
- 指标状态可通过颜色语义来表示
- 显示数据的概览，可支持点击数字进入详情页面
展现形式：
- 数字
- 数字+可视化
类型：
- 中性：呈现整体样貌
- 负面：关注负面警告（常见于云平台、项目研发平台等系统）
- 正面：关注系统发展情况（常见于CRM、ERP等系统）
待办事项
展示用户近期需要完成的任务，P1级。
一般如图示位置，位于核心数据下方或右上角的位置：
设计建议：
- 通常显示5条左右，支持跳转到所有待办列表页
- 点击某一条待办，以弹窗或抽屉的形式显示详情
展现形式：
- 列表
- 卡片
类型：
- 以时间为核心：日程安排
- 以角色为核心：我发起的流程/我被分配的任务/我参与的流程
- 以任务类型为核心
关注对象
用户较次关注的部分，展示用户所关注的人员动态或内容的更新，P2级。
一般如图示位置，位于核心数据或待办事项的下方：
设计建议：
- 通常显示5条左右，若为页面底部模块，可继续加载显示更多
- 按时间由近及远排列
展现形式：
- 列表
- 时间轴
类型：
- 关注用户的动态
- 关注的系统实体（例如：研发平台-项目动态；风控平台-舆情告警；投资研究平台-行业研报）
Q：“关注对象”如何定义？
A：广义上，系统用户关注的信息都是关注对象，包含核心数据、待办事项、最近使用等模块。此处将范围缩小，定义为用户手动关注的系统对象（如特定用户、特定行业、特定标签等）。
快捷入口
用户常用的功能/模块入口， P2。
一般如图示位置，位于页面右栏，所占面积较小。如果工作台对于导航的需求较强，则可能在中央占据较大的空间。
设计建议：
- 通常用块或卡片来表示每个系统
- 数量控制在10个以内
展现形式：
- 图标按钮
- 列表
- 卡片
类型：
- 系统核心功能
- 用户常用功能或文件等对象，可自行配置
- 用户最近使用的功能或文档等对象，为系统记录
运营模块
系统希望传达给用户的信息，非关键信息。
一般如图所示位于右侧：
设计建议：
- 不宜占据过大的空间
展现形式：
- 卡片
- 图片
- 列表
类型：
- 产品、功能推荐 （通常具备快速跳转入口，推广目标明确）
- 专题banner
-
帮助引导
帮助引导，为用户提供使用帮助。在页面中，新手指引通常为非常驻模块；复杂的系统工作台可能会有常驻的帮助模块。
一般如图示位置，新手指引会位于比较显眼的上方，支持关闭；常驻的帮助模块位于右侧下方。在空状态较多时，也可能以新手帮助的内容作为空状态。
更多形式的帮助引导，请参考“帮助引导”设计模式。
设计建议： 根据系统的复杂程度，提供适当的帮助指引
展示形式：
- 信息提示
- 列表
- 空状态
类型：
- 初次使用的指引
- 常驻的帮助文档
其他模板示例
根据需求来调整工作台的布局。
如果系统用户关注的核心数据内容较多，可将整个左栏用于核心数据的展示，此时工作台与“仪表盘”的模式重合度较高。
如果系统将工作台作为导航，则可将更多的区域分配给快捷导航。
对于没有左侧导航的界面，布局可以采用双栏或三栏。
设计建议
- 控制模块数量在5～9个
- 尽量在首屏范围内展现全部内容，或所有重要的内容
- 支持不同角色的个性化配置
- 考虑新用户初次使用或数据为空的情况，适时提供引导
关联模块或组件
仪表盘
帮助引导
扩展阅读
快捷入口 https://www.yuque.com/docs/share/b68472a9-4af7-4f0c-9bf4-cc0de026bf70?#
待办事项 https://www.yuque.com/docs/share/8874d3d7-2a1d-401f-b016-099f590ea5c0?#
AntDesign 工作台 https://ant-design.gitee.io/docs/spec/research-workbench-cn
若有收获，就点个赞吧
0 人点赞
