UXINDIA15- Can Visualization Design make or break a Visualization & How! (Sangeetha Jayaram) by uxindia

One of the growing trends in the field of BI is the increasing acceptance and recognition of Visualization as a form of analytics. Considered as an interesting combination of multi-dimensional discipline of art, science and technology, viz derives its ability to communicate intuitive insights by leveraging human visual and cognitive abilities. Traditional reports and dashboards are replaced with interactive visualizations that are designed with a purpose. With the increase in applicability of visualization, comes the responsibility of designing it to meet its objective. Designing complex visualizations require a keen sense of understanding the viz’s core objectives, the dynamics of “when/what and where” questions being answered, the delicate balance between intuitiveness of the visualization and the visual appeal of the same. Imbalance in any one of the core parameters can lead to a visualization that is confusing, misleading and non-intepretable.

Transcript

2. VISUALIZATION DESIGN CAN MAKE OR BREAK A VISUALIZATION! …HOW? (C) Copyright 2015, Tata Consultancy Services Limited. All R SANGEETHA JAYARAM CoE Head - Information Visualization TATA CONSULTANCY SERVICES 1 INFLUENCING INSIGHT THROUGH DESIGN
3. BEST PRACTICES • Visual Integrity • Preprocessing 3 OVERVIEW • Characteristics of a visualization • Design Principles COMMON ISSUES (C) Copyright 2015, Tata Consultancy Services Limited. All Rights Reserved.
4. WHAT MAKES A GOOD VISUALIZATION CHARACTERISTICS Insightful Interesting Captivating Intuitive Interactive 4 www.informationisbeautiful.com
5. DESIGN INGREDIENTS & RECIPE FOR DATA VIZ 5
6. COMMON ISSUES OVERVIEW • Characteristics of a visualization • Design principles BEST PRACTICES • Visual Integrity • Preprocessing 6 (C) Copyright 2015, Tata Consultancy Services Limited. All Rights Reserved
7. What are the COMMON issues that are spotted in Visualizations 7
8. TOO MUCH TEXT CLUTTER OVER- WHELMING TOO MANY COLORS NOT INTUITIVE MIS - LEADING 8 (C) Copyright 2015, Tata Consultancy Services Limited. All Rights Reserved.
9. OVERVIEW • Characteristics of a visualization • Design principles 9 COMMON ISSUES BEST PRACTICES • Visual Integrity • Preprocessing
10. Visual Integrity Preprocessing Attributes How To PRE-EMPT Such Issues 10 (C) Copyright 2015, Tata Consultancy Services Limited. All Rights Reserved.
11. VISUAL INTEGRITY AREA BASED ENCODING • Inaccurate • not possible to correlate Visually • % Values not calculated properly ISSUE USING ICON CONCEPT (ISOTYPE) This encoding helps when we are dealing with large data. Each icon can represent a scale much higher, thereby aiding visual comparison 11
12. VISUAL INTEGRITY ECONOMIES OF SCALE • Lack of proper scale (Look at Truck Drivers & Miners) • Too many colors • Lack of co-relation to time ISSUE USING CIRCULAR BAR CONCEPT This is a creative way to represent BAR, however, must ensure that scale mapping is done 12
13. https://medium.com/i-data/misleading-with-statistics-c63780efa928 VISUAL INTEGRITY ECONOMIES OF SCALE • Not enough data points • Truncated Axis • Lack of co-relation to time • Lack of Contextual ISSUE REPRESENTING TRENDS Ensure that related data, scale, outliers, contextual data points are all covered in the design Eric Portelance 13
14. Visual Integrity Preprocessing Attributes How To PRE-EMPT Such Issues 14
15. PRE-PROCESSING ATTRIBUTES CONTEXTUAL AWARENESS 15
16. WHAT HAPPENS IF YOU DO NOT FOLLOW KEY PRINCIPLES 16
17. WHAT CAN BE DONE BETTER vs 17
18. Do not Split Information if they are correlated Misleading with Proximity Do not repeat information Aesthetics Vs Insight ?? Remove Noise If you use Area Based Encoding, remember you cannot show NEGATIVE data You can use typography to visually indicate size (Tree- map) Keep the UI Clean GENERAL PRINCIPLES 18
19. SANGEETHA JAYARAM Head - Visualization CoE Email: sangeetha.jayaram@tcs.com TATA Consultancy Services. 1