概览页和数据展示页常被作为用户进入一个产品或功能的首页,用于总览信息。

设计目标

1、充分理解用户对数据、信息和功能的需要,有逻辑和组织的进行布局和排布内容
2、保证数据的准确性、清晰度和完整度
3、具体的数据展示中使用正确的图表类型

使用场景

可用场景

  1. 概览页和数据展示页常被作为用户进入一个产品或功能的首页
  2. 给用户提供入门级试图,常用于产品信息全局总览,展示不同形式的信息(如图表、列表和表格)
  3. 展示用户可能更关心的信息、关键数字、提供常用功能入口等。

    不可用场景

  4. 不用于大屏数据展示场景

基础布局

image.png

  1. 页头区域:可包含

·页面标题、辅助信息
·关键数据
·页面数据筛选
·主要功能按钮

  1. 内容区域

·一般采用卡片式布局
·可以通过图表,列表,表格,信息性文本等不同形式展示信息

应用案例

屏幕快照 2021-03-31 10.14.19.png
屏幕快照 2021-03-31 10.43.59.png