Project II. Improving Data Visualization





Analyze \ 

Step 1. Assess Information Hierarchy Challenges

  • Lack of Compelling Data Representation
  • Outdated Framework for Business Growth

Step 2. Amplify Issues through Visual Examination
  • Imbalanced Layout
  • Lack of Interactive Features




Define \

Objective 1.Enhance information hierarchy 
Objective 2.Revise Visual Layout & interactive flow 




Solution Implementation \ Stage I. Initiation and Assessment 
Step 1. Hierarchy Alignment and Enhancement





Step 2. Precision in Sketches




Step 3. Layout Review and Challenges

  • Overly Intricate Structure
  • Report-liked Presentation
  • Excessive Length

Data Visualization - Main List
Data Visualization - Detail Page









Solution Implementation \ Stage II.  Data Insights Comparison
Shopify vs StripeShopify: Displays a comprehensive data overview with charts and comparative metrics. Users can access deeper analysis via a secondary page.

Stripe: Provides comparative metrics with intuitive tooltips but lacks secondary pages, limiting in-depth data exploration.

Shopfiy - Data Main Page
Shopify - Data Detail Page


Stripe - Data Main Page






Solution Implementation \ Stage III. Optimization and Refinement

Step 1. Hierarchy Optimization






Step 2. Layout Refinement







Step 3. Visual Enhancement Strategies
Wireframe (Main Page)
Hi-Fi Interface (Main Page)


Hi-Fi Interface (Data Segment)
Hi-Fi Interface (Detail Page)



Hi-Fi Interface (User Engagement Based on City)
Hi-Fi Interface (Stream Activity)



Hi-Fi Interface (Platforms)
Hi-Fi Interface (Users Retention)





Final Showcase \
Main Page - Before vs After.

Before
After



Overall Prototype.







Impact.In this project, I restructured the hierarchical framework and introduced inclusive diagrams with clear labels, legends, and tooltips, making performance metrics and trends easier to compare. These updates significantly improved the intuitiveness and intelligence of data tracking. By reducing clutter and optimizing the layout with appropriate charts and interactive elements, admins can now analyze platform performance more effectively. The addition of independent time pickers ensures accurate real-time data analysis, enabling faster insights, data-driven decision-making, and seamless performance monitoring.





Previous
Project I. Revamping Page Layout (Seller Section)




Selected works  |   LinkedIn  |   Say Hiii~👋🏻

Design Copyright ©️ Mingyue Qu