Author Archive for Janne Lammi

Overlay

Show secondary elements and important messages in a layer on top of the page.


Inline Expand

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

Data Table

Show collection of items with multiple attributes in a data table to make the data easy to scan, analyze, and customize.

Wizard

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

Refining Search

Allow user to refine search results in real time using multiple filters in any order until the desired items are found.

Information Dashboard

Communicate key information from large amounts of data at a glance to the user.

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.

Endless Scrolling

Load more content when user scrolls down and is near the bottom of a list or page.

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.

Radial Menu

Provide available actions in a context-sensitive, circular popup menu made of several pie slices.

Undo

Give the user an option to easily undo an action.

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”.

Shopping Cart

Let the user to collect products into a shopping cart.

Primary & Secondary Actions

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

Progress Indicator

Tell the user that an operation is in progress and he needs to wait.

Inline Suggestions

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

Carousel

Show thumbnail images of items on a scrolling menu, which allows users to browse through them.