BI-类-Dashboard-的产品设计

原则

1. 突出中显示最重要的信息，比如 Revenue、毛利等
2. 对齐准则等等
3. 文字排序（数字排序、首字母排序）

前期准备

1. 文案整理

疑问

1. 卡片布局

1. 圆角、阴影

2. legend样式

大小、位置要放在 chart 的哪里？

3. $符号添加在数字前面吗？
4. card 的 desc title 是放在哪里？
5. 能够包含多个metric (support.google.com/datastudio/…)
6. 使用箭头还是加减号？

增长趋势的数字前面如果是负值，前面是否需要加上-

对齐

1. Card Header 与 Card Body 中的图标Y轴的对齐方式

TODO 需要了解 Y轴上的数字的对齐方式，哪种更合理、符合视觉审美、便于查看数据

1. 下图的Y轴的文字对齐方式是右对齐的，是我个人推荐的方式，因为会涉及到前分位的情况，也就是大数据的格式化问题，1000 -> k
2. 下图这个就是左对齐了，感觉像是为了和上面对齐而改变了 chart的内部对齐方式. 而且四线三格也没有把Y 轴包含在内的情况

异常处理

1. Message
   1. 请求API，没有符合条件的数据，该给用户怎样的提示呢？
   2. 这种提示感觉太弱了，用户当时可能没有关注到
   3. 到 dribbble 中搜一下如何设计更好的 message 提示和交互！！

   

中间状态

1. loading
   1. 删除中
   2. 添加中