Data Visualization Tools

Transform RAW information into a detectable story through infographics and stunning dashboards.

Data driven decisions need to prioritize analytic reviews, heatmaps to visualize user clicks and user surveys

Gather metrics: heat maps, convo funnels, biometrics

Why it matters

• Faster insights
• Informed decision making
• Enhancing collaboration

Building blocks of data

• Context – need a clear objective
• Clarity – beginning, middle, end logical flow
• Visual hierarchy – size, color, layout (keep main point front and center
• Brevity
• Tableau
• Microsoft power BI
• Google data studio

Integrating Visualization into UX

• Research = survey responses, usability test findings, patterns in user behavior or feedback
• Prototyping and testing = highlight pain points and heat map to show high click rates on unimportant areas could indicate a hidden user preference
• Iteration and feedback = refine visual reporting and track improvements to see where there are drop-offs
• Stakeholder presentations = user-centric outcomes

Best Practices

1. Limit # of metrics
2. Mind color choices and bold colors of important data points
3. Chose right chart types (bar = compare / line = trend)
4. Include contextual labels (shapes and insights)
5. Iterate confusions, likes, and clarity

Information Architecture

• Dictates how content is analyzed and accessed
• Testing it = evaluating the org, labeling, and navigation of websites to align with user needs & seeing how effective your website’s structure supports user navigation and content discovery

1. Organization = grouped and organized well
2. Labeling = clear and understandable
3. Navigation = move through intuitively without confusion
4. Findability = easily locate content

User centered approach

• Empathy mapping – behaviors, needs, pain points
• Persona development
• Scenario-based testing/ prototyping

• Iterate testing = prototyping and feedback loops

• Agile methodology = used to accommodate changes and improvements swiftly