Innovative Product Design

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Client

Full name

Date

March 2023

Role

Role name

Prototype

Live Demo

Thryve

Bridging the Gap: A Unified UX Research Lexicon for Professionals and Aspiring Designers

Client

Full name

Date

March 2023

Role

Role name
UX Lexicon Case Study Hero Image

Role

UX Designer
UI Designer
UX Researcher

Team

1 UX Designer
2 UX Researchers

Tools

Axure
Sketch
Figma

Duration

4 months

background

THE PROBLEM & WHY IT MATTERS

In the world of UX, words are more than just definitions—they shape research, inform design decisions, and align teams toward a shared vision. But what happens when those words mean different things to different people?

Despite the rapid evolution of the UX industry, there’s no single, universally accepted glossary for UX research terminology. Professionals, researchers, and aspiring designers often find themselves lost in a sea of inconsistent definitions, fragmented resources, and conflicting interpretations. The lack of a shared language leads to miscommunication, inefficiency, and frustration across teams and industries.

Through extensive research, we identified key challenges:

No Single Source of Truth

UX professionals rely on scattered, inconsistent resources to define core concepts

A Rapidly Evolving Field

As UX matures, terminology shifts, making it difficult to establish a standardized reference

Cross-Disciplinary Influence

UX borrows terms from psychology, human-computer interaction, and business, adding layers of complexity

Lack of Standardization

Companies, teams, and even educational programs define UX terms differently, creating misalignment

Diverse User Needs

Beginners need clarity and simplicity, while experienced professionals seek depth and research-backed credibility

Without a centralized, interactive, and research-driven glossary, UX professionals struggle to communicate effectively, slowing down decision-making and innovation. UX Lexicon was created to bridge this gap—offering a standardized, engaging, and community-driven platform that makes learning UX terminology seamless and accessible for designers at all levels.

Problem

Words...

The UX field lacks a centralized, universally accepted glossary. This creates confusion and inefficiency for professionals and aspiring designers, leading to inconsistent terminology use across different teams and industries.

Key Reasons:

No all-encompassing glossary platform exists

The UX industry is still evolving, making definitions fluid

Many UX terms are borrowed from other disciplines, adding complexity

UX terminology lacks standardization, leading to inconsistent usage

Professionals and beginners have different needs—some prefer simplicity, others require depth

Solution

CREATING A SHARED LANGUAGE

Without a centralized, interactive, and research-driven glossary, UX professionals struggle to communicate effectively, leading to misalignment, inefficiency, and slower innovation. UX Lexicon was created to bridge this gap—offering a standardized, engaging, and community-driven platform that makes learning UX terminology seamless and accessible for designers at all levels.

To solve the problem of fragmented UX terminology, we set out to build more than just a glossary—we aimed to create an interactive, credible, and engaging learning tool that adapts to the needs of both beginners and seasoned professionals.

Over four months, we collaborated with 80+ UX professionals and researchers worldwide to develop a beta version of UX Lexicon, ensuring the platform was both academically rigorous and user-friendly. Through a combination of generative and evaluative research, we identified key features that would make learning UX terminology seamless and engaging:

Powerful Search Functionality

Quickly find and understand UX terms with clear, standardized definitions

Gamified Learning

Unlock achievements and progress through interactive challenges designed to reinforce understanding

Interactive Flashcards

Test knowledge retention through self-paced, bite-sized learning

Pronunciation Guides

Hear how industry professionals articulate key UX terms for better communication and confidence

By blending academic depth with interactive engagement, UX Lexicon is more than just a reference tool—it’s a dynamic learning experience designed to unify the language of UX and empower designers at every stage of their journey.

PROBLEM STATEMENT

How might we design a friendly, interactive prototype that appeals to novice UXers while maintaining a professional and credible feel for seasoned professionals?

research methods

Card Sorting

To determine how users naturally categorize UX terms, our team sorted 100+ terms into intuitive groups, refining navigation structures based on common themes.

research methods

1:1 Interviews

We conducted 15+ interviews across four continents (US, China, UK, South Africa), uncovering key qualities users look for in a UX glossary:

Credibility – Users wanted authoritative sources

Simplicity – Definitions needed to be clear and concise

Interactivity – Gamification and engagement were highly desired

Visuals – Users preferred a clean, modern UI

User interviews screenshotImages from user interviews

Gamified Mobile App

Quizzes to reinforce learning through interactive challenges

Basic Website Glossary

A searchable database with category filtering for quick access

iPad Interactive Model

Featured "Word of the Day" and flashcards to enhance engagement

App wireframe image
Website wireframe image
iPad mockup image
Design & Iteration

Key Learnings

User feedback played a crucial role in refining UX Lexicon. Through testing and iteration, we uncovered key insights:

Interactive elements and visual enhancements were a hit – Users found them engaging and effective for learning

The pronunciation feature was highly valued – It helped professionals communicate UX terms with confidence

Flashcards vs. Quizzes sparked debate – Some users preferred structured quizzes, while others favored the flexibility of flashcards

These insights guided our final design decisions, ensuring UX Lexicon catered to diverse learning preferences.

Hybrid Model

Combined the best elements from earlier iterations for a seamless experience

Playful UX Terminology

Introduced “Word Lookup” and “Test Yourself” to make learning more interactive

Dark Mode A/B Testing

Revealed mixed reactions; some users loved it, while others found it uninviting

Web design image
web design image
web design wireframe image
Design & Iteration

Key Learnings

