Tag Archive for 'form'

Inline Expand

Show only the most essential features/content up front, and hide the rest. Reveal secondary elements “inline” when requested by the user.

Wizard

Guide the user through a task with several steps by showing a clear path to completion.

Content Groups

Help users scan and understand the information on a page by grouping content into logically titled sections.

Good Defaults

Help users to answer questions on the form by providing good default values.

Input Controls

A special pattern describing basic input controls in Web applications.

Inline Input Adder

Minimize the amount of input fields by allowing the user to add more input fields if he needs them.

Stacked Tabs

Use stacked tabs to show initial questions, and reveal follow-up questions on the right of the these options depending on the choice.

Same-Page Feedback Messages

Show a feedback message in context after successful action or if something went wrong.

Required Form Fields

Clearly indicate required or optional fields on a form.

Edit-In-Place

Use a dynamic text editor to allow the user to edit text directly “in-place”.

Primary & Secondary Actions

Match the visual presentation of actions to their importance to get users through a form as quickly as possible.

Inline Suggestions

Help the users to give an answer by suggesting valid answers from which to pick from.