Quadra Design Blog – Web Design & Graphic Design Tips & News
Web Design tips

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.


Web Design tips

Aspects of Web Design

March 17, 2010 by · Leave a Comment 

Article Written by : Visible Theory

When it comes to building a website, there are some aspects that are universal no matter whether you use text or multimedia to convey your message.

1. Presentability
After all, success (in terms of everything else in life) is determined by how well you combine style and substance, and in the case of a website, its overall appearance makes a big difference over websites that are either too dull or way too flashy. One way by which one can find this balance is by understanding the psychology of colors that has been used to great effect so far.


2. Purpose and Objectives of the Site
One must be very clear about the message that the site should convey along with clearly providing the information that the website intends to convey. Substance, in this case, goes hand in hand with the aforementioned style, and a degree of brevity and clarity is imperative to the success of its design.

3. Ease of use
What is the point if one cannot navigate through the site even if the above two points are well taken care of. Just ensure that a visitor does not have to click more than four times to get to a page as they will most likely look for another website that contains the same information, and just move on. Life is complicated as it is, so simplify and simplify!

Remember that the final objective of any website is to generate traffic, so these three aspect will either determine whether you achieve that or not.