1. 拥抱新的时代
数据可视化及用户界面杂谈

2. 大纲
! 先贤的历史
! 新的时代
! 不算遥远的未来

3. 令人钦佩的先贤
我们是站在巨人的肩膀上

4. 数据可视化的历史

5. 可视化用户界面的鼻祖
1981:
Xerox
Star
Copyright
©
2003-­‐2009
Tableau
So8ware,
Incorporated
and
its
licensors.
From
www.digibarn.com

7. 感恩先贤，我们的现状呢？ 
看看我们
如何呈现
与体验数据

8. 留恋上世纪90年代的MIS模式 
不加修饰的CRUD 伙计

9. 2001 我们公司的产品 

10. 2007 我们公司的产品 

11. 2008 我们公司的产品 

12. 有啥进步吗？ 
感觉很无奈 L

13. 2011 Aclome 

14. Googlehttp://domain.com
Web Page Title
Dashboard Inventory Analytics Event Administration
Aclome
Metric Viewer:Memory Usage
15%
4 Gb
Master DB:Memory Usage
25%
50%
75%
Metric Viewer:Disk
Usage
Update:
hh:mm:ss
Master DB:Disk Usage
C:
D:
E:
75% usage
50% usage
90% usage
500 Gb
500 Gb
500 Gb
Metric
Viewer:NIC
Master DB:NIC Send and
Receive
4
Kb/s
In Out
3.2
Kb/s
Search
Dashboard > Startup
Business Application Performance Overview
Application 4
Metric Viewer:CPU Usage
15%
Master DB:CPU Usage
Copyright©1999-2011 Neusoft Corporation
LB Layer
CPU % Memory % Disk % Requests Served per Minute Alerts Priority
H M L
Web Application Layer
CPU % Memory % Disk % Inbound Connections
Alerts Priority
H M L
DB Server Layer
CPU % Memory % Disk % Connections per Minute Alerts Priority
Update: hh:mm:ss
3 7
H M L
+ -
Startup Dashboard
Search
Master DB (10.4.44.103)
Aclome Administrator (user1) - Change...
Xen VMResource Type
Owner:
06/02/2011 04:33Date Created:
06/02/2011 04:33Date Modified:
Application Server 1
(IP: 10.4.44.102) 50% 50% 50% 60
Application Server 2
(IP: 10.4.44.103)
50% 50% 50% 60
Application Server 3
(IP: 10.4.44.104)
50% 50% 50% 60
Application Server 4
(IP: 10.4.44.105)
50% 50% 50% 60
Slave DB1
(IP: 10.4.44.107)
Slave DB2
(IP: 10.4.44.108)
50% 50% 50%
50% 50% 50%
60
60
Slave DB3
(IP: 10.4.44.109)
Slave DB4
(IP: 10.4.44.110)
50% 50% 50%
50% 50% 50%
60
60
Slave DB5
(IP: 10.4.44.111)
Slave DB6
(IP: 10.4.44.112)
50% 50% 50%
50% 50% 50%
60
60
Master DB
(IP: 10.4.44.103)
93% 93% 50% 128
Load Balancer 1
(IP: 10.4.44.101)
50% 50% 50% 128
Business Application ...
Application 3
Application 5
Update: hh:mm:ss
Application 4
10
10
Application 6
10
2011-8-16 21:34:17 , Event Source XenServer Host1 , event detail …
2011-8-16 21:43 User1
10
整体大有进步，但细节还有待完善
理想与现实 

15. 新的时代
更要给用户带来不同凡响的体验

16. 永恒的简洁布局与配色 
do.com

17. 永恒的简洁布局与配色 
app.getflow.com

18. 永恒的简洁布局与配色 
rule.fm

19. 控件级粒度的苹果风 
demo.sproutcore.com

20. 多维度的可视化数据展现 
plumegraph.org

21. 多维度的可视化数据展现 
www.tableausoftware.com

22. 更直观的分析性图表 
www.tableausoftware.com

23. 不算遥远的未来
HTML5 Based 3D

24. 3D 拓扑？

25. 选择某一类型的虚拟机模板？

26. 虚拟机负荷？

27. 空间辽阔，任你发挥

28. 世界会因我们而不同