Quadra Design Blog – Web Design & Graphic Design Tips & News
common ui patterns

Common UI patterns in web design

May 26, 2017 by · Leave a Comment 

Article Written by : How Merchant Accounts Work

Design patterns have matured greatly in the last few years. There are probably two reasons behind this. First is the proliferation of responsive design. The second is the sheer popularity of WordPress and its theme market. In a way, there is very little left in the way innovation to be found in design for a multi-screen world. It would take a shift to a medium like VR for these fundamentals to change. Here are the most common UI patterns in use today:

The hamburger menu

There is a lot of criticism of the hamburger menu. Regardless, its use has spread from mobile view pages and Android apps to any collapsed menu. It was popularized by Google’s material design guidelines.

New account creation

This is another common pattern that will have a basic information form or buttons to sign up using one of the primary social networks. Some sites break chunk the required fields into multiple pages to make it easier.

Long scroll

Thanks to the smartphones, everyone is now used to continuously scrolling down. The requirement that all important content is above the fold no longer holds true. Part of what makes this effective on the web is when the long scroll is sectioned into clear parts.

The card layout

The credit for this goes to Pinterest. Since then many interfaces have changed their layout to mimic the card layout that was used so effectively. It makes for perfect cross page scanning and the rectangular shape allows for easy arrangement of different sizes.