Touchpanel & UI Design

User-centered control interfaces

The touchpanel is the part the user actually touches — so it carries the whole perception of the system. Learn user-centered design, screen layout, navigation, accessibility, button feedback, and the error states that make a panel feel solid instead of mysterious.

Key Competency

Design a complete, accessible touchpanel interface with consistent states.

AV Institute · Week 3Touchpanel & UI Design

Field Assignment

Submit Annotated Screen Mockups & a Control-State Table

Est. 60 minCompetency: Document the UI and its states for a reviewer.

Learning objectives

Produce annotated mockups of every screen.
Produce a control-state table mapping each control to states and feedback.
Ensure consistency across mockups.

Assignment brief & submission

Submit annotated mockups for each screen plus a control-state table that a reviewer can use to verify the design before implementation.

Deliverables

1Annotated mockup per screen.
2A table: Control | Screen | States | Feedback source | Action.
3A notes column for accessibility considerations.

Why this matters

A control-state table is the bridge from design to programming. It tells the programmer exactly which feedback drives which button, so the implementation matches the design.

Implementation checklist

✓Mockup per screen, annotated.
✓Control-state table complete with feedback sources.
✓Consistency notes across screens.
✓Accessibility noted per control.

Downloadable study guide

study-guide.txtcopy-paste ready

01. Deliverables: annotated mockups + control-state table.
02. Table columns: Control | Screen | States | Feedback source | Action.
03. Bridges design to programming; lists each feedback source.