Reducing Platform Abandonment

Reducing Platform Abandonment

Reducing Platform Abandonment

Reducing Platform Abandonment

Through Simplified UX

Through Simplified UX

Through Simplified UX

Through Simplified UX

Challenge
Challenge

Significant gap between Figma designs and coded implementation due to rapid development cycles and limited development capacity.

Significant gap between Figma designs and coded implementation due to rapid development cycles and limited development capacity.

Challenge

Significant gap between Figma designs and coded implementation due to rapid development cycles and limited development capacity.

Solution
Solution

Redesigned entire consensus-making flow with simplified UX for senior, non-tech users

Redesigned entire consensus-making flow with simplified UX for senior, non-tech users

My Contribution

My Contribution

Solo UX/UI Designer on 3-person team (Nov 2023 - Present)
Solo UX/UI Designer on 3-person team (Nov 2023 - Present)

Redesigned complete platform flow and dual-interface system

Redesigned complete platform flow and dual-interface system

Built 200+ variable design system enabling rapid development

Built 200+ variable design system enabling rapid development

Balanced feature-focused PM requirements with senior user accessibility needs

Balanced feature-focused PM requirements with senior user accessibility needs

Impact

2 organizations returned after redesign; facilitators called it a "real life saver"

2 organizations returned after redesign; facilitators called it a "real life saver"

Overview

Overview

Overview

Overview

Design Decisions & Technical Collaboration

Design Decisions & Technical Collaboration

Design Decisions & Technical Collaboration

Design Decisions & Technical Collaboration

Dual-Interface Strategy
Dual-Interface Strategy

Created simplified member experience + powerful admin tools to solve complexity vs. functionality challenge

Created simplified member experience + powerful admin tools to solve complexity vs. functionality challenge

Progressive Information Disclosure
Progressive Information Disclosure

Replaced overwhelming statistics with step-by-step guidance and visual hierarchy

Replaced overwhelming statistics with step-by-step guidance and visual hierarchy

Color-Coded Navigation System
Color-Coded Navigation System

Blue: Active discussion

Blue: Active discussion

Yellow: Not chosen solution suggestion

Yellow: Not chosen solution suggestion

Green: Consensus reached

Green: Consensus reached

Purple: User groups

Purple: User groups

Key Finding
Key Finding

"All these marks and numbers make my head spin, I just want to know the final decision" - User, 75

"All these marks and numbers make my head spin, I just want to know the final decision" - User, 75

Method
Method

I observed user behavior and noted pain points among elderly participants during PM-facilitated usability sessions, capturing their authentic decision-making processes in both on-site and Zoom sessions.

I observed user behavior and noted pain points among elderly participants during PM-facilitated usability sessions, capturing their authentic decision-making processes in both on-site and Zoom sessions.

Solution

Solution

Eliminated statistical overload, focused on clear decision outcomes

Eliminated statistical overload, focused on clear decision outcomes

BEFORE

Chat to suggestion conversion

Chat messages become suggestions, but with confusing icons and statistics

BEFORE

Chat to suggestion conversion

Chat messages become suggestions, but with confusing icons and statistics

AFTER

Creating question

Designed progressive information disclosure to reduce cognitive load.

AFTER

Creating question

Designed progressive information disclosure to reduce cognitive load.

BEFORE Chat to suggestion conversion

Chat messages become suggestions, but with confusing icons and statistics

BEFORE Chat to suggestion conversion

Chat messages become suggestions, but with confusing icons and statistics

BEFORE Chat to suggestion conversion

Chat messages become suggestions, but with confusing icons and statistics

AFTER

Creating question

Designed progressive information disclosure to reduce cognitive load.

AFTER

Creating question

Designed progressive information disclosure to reduce cognitive load.

AFTER

Creating question

Designed progressive information disclosure to reduce cognitive load.

Design System Impact

Design System Impact

• 200+ design variables systematically organized

• 200+ design variables systematically organized

• High contrast accessibility themes for elderly users

• High contrast accessibility themes for elderly users

• Responsive design system ensuring readability across devices

• Responsive design system ensuring readability across devices

• Solved PM-developer collaboration enabling rapid feature development while maintaining UX quality

• Solved PM-developer collaboration enabling rapid feature development while maintaining UX quality

Outcomes

Outcomes

Outcomes

Navigation clarity

Significantly reduced user confusion

The 'follow’ button feature

Facilitators praised as 'real life saver

Outcome flow

Clear progression from discussion to consensus

Returning clients

2

0


2

0


Organizations returned to upgrade after redesign

Outcomes

Organizations returned to upgrade after redesign

2

0

2

0

Returning clients

Significantly reduced user confusion

Navigation clarity

Clear progression from discussion to consensus

Outcome flow

Facilitators praised as 'real life saver

The 'follow’ button feature

Design System Impact

Design System Impact

• Responsive design system ensuring readability across devices

• Responsive design system ensuring readability across devices

• Responsive design system ensuring readability across devices

• Solved PM-developer collaboration enabling rapid feature development while maintaining UX quality

• Solved PM-developer collaboration enabling rapid feature development while maintaining UX quality

• Solved PM-developer collaboration enabling rapid feature development while maintaining UX quality

• High contrast accessibility themes for elderly users

• High contrast accessibility themes for elderly users

• High contrast accessibility themes for elderly users

• 200+ design variables systematically organized

• 200+ design variables systematically organized

• 200+ design variables systematically organized

Full detailed view available on desktop