data visualization & dashboards … · (silverlight/wpf) single code base for xaml components...
TRANSCRIPT
Data Visualization & Dashboards JASON BERES : VP, Product Management / [email protected] / @jasonberes / @infragistics
Agenda
• Introduction Data Visualization
• How Data Visualization Helps Dashboards
• Dashboard Design Mistakes
• Improvement Recommendations
• Call To Action
• Q&A
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
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
Worldwide Locations
Products
Core Investments 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
RIA Technologies
& Desktop Development
LOB Components for Microsoft Platforms
Depth and Breadth on the XAML Platforms
(Silverlight/WPF)
Single code base for XAML components
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
Business Solutions Quickly and Easily bind data to Charts,
Maps and Gauges
Quickly Visualize KPI’s and Actionable
Metrics
Cross Platform Modern User Experience
Business Intelligence
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.”
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.”
Business Intelligence
• Visualizations take rich data (often KPI’s) and make it consumable
• Dashboards display one or more visualizations to help users make decisions
DEMO Slick Dashboards
Performance is …
The #1 Feature Request
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
DEMO Performance
Making it Stick
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
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
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
DEMO Motion Framework
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)
Wrap Up
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
Resources
Quince UX Patterns Explorer http://quince.infragistics.com
Demos – Silverlight RIA Dashboard http://samples.infragistics.com
Web sites: http://www.perceptualedge.com (Stephen Few website) http://www.infragistics.com/ux http://community.infragistics.com
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 email - [email protected]
Customer Service
Blogs, Forums, Videos, Samples, Code Downloads, etc at: http://community.infragistics.com Direct Links: http://samples.infragistics.com http://blogs.infragistics.com <- Dozens of blogs posted per month http://forums.infragistics.com <- 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, etc): @infragistics
http://twitter.com/infragistics