FICTIONAL GUIDE PRACTICE · MANUAL CHECKS

Design a clear interface

Turn a visual reference into a usable, consistent product.

This is an interactive review worksheet. Ticking a box records your check; it does not run a tool or grant permissions.

List screens and states: empty, loading, normal, error, success and permission denied. Choose a small set of type sizes, spacing values, colors and reusable controls. Build one representative screen with real content lengths before expanding. Test keyboard navigation, visible focus, labels, contrast, large text and narrow layouts. Compare screenshots and refine specific differences. Keep useful platform conventions. No clipped controls or unwanted horizontal scrolling. Primary and destructive actions are distinct. Inputs have labels; errors explain recovery.

Your revision notes

Shared source files and two conversation handoffs are included in the download. No network requests. Worksheet entries last until this page closes.