Tips For A Simple Web Design

A simple web design takes the least time to create provided the key web elements are understood.  Developing a website to look simple and efficient is a very easy task, however, most people are wrongly informed about it. With the existence of complex enhanced sites from established organizations like Apple and Sony, designing a website with appealing WebPages cause many to fret.  When designing a webpage, there are simple rules and aspects one must prioritize in order to develop a functional site that is easy to navigate and appealing to visitors.

Elements of a simple web design

Logo

This is very important for any webpage. Ensure the company or business logo appears at the top corner (preferably left) of all pages. The logo is your main branding tool so it should be well polished with a high quality picture or image. It is also necessary to use the rule of thumb method to link the logo so that when it is clicked, it navigates back to the home page.

Intuitive Navigation

Avoid distractions on the webpage. Having several links and banners in one page confuses users on what to click next thereby distracting them from the core message intended for them. The more links and banners are displayed, the more likely visitors will quit your site. It is important to have two sets of menus for navigation; primary and secondary. Primary navigation menu should be placed at the top of the page with options leading to core objectives of the site like products and services sold. Other features like company about, FAQs and subscription pleadings should appear on the secondary navigation. These links to less important information should be placed at the bottom.

For intuitive navigation to be effectively achieved, the website should be “freed”. Clogged up web pages that have thrown up colors and many pictures irritate users visiting your site. Ensure the right color blend is used with sufficient primary information containing only a few nicely arranged images.

Reduce the number of pixels for images and font for texts.

Pixels are used to measure pages and pictures in the internet and large images and fonts subject users to long scrolling which is both tiring and boring. For a simple web design, ensure concise construction with not more than one dominant feature for every page. Large images also delay delivery of the website and clients are often impatient with this. The pages should be characterized by one dominant picture and other little thumbnails and any image used should be light-weight.

Well established contrast

Use a limited variety of fonts for headings, subtitles, links and general body. This combined with appropriate coloring gives the website the best distinction that is user friendly. There are basic coloring that studies have shown to be common for all internet users since they are derived from actual examples. When posting, use green for money or finances, deep blue for news and shades of red for sports. Avoid using too much italic font formats, particularly in links and banners as they are difficult to read.

Action call optimization

It is important to design the links from the home page to the final phase in a well optimized procedure. The action call can be a button that prompts a purchase or subscription to a service. It can also be a contact to call or a sign up option. The path that leads the customer from the homepage to the product they are seeking should end at the final transaction like contacts, downloads and payment.

There are some simple tips to learn in order to optimize the call to action.

The first thing to do is ensure there aren’t too many pages. Several pages that seem to only provide links to other pages will quickly bore the user and lead to logging off.

  • Make the buttons explicit – It is vital to try explaining what the action will lead to so that it does not sound too vague. For example, at the end of a sign up form, entice the user with words such as “Subscribe to out journal” rather than a plain “Submit.”
  •  Reduce boundaries –Avoid conditions that scare away customers like email address or credit card numbers where possible. If they are a requirement that cannot be avoided, use affirmative language like providing opportunity for cancellation and refunds. Add the word free where necessary and include lock icons to assure security.
  •  Differentiation – Use simple color differentiations for your action call buttons. If the web outline is grey and turquoise for example, use a brighter color like yellow for the CTA (action call/call to action) icon. This simple differentiation helps the visitor in navigation and in remembering where to find the icon when they are ready to purchase or subscribe.

When designing a simple webpage, use some known principles like the 80-20 rule where the 20% links and information is emphasized and explored to cover 80% of the page. Any less important feature should be given minimal consideration and build the page around the primary objectives. It is also important to be original and avoid duplication or publishing of copyright materials.

It is also wise to avoid using advanced languages such as JavaScript when designing the website. Use one that is well understood and user-friendly. Use simple formatting like subheadings, bold and bullets to enhance the website. Make the primary navigation conspicuous and channel a smooth path that leads to the action call. Avoid unnecessary crowding with large images and many icons.

Developing a simple web design is easier when you understand the internet users’ behavior and patterns when they visit sites. Design pages that have attractive color blends, clear readable texts, sufficient pictures that are light in weight and direct the user from the homepage to the end product. Offer links that go back to previous pages and ensure there is a link back to the home page. These tips will help you develop your simple web design with ease and keep visitors locked to your site.

bnr14

Megan Wilson
Megan Wilson is user experience specialist & editor of UX Motel. She is also the Quality Assurance and UX Specialist at WalkMe Megan.w(at)walkme.com
Megan Wilson on sabtwitterMegan Wilson on sablinkedinMegan Wilson on sabgoogleMegan Wilson on sabfacebook