www.outsystems.com Page 1 © OutSystems – all rights reservedGetting Graphic with your Datahttp://bit.ly/graphicdataRicardo...
www.outsystems.com Page 2 © OutSystems – all rights reservedData• Data is everywhere in your organization• The amount of d...
www.outsystems.com Page 3 © OutSystems – all rights reservedFrom Data to Charts• Charts are a form of Data Visualization• ...
www.outsystems.com Page 4 © OutSystems – all rights reservedChosing the chart typePreparation steps:1. Understand your dat...
www.outsystems.com Page 5 © OutSystems – all rights reserved• Trend or Evolution over time  Line Chart• Compare items– Fe...
www.outsystems.com Page 6 © OutSystems – all rights reservedMake your data stand out
www.outsystems.com Page 7 © OutSystems – all rights reservedUse color to emphasize
www.outsystems.com Page 8 © OutSystems – all rights reservedAvoid 3D
www.outsystems.com Page 9 © OutSystems – all rights reservedAvoid Pie charts with more than 5 slices
www.outsystems.com Page 10 © OutSystems – all rights reservedCharts are effective communicationCommunicate clearly
www.outsystems.com Page 11 © OutSystems – all rights reservedBuilding an IT Dashboard
www.outsystems.com Page 12 © OutSystems – all rights reserved• IT Manager Goals– Check application users evolution– Check ...
www.outsystems.com Page 13 © OutSystems – all rights reserved• Requirements– Light & fast application– See the data from p...
www.outsystems.com Page 14 © OutSystems – all rights reservedIT Dashboard ArchitectureOutSystems Platform Support TicketsL...
www.outsystems.com Page 15 © OutSystems – all rights reservedBuilding an IT Dashboardwith the OutSystems Platform 8.0
www.outsystems.com Page 16 © OutSystems – all rights reservedIT Dashboard is mobile and tablet ready!
www.outsystems.com Page 17 © OutSystems – all rights reservedIT Dashboard is mobile and tablet ready!
www.outsystems.com Page 18 © OutSystems – all rights reservedSummary• Data is everywhere• Charts are Data Visualization bu...
www.outsystems.com Page 19 © OutSystems – all rights reservedThank youhttp://bit.ly/graphicdataricardo.ferreira@outsystems...
Upcoming SlideShare
Loading in …5
×

Getting Graphic With Your Data

2,081 views

Published on

Tips for how to use data visualization to increase usability

Published in: Education, Technology
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,081
On SlideShare
0
From Embeds
0
Number of Embeds
310
Actions
Shares
0
Downloads
26
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Getting Graphic With Your Data

  1. 1. www.outsystems.com Page 1 © OutSystems – all rights reservedGetting Graphic with your Datahttp://bit.ly/graphicdataRicardo Ferreira
  2. 2. www.outsystems.com Page 2 © OutSystems – all rights reservedData• Data is everywhere in your organization• The amount of data raises every day• Data Visualization is the key for your users tounderstand it
  3. 3. www.outsystems.com Page 3 © OutSystems – all rights reservedFrom Data to Charts• Charts are a form of Data Visualization• They will improve app usability anduser adoption• You just need to use them the right way…
  4. 4. www.outsystems.com Page 4 © OutSystems – all rights reservedChosing the chart typePreparation steps:1. Understand your data.2. Identify what information or comparison youwant to show.3. Only then you can choose the chart type.
  5. 5. www.outsystems.com Page 5 © OutSystems – all rights reserved• Trend or Evolution over time  Line Chart• Compare items– Few items  Column Chart– Many items  Bar Chart• Proportion between items  Pie ChartChosing the chart type
  6. 6. www.outsystems.com Page 6 © OutSystems – all rights reservedMake your data stand out
  7. 7. www.outsystems.com Page 7 © OutSystems – all rights reservedUse color to emphasize
  8. 8. www.outsystems.com Page 8 © OutSystems – all rights reservedAvoid 3D
  9. 9. www.outsystems.com Page 9 © OutSystems – all rights reservedAvoid Pie charts with more than 5 slices
  10. 10. www.outsystems.com Page 10 © OutSystems – all rights reservedCharts are effective communicationCommunicate clearly
  11. 11. www.outsystems.com Page 11 © OutSystems – all rights reservedBuilding an IT Dashboard
  12. 12. www.outsystems.com Page 12 © OutSystems – all rights reserved• IT Manager Goals– Check application users evolution– Check top 5 most used apps– Check the proportion of open tickets of my supportteam• Service Desk – infrastructure management• IT Apps – apps managementIT Dashboard scenario
  13. 13. www.outsystems.com Page 13 © OutSystems – all rights reserved• Requirements– Light & fast application– See the data from past month only– Make it work in mobile and tablets as wellIT Dashboard scenario
  14. 14. www.outsystems.com Page 14 © OutSystems – all rights reservedIT Dashboard ArchitectureOutSystems Platform Support TicketsLifetime… …IT Dashboard
  15. 15. www.outsystems.com Page 15 © OutSystems – all rights reservedBuilding an IT Dashboardwith the OutSystems Platform 8.0
  16. 16. www.outsystems.com Page 16 © OutSystems – all rights reservedIT Dashboard is mobile and tablet ready!
  17. 17. www.outsystems.com Page 17 © OutSystems – all rights reservedIT Dashboard is mobile and tablet ready!
  18. 18. www.outsystems.com Page 18 © OutSystems – all rights reservedSummary• Data is everywhere• Charts are Data Visualization but use themwisely• OutSystems Platform 8.0 new chart library– Simple API– Javascript, HTML5 (SVG)– Multiple browser, Mobile & Tablet support– Clean and awesome looks
  19. 19. www.outsystems.com Page 19 © OutSystems – all rights reservedThank youhttp://bit.ly/graphicdataricardo.ferreira@outsystems.com

×