UX Design • HCI • Interactive Learning

UX/HCI Portfolio

Designing clearer, more learnable experiences for complex ideas.

Welcome! I’m Maggie Nguyen.

I design digital experiences that help people understand complex systems through interaction, visual clarity, and structured flow. My work brings together UX design, HCI, educational technology, and interface design to make technical content more usable, approachable, and engaging.

This portfolio features interactive algorithm visualizations, educational interfaces, web design projects, and concept-driven UX work. Across these projects, I focus on learnability, visibility of system state, progressive disclosure, accessibility, and visual communication that supports confident use.

My background in art, technology, and education shapes how I design: I care deeply about how users move through a system, what they understand at each step, and how interface choices can reduce confusion and improve confidence.

Explore Work Design Principles

What This Portfolio Shows

These projects demonstrate how UX and HCI can support understanding in systems that are often abstract, technical, or difficult to learn.

Interactive Learning Interfaces

Projects that make complex ideas easier to follow through interaction, animation, visible state changes, and guided visual flow.

Algorithm Visualization

Educational experiences that translate algorithm logic into readable, step-based interfaces designed for comprehension, not just presentation.

UX for Complex Systems

Work focused on reducing cognitive overload, improving mental models, and helping users understand what the system is doing at each moment.

Web & Interface Design

Websites and digital products designed with attention to clarity, hierarchy, accessibility, and structured user flow.

Design Principles Across My Work

Visibility of System State

I design interfaces that show users what is active, what changed, and what happens next, so they are not forced to infer hidden system behavior.

Progressive Disclosure

Complex content becomes easier to use when it is revealed in manageable steps rather than all at once.

Visual Hierarchy

Typography, spacing, contrast, and layout guide attention to the most important action, concept, or state on the screen.

Learnability

I focus on making systems easier to understand over time by reinforcing patterns, using consistent cues, and supporting mental model formation.

Accessibility & Clarity

Readable type, clear labels, strong contrast, and captioned or structured content help make interfaces more inclusive and usable.

Interaction as Explanation

In many of my projects, the interface itself helps explain the concept. Movement, feedback, and state changes become part of the learning experience.

Why My Background Fits This Work

My background connects visual communication, educational technology, and technical learning design.

With a Master’s in Educational Technology Leadership and a second Master’s in Information Science & Technology at Temple University, I bring both design sensitivity and technical understanding to interface work. My graduate study and project experience have helped me build skills in UX, UI, HCI, algorithm visualization, and learner-centered digital design.

I am especially interested in projects where users need help understanding process, structure, or abstract systems — the kinds of experiences where strong UX and HCI decisions can make a real difference.

How to Explore This Portfolio

Visual Algorithm projects show how interaction, animation, and system-state cues support comprehension.
Web and interface projects highlight layout, navigation, hierarchy, and overall user flow.
Selected case studies emphasize UX/HCI decisions such as feedback, clarity, learnability, and accessibility.