Data Visualization & Dashboards

Transcription

1

2 Data Visualization & Dashboards JASON BERES : VP, Product Management / jasonb@infragistics.com

3 Agenda Introduction Data Visualization How Data Visualization Helps Dashboards Dashboard Design Mistakes Improvement Recommendations Call To Action Q&A

4 About Me Manage the product feature sets at Infragistics across all product lines, including the design team Manage the Community & Evangelism efforts Microsoft MVP for 8 years Founder of Florida.NET & New Jersey.NET User Groups Author/co-Author of 7 books, latest is Silverlight 4 Programmers Reference, Wrox Press

5 About Infragistics Worldwide leader in user experience controls and components targeting Windows Forms, Windows Phone, ASP.NET, Silverlight, WPF, LightSwitch, SharePoint, jquery & HTML5 Focus on high performance scenarios for line of business and data visualizations

6 Worldwide Locations

7 Products

8 Core Investments RIA Technologies & Desktop Development LOB Components for Microsoft Platforms Depth and Breadth on the XAML Platforms (Silverlight/WPF) Single code base for XAML components UX Tools & Services Usability, User experiences are key differentiations driving business decisions. Customer satisfaction and branding are on par with product features that drive productivity. Data Visualization XAML Platforms Dashboards & Reporting Performance, Ease of Use, Styling Quality Help businesses make better decisions Business Solutions Quickly and Easily bind data to Charts, Maps and Gauges Quickly Visualize KPI s and Actionable Metrics TestAdvantage Enterprise level testing capabilities Higher quality product through test automation Reduce the need for cost of manual testing Increase productivity with the time savings as the testing stage finishes faster

9 Cross Platform Modern User Experience

10 Business Intelligence

11 Data Visualization From Wikipedia Data visualization is the study of the visual representation of data, defined as information which has been abstracted in some schematic form, including attributes or variables for the units of information.

12 Dashboards From Wikipedia An Executive Information System (EIS) is a type of management information system intended to facilitate and support the information and decision-making needs of senior executives by providing easy access to both internal and external information relevant to meeting the strategic goals of the organization.

13 Business Intelligence Visualizations take rich data (often KPI s) and make it consumable Dashboards display one or more visualizations to help users make decisions

14 DEMO Slick Dashboards

15 Performance is

16 The #1 Feature Request

17 Performance Recommendations Use Category Series instead of Scatter Line Series Don t Implement INotifyPropertyChanged on Bulk Data updates Raise the Reset Event if you have a lot of changes Hide / Fix the Extent of Axis Labels Use Close to Real-World Data when Testing Performance If all else fails, post a sample to the forums

18 DEMO Performance

19 Making it Stick

20

21 Active Vision Graphics are cognitive tools that extend what our brain remembers Irrelevant information is removed from our brains and replaced with new information every second Selective Visual Attention Focusing the user effectively on the data you want them to see avoids competition Use signal techniques such as color, shape, tilt, arrow, angle, fade in, blink, blur, bold, size, etc

22 Common Design Mistakes Exceeding Screen Inadequate Data Context Excessive Detail Deficient Measures Inappropriate Display Meaningless Variety Inaccurate Encoding Poor Data Arrangement Ineffective Highlighting Cluttering Display Overuse Color Unattractive Visual Display

23 Motion Framework HTML5 / Silverlight, Windows Phone 7 & WPF Animate the story of your data over time Deeper end user analysis of multiple data sets World Stats World Map

24 DEMO Motion Framework

25 Dashboard Success Strategies Pick the Right Visualizations (use a UCD Process) Create meaningful visuals with concise messaging (Tell the Truth) Focus the user on a single set or related set of data (Show them what s Important) Do not create competition between visuals (Keep it Simple, think of Colors, Hues, Printing) Maximize the data ink on a chart (Get to the Point)

26 Wrap Up

27 Review Careful consideration for each dashboard visualization Consider what s important to the user Think about Active Vision of the consumer of the dashboard Understand the ramifications of Selective Visual Attention Ensure High Performance in Data Use Tools like Motion Framework

28 Resources Quince UX Patterns Explorer Demos Silverlight RIA Dashboard Web sites: (Stephen Few website) Books Silverlight 4 Professional Jason Beres, et al. Visual Thinking for Design Colin Ware (Active Vision / Selective Visual Attention concepts are in the book) Information Dashboard Design Stephen Few Slideology Nancy Duarte My - jasonb@infragistics.com

29 Customer Service Blogs, Forums, Videos, Samples, Code Downloads, etc at: Direct Links: <- Dozens of blogs posted per month <- Fastest support option / 24 hour turnaround Follow us on Twitter this is the best place for more up to date information, with posts and links hourly (help, service releases,

30 Thank You! Questions?