Back to blog

Designing the Smallest Useful Interface

A placeholder article for testing type, spacing, code blocks and long-form reading.

A monochrome arrangement of interface columns and blocks.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. The useful part of an interface is often easier to see after everything incidental has been removed.

Start with the task

Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa.

const interfaceParts = ["task", "content", "action"]
const usefulParts = interfaceParts.filter(Boolean)

Keep the structure visible

Curabitur sodales ligula in libero. Sed dignissim lacinia nunc. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. Maecenas mattis. Sed convallis tristique sem.

  • One primary task
  • One clear reading order
  • One visible next action

Donec lacus nunc, viverra nec, blandit vel, egestas et, augue. Vestibulum tincidunt malesuada tellus. Ut ultrices ultrices enim.