Show secondary elements and important messages in a layer on top of the page.
Fresh and Illustrative User Interface Design Patterns
UI Pattern Factory is a mix of user interface design pattern library and
UI gallery. It is a place to find user interface best practices,
get design inspiration, and share design solutions with
others. Our patterns are always fresh with tons of examples,
and you can easily add more using Flickr.
Check out also our Pattern Ideas-forum
where you can suggest new patterns and vote on other users'
ideas!
Show only the most essential features/content up front, and hide the rest. Reveal secondary elements “inline” when requested by the user.
Show collection of items with multiple attributes in a data table to make the data easy to scan, analyze, and customize.
Guide the user through a task with several steps by showing a clear path to completion.
Allow user to refine search results in real time using multiple filters in any order until the desired items are found.
Communicate key information from large amounts of data at a glance to the user.
Help users scan and understand the information on a page by grouping content into logically titled sections.
Help users to answer questions on the form by providing good default values.
A special pattern describing basic input controls in Web applications.
Load more content when user scrolls down and is near the bottom of a list or page.
Minimize the amount of input fields by allowing the user to add more input fields if he needs them.
Use stacked tabs to show initial questions, and reveal follow-up questions on the right of the these options depending on the choice.
Provide available actions in a context-sensitive, circular popup menu made of several pie slices.
Give the user an option to easily undo an action.
Show a feedback message in context after successful action or if something went wrong.
Clearly indicate required or optional fields on a form.
Use a dynamic text editor to allow the user to edit text directly “in-place”.
Let the user to collect products into a shopping cart.
Match the visual presentation of actions to their importance to get users through a form as quickly as possible.
Tell the user that an operation is in progress and he needs to wait.
Help the users to give an answer by suggesting valid answers from which to pick from.
Show thumbnail images of items on a scrolling menu, which allows users to browse through them.
Latest Comments
RSS