# UX & Interface Design

> User goals, information architecture, interaction states, feedback, accessibility, usability testing, and design systems.

Canonical: https://learn.significanthobbies.com/curriculum/concepts/ux-interface-design

User goals, information architecture, interaction states, feedback, accessibility, usability testing, and design systems.

- Difficulty: core
- Tracks: Application Engineering

## Mental model

An interface is a state machine for human intent. Make the next action clear, expose system status, prevent errors, support recovery, and test with real tasks.



## Primary sources

- [W3C Web Content Accessibility Guidelines](https://www.w3.org/WAI/standards-guidelines/wcag/) (doc)

## Practice

### Design exercise: UX & Interface Design

User goals, information architecture, interaction states, feedback, accessibility, usability testing, and design systems. Implement designOutline() returning non-empty values for: userGoal, interactionStates, accessibility. Each value must name a concrete mechanism or decision.

**Expected evidence:** A design outline with userGoal, interactionStates, accessibility plus an explicit failure mode or trade-off.

## Review prompts

- Which interaction states are routinely missing from a design, and why do they cause the most support load?

## Build evidence

- **Synthesize: Application Engineering** — Turn backend, client, UX, real-time, interactive, analytics, and distribution skills into one complete product. Produce one working system, benchmark, or evidence-backed design that integrates the path.

## Prerequisites

- [Web & Mobile Engineering](https://learn.significanthobbies.com/curriculum/concepts/web-mobile-engineering)

## Related concepts

- [Web & Mobile Engineering](https://learn.significanthobbies.com/curriculum/concepts/web-mobile-engineering)
- [Real-time Systems](https://learn.significanthobbies.com/curriculum/concepts/messaging-realtime)

## Learning paths

- [12-Week Application Engineering](https://learn.significanthobbies.com/curriculum/roadmaps/application-engineering-12w)