Spacial Design Data Visualizer

Category:

UX Design

Client:

MSU Translation Center

Duration:

3 Months

Abstract:

For my Interactive Design class, I was tasked with creating an interactive data visualization that included 100 points of data. The project aimed to provide an engaging and informative way to explore data on the types of shoes people wear on a given day, including details such as brand, style, material, colors, price, and condition. 

Abstract:

MSU's Translation Center is a recently founded program that ​offer high-quality and affordable translation and interpreting services in over 20 languages across the MSU community and beyond. The Center can provide training, administer language proficiency exams, and develop workshops or classes in specialized topics in a variety of languages. So when I was brought on board my job was to ​Improve usability, appeal, and increase foot traffic.

 

Abstract:

MSU's Translation Center is a recently founded program that ​offer high-quality and affordable translation and interpreting services in over 20 languages across the MSU community and beyond. The Center can provide training, administer language proficiency exams, and develop workshops or classes in specialized topics in a variety of languages. So when I was brought on board my job was to ​Improve usability, appeal, and increase foot traffic.

 

Responsibilities

Responsibilities

Data Collection

Conducted to understand user needs, preferences, and pain points.

Data Analysis

Examined existing wellness and fitness apps to identify gaps and opportunities.

UX Design

Reviewed studies on goal setting, accountability, and mental health to inform app features.

VR Interaction Design

Reviewed studies on goal setting, accountability, and mental health to inform app features.

Visual Design

Reviewed studies on goal setting, accountability, and mental health to inform app features.

Tools

Logo
Logo
Logo
Logo

Timeline

Timeline

Timeline

4 Weeks Total

4 Weeks Total

4 Weeks Total

Week 1

Data Collection and Analysis

Week 2

Wireframe & Prototype

Week 3

Development

Week 4

Usability Testing and Iteration

The Challenge

Collecting and analyzing data on shoe types and their attributes from at least 100 individuals.

Creating an interactive, user-friendly, and visually appealing data visualization.

Designing a responsive website that effectively communicates the data insights in an engaging manner.


My Role

My Role

My Role

Sole researcher, designer, and developer for the project. Responsible for data collection, analysis, and visualization.

Defining Project Goals

High Level Objectives:

High Level Objectives:

High Level Objectives:

Data Visualization

Create an engaging and interactive data visualization platform.

Data Visualization

Create an engaging and interactive data visualization platform.

Trend Analysis

Provide insights into shoe trends and preferences based on collected data

Trend Analysis

Provide insights into shoe trends and preferences based on collected data

Usability

Ensure the platform is accessible and easy to navigate in virtual reality

Usability

Ensure the platform is accessible and easy to navigate in virtual reality

Constraints

The major limitation was collecting 100 data points within a short timeframe

The virtual reality space is still being developed so knowledge about the topic is very limited

Ensuring the data visualization was both interactive and intuitive for users.


Data Points Collected

Brand

Create an engaging and interactive data visualization platform.

Style

Provide insights into shoe trends and preferences based on collected data

Materials

Ensure the platform is accessible and easy to navigate in virtual reality

Colors

Ensure the platform is accessible and easy to navigate in virtual reality

Price

Ensure the platform is accessible and easy to navigate in virtual reality

Condition

Ensure the platform is accessible and easy to navigate in virtual reality

Weather

Ensure the platform is accessible and easy to navigate in virtual reality

Research & Data Collection

Collected information on brand, style, material, colors, price, and condition of shoes from 100 participants.

Recorded weather conditions to analyze its impact on shoe choices.

Research specifics on spatial design & acquired proper resources to test designs

Wireframes/Initial Mockups

Build

High Level Objectives:

High Level Objectives:

High Level Objectives:

3D Elements

Developed the data visualization using Spline for a 3D interactive experience

3D Elements

Developed the data visualization using Spline for a 3D interactive experience

Design

Implemented additional design elements using Adobe XD and Figma.

Design

Implemented additional design elements using Adobe XD and Figma.

Interface

Ensure the platform is accessible and easy to navigate in virtual reality

Interface

Ensure the platform is accessible and easy to navigate in virtual reality

High-Fidelity Design

Interactive Web Design

Data Analysis

Designed a 3D environment in Spline where users can control an object to explore the data.

UX Design

Created a responsive website that displays data in an engaging and interactive manner.

Emersion

When viewing data from each location you are

Emersion

When viewing data from each location you are

Emersion

When viewing data from each location you are

Data Visualization

Bento Boxes

Data Visualization

Bento Boxes

Data Visualization

Bento Boxes

Navigation

Each Bingo tilehas options for text/text to speech aimed for better usage for selected users

Navigation

Each Bingo tilehas options for text/text to speech aimed for better usage for selected users

Navigation

Each Bingo tilehas options for text/text to speech aimed for better usage for selected users

Testing to Improve

Usability Tests

Conducted 5 usability tests to ensure the design allowed for successful and efficient interaction with the data.

Included 5 individuals with varying levels of familiarity with interactive data visualizations.

Key Findings

All participants were able to navigate and interact with the data visualization.

Issues

Some users found the controls for the 3D environment initially confusing.

Participants wanted more detailed information on each data point.

Solutions

Simplified the controls and added a tutorial for first-time users.

Included more detailed hover-over information for each data point.

Closing Thoughts

This project allowed me to explore new tools and techniques in interactive data visualization. I learned the importance of user feedback in refining and improving design elements.

I plan to continue refining the data visualization platform based on additional user feedback and expanding the dataset for more comprehensive insights.

Designing a responsive website that effectively communicates the data insights in an engaging manner.


What I learned

The value of detailed data collection and analysis in creating meaningful visualizations.

The importance of user testing in identifying and resolving usability issues.

The potential of 3D environments to create engaging and interactive user experiences.

Selected Case Studies

Improving Usability & Foot Traffic

Learn about hosting built for scale and reliability.

Read More

Mental Health App Gamification

Learn how Framer can optimize your site for search engines.

Read More

Instagram Reels Content Strategy

Learn about hosting built for scale and reliability.

Read More

Award Winning Club Social Media Management

Learn how Framer can optimize your site for search engines.

Read More