Designing UX Through Typographic Analysis
Thesis: Designing UX Through Typographic Analysis
A research-driven exploration of how typography influences cognitive effort in digital interfaces, uncovering how hierarchy, spacing, scale, and structure affect usability, comprehension, and user decision-making.
Client
San José State University, BFA Graphic Design Thesis
Date
2026
Role
Researcher • UX Designer • Visual Designer
Scope
• UX Research • Information Design • Typography • Interaction Design • Usability Testing • Educational Product Design • Visual Systems • Motion Design
Project Brief
This thesis explores typography as a usability variable rather than a purely visual decision. While typography is often evaluated through aesthetics and brand alignment, its influence on comprehension and cognitive effort is less frequently considered in digital product design. The project investigates how typographic choices, including hierarchy, spacing, scale, and structure, affect the mental effort required to process information. The outcome became an educational website and interactive experience designed to help designers understand typography through a UX and cognitive lens.
Problem & Why It Matters
Typography decisions in digital products are often treated as visual refinements rather than usability decisions. Teams frequently ask whether a design feels on-brand or visually polished, but rarely ask whether the structure of the typography reduces effort and improves understanding. Poor typographic systems increase cognitive load by forcing users to spend more energy decoding content instead of engaging with it. This project reframed typography as an experience design challenge, exploring how thoughtful typographic structure can create interfaces that are easier to process, navigate, and understand.


Research & Design Decisions
I conducted secondary research across cognitive load theory, reading behavior, usability studies, and established UX frameworks to understand how typographic variables influence comprehension. Findings consistently showed that hierarchy, spacing, and visual organization shape how efficiently users absorb information. In response, I designed an educational website centered around interactive exploration. Users can adjust typographic variables and immediately observe their impact on readability and perceived cognitive effort. Rather than prescribing a single “correct” approach, the experience encourages experimentation and helps designers understand typography as a system that directly influences user experience.

Outcome & Key Learnings
The final outcome translated academic research into an interactive learning tool that makes abstract UX principles more tangible and accessible. By connecting typographic decisions to cognitive effort, the project demonstrates how small interface choices can meaningfully affect usability. This thesis changed how I approach design decisions. I developed a stronger ability to evaluate interfaces beyond aesthetics and think more intentionally about how visual structure influences attention, comprehension, and user outcomes, an approach I continue to apply across product and experience design work.




