Getting Graphic With Your Data
Upcoming SlideShare
Loading in...5
×
 

Getting Graphic With Your Data

on

  • 1,153 views

Tips for how to use data visualization to increase usability

Tips for how to use data visualization to increase usability

Statistics

Views

Total Views
1,153
Views on SlideShare
852
Embed Views
301

Actions

Likes
2
Downloads
18
Comments
0

3 Embeds 301

http://www.outsystems.com 275
http://extranettst.outsystems.net 22
http://federated.outsystems.net 4

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Getting Graphic With Your Data Getting Graphic With Your Data Presentation Transcript

  • www.outsystems.com Page 1 © OutSystems – all rights reservedGetting Graphic with your Datahttp://bit.ly/graphicdataRicardo Ferreira
  • 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
  • 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…
  • 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.
  • 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
  • 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 top 5 most used apps– Check the proportion of open tickets of my supportteam• Service Desk – infrastructure management• IT Apps – apps managementIT Dashboard scenario
  • 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
  • www.outsystems.com Page 14 © OutSystems – all rights reservedIT Dashboard ArchitectureOutSystems Platform Support TicketsLifetime… …IT Dashboard
  • 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 but use themwisely• OutSystems Platform 8.0 new chart library– Simple API– Javascript, HTML5 (SVG)– Multiple browser, Mobile & Tablet support– Clean and awesome looks
  • www.outsystems.com Page 19 © OutSystems – all rights reservedThank youhttp://bit.ly/graphicdataricardo.ferreira@outsystems.com