top of page

CASE STUDY: DATA VISUALIZATION

Information Architecture • User Data Analytics • Brand Awareness

Introduction

  • This project aims to steamline usability and increase brand awareness of a Mathematics education product resource.

  • One objective is to assist education experts in identifying products that align with specific classroom needs.

  • A second objective is to bring awareness to products with the most value added.

Primary Users

Education Experts

With a keen eye for quality content and pedagogical alignment, they scrutinize resources to ensure they meet educational standards and support diverse learning needs. 

 

This expert seeks materials that seamlessly integrate into existing curricula, offering comprehensive coverage of mathematical concepts across various grade levels. 

Product Company

 

Their goal is to empower educators and students with resources that enhance learning outcomes. 

 

To achieve this goal and increase sales, they focus on informing consumers about the value-added features of products.

Reference Materials

Client provided spreadsheet includes data:

  • Mathematic Concepts

  • Products

  • Grade Level

Beginning Chart

Concept Hierarchy

Mathematic skill concepts covered in standard curriculum are noted in the top two rows of the spreadsheet.

  • First row notes high-level mathematic concepts.

  • Second row identifies specific concept topics.

Customer provided concept hierarchy

Concepts Align to Products & Grade Levels

Far right column identifies products.

Customer provided resource

Columns under mathematic concept topics identify grade levels aligned to products.

Original chart lists grades in every row and column.

Information Architecture

Simplify Visual Content to Increase Viewer Comprehension

Reducing text and replacing with a visual marker (dot) will allow the user to skim the information more easily. 

 

Instead of noting grade level as text in every instance of product alignment, I’ve added columns for grade levels under each concept. 

Reduce text by listing grade levels less frequently.

Idenfiying grade level alignment to product is represented by a solid dot under in the same row as the product and within the grade level column. 

Replace text with simple marker shape to reduce visual noise.

Enhance Features to Add Value

Dots allow the user to easily identify products that can be used across multiple grade levels and used to help teach a variety of skills.

Use clear and simple visual marker to identify grade level alignment for product.

Rows alternate in color value, between gray and white, helping the user’s eye follow the product row and easily identify which grade levels and concepts align with the product.

Alternate row colors to help ease way finding through chart.

Increase Brand Awareness

Fonts and colors used align with company's visual brand standards.

Increase brand awareness by upholding visual brand standards.
Increase brand awareness by giving user a clear path to more information about each product.

After the user identifies a product they’d like to know more about, the page number column helps them quickly and easily find out more about the product.

User Survey & Feedback

Collecting data from a user survey and implementing changes on a chart involves a structured process that begins with designing and distributing the survey to gather specific, relevant information. Once responses are collected, the data is cleaned to ensure accuracy and reliability. Quantitative and qualitative analyses are then conducted to uncover trends, patterns, and insights.

 

Based on the insights, an action plan is developed to implement necessary changes, which are periodically monitored and reflected in updated charts to assess their impact. This iterative process ensures continuous improvement by regularly reviewing the effectiveness of changes and making adjustments based on new user feedback and evolving needs.

Conclusion

The project focuses on enhancing the information architecture of a chart to improve clarity, usability, and brand awareness. The initiative begins with a comprehensive analysis of the existing chart structure, identifying areas of clutter, ambiguity, or inefficiency. Key user feedback is collected through user interviews to understand their needs and challenges.

 

Based on user input, the chart's design is refined to prioritize clear labeling, intuitive data grouping, and effective use of the company's visual brand. The revamped chart is then tested with users to ensure it meets requirements and provides a more meaningful, user-friendly experience. This iterative process of feedback and refinement aims to create a powerful tool that enhances data comprehension and decision-making.

Final Chart
bottom of page