User testing revealed critical areas for improvement in UX Lexicon’s functionality and usability:

Filters were challenging to design effectively – Users struggled to refine search results intuitively

"Last updated" timestamps were requested – Users wanted transparency on term accuracy and relevance

The search bar needed greater visibility – Many overlooked it, impacting discoverability

Expertise levels were difficult to self-label – Users found it hard to categorize themselves as Beginner or Expert

These insights shaped further refinements, ensuring a more intuitive, transparent, and user-friendly experience.

Logo

A MODERN IDENTITY FOR UX PROFESSIONALS

The UX Lexicon logo embodies knowledge, accessibility, and innovation, creating a bold yet approachable brand identity.

Core Color: Vibrant Purple – Represents creativity, professionalism, and trust, reinforcing the platform’s credibility

Open-Book Icon – Symbolizes the glossary’s purpose as a knowledge hub

Minimalist & Scalable – Designed for adaptability across digital and print applications

Clean, Geometric Shapes – Paired with complementary typography for a modern and reassuring user experience

By blending clarity with creativity, the logo reflects UX Lexicon’s mission to be the go-to resource for UX professionals at every level.

UX Lexicon logo variations

Typography

A balanced pairing of modern sans-serif fonts for readability and hierarchy:

  • Unbounded – Used for headings and titles, creating a bold yet approachable visual structure
  • Overpass – Used for body text and labels, ensuring accessibility across all devices

Component Library

A modular set of UI elements designed for scalability and consistency:

  • Buttons – Interactive states (default, hover, active) for smooth user engagement
  • Search Bars & Filters – Optimized for intuitive exploration
  • Cards – Organized displays for definitions, flashcards, and daily word features

Icons

A minimalist, intuitive set for seamless navigation and clear communication:

  • Custom Icons – Designed for key pages (Home, Glossary, Flashcards, Daily Word, About) with clear active and hover states
  • Social Media Icons – Simple, outlined, and styled in UX Lexicon’s vibrant purple to maintain brand cohesion

Image Gallery

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Color Palette:

Vibrant and Accessible Colors for an Engaging Learning Experience

The UX Lexicon color palette is designed to be visually engaging, accessible, and intuitive, ensuring a seamless learning experience for all users.

Purple

The primary brand color, representing creativity, innovation, and trust

Lavender

A softer secondary shade, adding balance and subtle contrast to backgrounds and accents

Light Gray

Neutral and understated, used for dividers, borders, and inactive states to maintain clarity

White

The dominant background color, promoting openness, readability, and accessibility

Black

Applied to text and key visual elements, ensuring high contrast and legibility across the interface

PROTOTYPE

Simulating an Interactive Learning Experience for UX Professionals

Building on high-fidelity wireframes, I developed an interactive prototype in Figma to simulate UX Lexicon’s core user flows and validate its usability. The prototype ensures seamless navigation, intuitive interactions, and engaging learning experiences.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Navigation to Core Features

The prototype simulates intuitive navigation through the platform's primary pages—Home, Glossary, Word of the Day, Flashcards, and About

Glossary Exploration Flow

Provides an organized and engaging experience, allowing users to search for UX terms or browse alphabetically. Filters help narrow down results by categories, ensuring users can find relevant content efficiently

Flashcard Interaction Flow

Offers a dynamic learning experience, allowing users to click on a card to flip it and reveal its definition. Navigation arrows enable smooth movement between cards, while a progress tracker shows users how many terms they’ve reviewed

Word of the Day Exploration Flow

Engages users with a highlighted term that includes detailed explanations and context. Expandable sections provide additional information. This feature fosters daily engagement and reinforces continuous learning.

Contribution Call-to-Action

The prototype encourages community participation by making it easy for users to contribute to the glossary. Users can suggest new terms or submit royalty-free images through simple forms, reinforcing a sense of collaboration and shared purpose. These contributions help shape the platform’s evolving knowledge base

PROTOTYPE

Simulating an Engaging and Interactive Learning Platform for UX Professionals

Building on the high-fidelity wireframes, I developed an interactive prototype in Figma to simulate UX Lexicon’s core user flows and validate the design’s usability. The prototype focuses on providing a seamless navigation experience and highlights the platform’s unique learning features. Key flows included:

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Navigation to Core Features

The prototype simulates intuitive navigation through the platform's primary pages—Home, Glossary, Word of the Day, Flashcards, and About

Glossary Exploration Flow

Provides an organized and engaging experience, allowing users to search for UX terms or browse alphabetically. Filters help narrow down results by categories, ensuring users can find relevant content efficiently

Flashcard Interaction Flow

Offers a dynamic learning experience, allowing users to click on a card to flip it and reveal its definition. Navigation arrows enable smooth movement between cards, while a progress tracker shows users how many terms they’ve reviewed

Word of the Day Exploration Flow

Engages users with a highlighted term that includes detailed explanations and context. Expandable sections provide additional information. This feature fosters daily engagement and reinforces continuous learning.

Contribution Call-to-Action

The prototype encourages community participation by making it easy for users to contribute to the glossary. Users can suggest new terms or submit royalty-free images through simple forms, reinforcing a sense of collaboration and shared purpose. These contributions help shape the platform’s evolving knowledge base

Exploring Ideas & Possibilities—Let’s Connect!

I’m always excited to chat about UX Engineering, 3D Design, and all things XR. Whether you're a recruiter, collaborator, or just curious about my work, let’s connect! I’m also passionate about mentorship—so if you’re looking for guidance or want to talk shop, I’d love to chat!