Common UI Design Patterns

Source: Internet
Author: User
Tags mac mail

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.

Related Article

E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: and provide relevant evidence. A staff member will contact you within 5 working days.