Data Visualization
Project Summary
Standardized Oracle Cloud Infrastructure’s (OCI) data visualization across pages and forms, improving consistency and usability across services. Enhanced functionality by introducing additional chart types to support more comprehensive data representation.
Skills:
UI Design, Design Systems, Design Guidelines, Data Visualization
Role:
Lead Principal UX Designer
Team:
Product Managers, 2 UX Designers, UI Developers
Standardized data visualization across OCI’s console, improving consistency and usability across all services. Transformed complex data sets into quickly digestible visual images.
The Problem
- OCI’s design system only included 2 chart types.
- Inconsistencies between data visualization from OCI service to service.
- Charts and graphs lacked functionality and depth users needed for comprehensive data analysis.
The Goal
- Expand the charts and graphs library.
- Standardize design and layout of charts and graphs.
- Expand upon the charts and graphs functionality to allow for more comprehensive user data analysis.
The Process
- Analyze current usage of charts
- Gather customer feedback tickets
- Analyze Oracle Redwood’s charts and graphs
- User flows
- Low fidelity user flows
- High fidelity prototyping
- Development handoff
- Product launch
- Feedback and iteration
Phase One
- Analyze all existing OCI services that use charts and graphs.
- Gather and analyze Jira tickets from services requesting improvements.
- As part of the overall redesign process, review Oracle's Redwood design system's charts and graphs to assess what they offer and what they lack.
- Research chart types and recommended usage.
- Collaborate with product management and engineering to propose a design plan for different phases.
- Prioritize key services for a multi-phase approach.
Analysis of existing charts and graphs usage across Oracle Cloud Infrastructure
Phase Two
Design iterations
After analyzing existing charts, customer needs, and Redwood’s library to inform design decisions:
- Led design iterations to define chart types, key functionalities, and user-friendly interactions.
- Developed color palettes, ensuring consistency and accessibility across teams.
- Designed chart containers, page layouts, and filtering mechanisms for seamless integration into forms and pages.
High fidelity design iterations
Phase Three
Final product
- A comprehensive addition of various chart types, enhancing the ability to visualize customer data.
- Flexible chart and card layouts to meet the needs of all OCI services.
- Multiple color palette options for services requiring category highlights.
- Guidelines, reusable components, and templates to help designers get up and running quickly.
