Unifying Platform Inconsistencies to Elevate Usability

The Project

Enable Medicine is a maturing startup in the process of implementing a formalized design system. As a result, the platform held several visual and interaction inconsistencies resulting in friction for the user. I was tasked with running a UX/UI audit on the platform, addressing inconsistencies, and developing guidelines to maintain platform consistency.

Date

Jun - July 2023

Tools

Figma

Role

Product Design Intern

Overview of Design Process

01 Identify Inconsistencies

I took several passes across the platform noting down inconsistencies to accessibility concerns.

02 Analyze Patterns

I categorized inconsistencies by component type and chose one for each category to unify towards.

03 Propose Action Items & Implement Guidelines

Lastly, I created handoff documents and guidelines for engineering to act on and reference in the future.

Final Handoff Example

Below is an example of a handoff ticket. Each ticket consists of 2-3 sections to communicate action items and guidelines for the future.

Section 1: Proposed Change

This section includes the proposed change, reasoning, and component specs.

Section 2: Component Locations

This section includes examples of where desired components already exist on the platform so engineering can leverage this code and avoid unnecessary repetition of work.

Section 3: Additional Details

This section includes additional details for action items and guidelines.

Takeaways

01 Strategies to Get Guidelines Adopted by Engineering

02 Proactively Aligning Design Decisions with the Long Term Vision

Throughout this project, I actively sought to understand the company’s design direction, enabling me to make proposals that last and contribute to the long-term vision of the platform.

03 The Benefits of Sanity Checking with Developers Throughout

I regularly consulted with developers throughout the process to discuss the flexibility of components. This approach enhanced my understanding of what was possible and minimized non-implementable work.

Impact

Easier code maintenance and enhanced developing efficiency

Having unified components and guidelines helps with maintaining the code base and efficiently developing new projects.

Facilitates user adoption

Establishing a consistent, high-quality product experience helps create a positive trending product impression.

Contributes to the company’s quarterly design goal

This project helped meet company design goals by enhancing the product’s look and feel.