Transformed Complex Data Sets Into Quickly Digestible Visual Images
Standardized data visualization across OCI’s console, improving consistency and usability across all services.
Tools Used: Figma, FigJam, Jira
UI Design, Design Systems, Design Guidelines, Data Visualization
About the project
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.
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.
My Role & Team
Role: UX & Visual Designer
Team: 11 (Product Managers, 2 UX Designers, UI Developers)
Duration: Jan 2024 - March 2024
Business 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.
