数据可视化界面设计

参考文章:https://blog.csdn.net/tom0008668/article/details/76610386 

1、明确用户角色;

       参考Cooper的这篇有用的文章

2、制作页面模型

首先为用户呈现他们需要的,再将页面余下的信息根据用户故事或信息层级,进行结构化处理。

如果一开始就使人分心,那么用户不仅难以分辨每个元素是什么,也难以集中精力于整个流程。

参考书 《样式:清晰与优雅的基本要素》

制作页面模型的两个常用方式:


三、选择正确的图形

资源:

Charted——Medium开发的一款自动数据可视化工具

通过Google Sheets、Illustrator和Sketch设计更好的图表。

Tableau——这个工具是最好的,不过相当昂贵。

Dona Wong的一项资源《华尔街日报:信息图指南》

四、基本的或定制化的图形

纽约时报: 这里

五、那又如何?

在你排布好页面一切就绪后,问问自己“那又如何?”。看看每个图表、组件、表格,仔细考虑人们从中能获取到什么。


http://www.nytimes.com/interactive/2013/03/29/sports/baseball/Strikeouts-Are-Still-Soaring.html?_r=0

http://www.nytimes.com/interactive 

http://selfiecity.net/

http://truthlabs.com/work/cnn 

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • # Python 资源大全中文版 我想很多程序员应该记得 GitHub 上有一个 Awesome - XXX 系列...
    小迈克阅读 3,063评论 1 3
  • 像我这种人,根本就不适合谈恋爱,更不适合结婚。我的情绪太不稳定,又敏感,想的太多,总是揣测对方的心意,然后又一遍遍...
    Heaven_阅读 257评论 0 0
  • 我是一切因,也是一切果 恶因由我造,恶果由我担 善因由我起,善果随我身 因不是定因,果定是定过 因由我心生,果由术...
    不爱请别伤害阅读 195评论 0 0
  • 看到这篇文章让我记忆深刻,每个人都有青春期,记得前两年妹妹读初中的时候,情绪非常不稳定,总是和我母亲动不动大发脾气...
    Ciudadnatal阅读 342评论 0 1
  • 去接大宝放学,路过社区医院的时候,看到院子里的玉兰花已经盛放,花瓣完全舒展开,那姿态仿佛就在说“快画我吧,再不画我...
    都都手绘阅读 449评论 0 1