What you put on your website and how you put it defines your site’s user interface. The better you build your user interface, the more likely a user will find your website appealing and stay on it. This is vital if you hope to your website to have a high traffic and low bounce rate.

So what are the basic of web design and user interface that you need to get right?

Visual Chunking

This specifically means that you visually separate or chunk functionality buttons that are inherently different. Visual chunking is a very effective way to build a website that is tidy, clean and has a functionally consistent structure.

Determine what groups of functionality your interface provides. For example, you have a navigation menu at the top of the site, a column to your right for your latest posts and at the bottom is the Contact Us form.

Decide on what kind of visual chunking suits your website.

Content Chunking

Content chunking is one of the newest design elements. You give your audience a large amount of content in smaller visual chunks so that it’s easier to read. It prevents your website from giving your visitor a monotonous reading experience and helps keep it interesting.

At the same time, since this content is similar, the reader will be able to better grasp it.

Build for the Device

Always take the device into consideration. This means ensure your website for the desktop or mobile has the appropriate user interface. This matters because the user interface of your mobile and user interface is going be very different because of its small size and touchscreen capabilities.

Remove the Clutter, but not the Features

A mistake made when designing user interface and removing clutter is that functionality features are also removed. A good designer will be able to remove clutter without removing functionality features.

To create less clutter, you can use tabs, drop down menus and side bars,

Content Sensitive Navigation

This is a dynamic user interface element that has emerged recently. It greatly helps in de-cluttering your site. It allows you to create buttons that will only be shown when a particular action is performed.


Content Organization

Pinterest is a good example of context sensitive navigation. ‘Pin it; and ‘Send’ only appear when you hover the mouse over the image.


Collapsed Content

Collapsed content works when you are presenting a series of articles together. With the simple click on ‘Read More’, the page expands to show the full article. It is a simple way not to overburden your reader. You also give them the opportunity to choose what they want to read. Additionally, since collapsed content never moves the reader to another page, this saves page loading time

Make sure you are using these design elements to create a user interface that is liked by your visitors. The more traffic and less bounce rate you have, the higher your SEO rank will go.