Common UI Design Patterns

Interaction designers in the design of wireframe prototypes, familiar with the common web design patterns are helpful, do "know" to create a meeting with the needs of users easy to learn Easy-to-use interface. The so-called "No need to repeat the invention of the wheel", the pattern is often easy to solve common problems, the correct model can help users familiar with the interface, improve efficiency.

Common UI Design patterns are shown in the following illustration:

The following specific analysis, encounter different needs when you can choose the appropriate UI design mode.

01. Subject/Detail (Master/detail) mode

The main/detail mode can be divided into two kinds: horizontal and vertical. If you want users to be on the same page and guide them to switch efficiently under the class, this is definitely an ideal way. If the principal information is more important to the user, it is best to choose a landscape layout. Or the main part not only more items and contains more information, it should also choose this horizontal layout.

For example:

Windows window is vertically arranged

Horizontal configuration of Mac mail

0.2-Column browsing (column browse)

Sub-column browsing is also divided into horizontal and vertical two kinds. Through it, users can select different category points and gradually guide users to find the information they need.