Redpanda Design
Principles

Cognitive load

Keeping complex input approachable — structure, progressive disclosure, and flow.

Reduce cognitive load

Complex forms are mental work. Structure, transparency, clarity, and support reduce that load and improve usability. Group related fields, section distinct topics, and keep a strong single-column vertical flow so users never have to hold the whole form in their head at once.

A bottom-only submit button adds an avoidable memory task — "where do I go when I'm ready?" Removing that task lets users stay focused on the work, not on managing the page.

Sources: NN/g — 4 principles to reduce cognitive load, USWDS — Complete a complex form, NN/g — Web form design

Reveal complexity progressively

Show only the most important options first, and reveal specialized or dependent options when the user needs them. Progressive disclosure makes a complex surface easier to learn and less error-prone: hide conditional sections until their trigger is selected, preserve entered data when a section is temporarily hidden, and warn before discarding data a hidden section holds.

Sources: NN/g — Progressive disclosure, NN/g — Web form design

Orient users in long flows

A long, multi-section surface needs more than reachable actions — it needs orientation. Give it in-page navigation (a section index or stepper) that shows where the user is and lets them jump to a section, and reflect each section's state — completed, incomplete, has errors, optional, not applicable — so progress and problems are visible at a glance. This matters most when conditional sections appear or disappear.

Sources: USWDS — In-page navigation, NN/g — Table of contents

On this page