Design

26 05, 2016

Essential Elements Of Great Website Design

By |2019-01-30T21:20:50+00:00May 26th, 2016|Design, Branding, PPC, SEO, Training, Website Design|0 Comments

Essential Elements Of Great Website Design In 5 Minutes Without The Sweat And Tears

First impressions are everything and you never get a second chance with website design. Your homepage should stand out from first site. Your website should encourage users to dwell more, click further and continue exploring. We have collected our thoughts here at Digital Web World on some of the key elements of great website design and have shared these for you.

Create A Killer Headline (And Sub-Headline)

You only have literally seconds to make the first impression with your headline. It should give the viewer a clear idea of the subject of the page they are about to read/view.

Clear enticing headlines pulling the viewer into the Webpage, clearing Sub-headlines to give you a chance to share more information about what you do and offer.

Here is a top tip for creating Killer headlines instantly. Think about writing headlines for Web, blogs etc in this format.

What the customer wants + In a time period + killing the objection.

So for example great headlines are offering the viewer something that is relevant within a time period say 3 minutes or 30 days, whatever the time period is.
The killer objections are defusing the normal objections you will get from any person viewing

Here are a few examples.

  • Totally Clear Skin in less than 90 days without the use of drugs.
  • Become a Web Designer in 3 months by studying only 1 hour per day.
  • You can make £300 per day with just one hour per week of time without expensive Web tools.

Remember the offer comes first in your Website landing page headline.

Second top tip is to limit the use of ‘best ever’, ‘most popular’, ‘greatest ever’, all of this is considered rubbish for the viewer of your webpage who will read every day. Try being accurate with data that supports claims ‘3x as effective’ works a lot better in text.

The Most Important Design Element – Your Visual Hierarchy

Most people like images (or videos), they are simple to digest and help to get across a message without the need for words. Think about what your business objectives are. What solutions are you selling to customers problems? Make sure that the visuals on the page are viewed in a hierarchy. 1, 2, 3, 4 etc placing a number against the visual that is most striking on your website. 

Do it now?

Look at the following image and place a number against the visual hierarchy on the page.

Diagram Showing the Design to the Golden Ratio! very similar to the Fibonacci Sequence

The Golden Ratio is very similar in its Fibonacci Sequence and describes the rule of thirds for great Website Design, but is also applicable to design in general.

The Golden Ratio

Also proportioned to 1.618* the Golden ratio is a statement on design proportions which has been designed into great aesthetically pleasing design for well over 3,000 years. The principle is based on a rectangle whose ratio of the longer side to the shorter side is 1.618. The classic view of this is the Pantheon in Athens where the design can be applied to the building of the Pantheon in its form.

This same principle is now used by many designers most notably in the designing of Twitter where you have probably received this notification from.

Display images of the office you work in or create a short video that showcases what the business does and/or the products/services you offer. Try and place these at the top of the page (or if not, anywhere above the fold works well) as people will want to see some visual elements when they first enter on a page.

Call To Action (Sometimes Referred To As Fitts’s Law)

Each page on the website should have a compelling call-to-action that draws the user to a conversion. For example, linking to a page where you can make a purchase or including a sign up form built into the page). This also benefits SEO in a great way because you will be interlinking between pages, giving authority to pages that may not get enough traffic otherwise.

However there is a designer ‘law’ that determines the size of the button’s that decides on the priority of the buttons. This priority ’size’ is purely to get the user to take action, more specifically a ‘call to action’. This is called Fitts’s law and stipulates that the time required to take that call to action e.g. hit that call action button, is a function of the distance from where the mouse currently is to the button and the size of the respective button. So the larger the object from where your mouse currently is and your eyes are. Fitts’s law follows a logarithm and therefore is a curve and not a straight line, so overdosing the size of a button will equally have a detrimental effect on its use. 

The proportion of button size is equally important and should therefore be larger for the actions you want a viewer to take.

The ‘Law’ of Choice

Choice is good right?

…Well to a point it is, but if the choice becomes too great on a Website you will cause paralysis of the viewer. They will simply have too many options to choose from and they will become paralysed by choice. So how do you know what is the correct number of choices?

Well you don’t, but you can make it easier for the viewer by providing filters to enable them to change what they are selecting and help them narrow down the choice. This self selecting use of menus is the best option. Limit the number of options and get the customers to eliminate by the use of filters.

Testimonials And Portfolios

Having case studies from real clients gives your website a huge boost in terms of creating trust. It’s a good idea to show off your portfolio and any short, written testimonials from previous customers on the homepage. Make sure examples in the portfolio include a lot of information and images, so potential clients get an idea of what you could do for them.

Put a name and image to testimonials as well (with consent of the individual of course).

Navigation

The crux of any website, visitors need to be able to access different areas of the website with ease. Include primary, secondary and tertiary drop down menus as necessary and create compelling headers so users will be interested and know what they are clicking on.

Visibility is key for a website and users should be able discover what they are looking without hardly any efforts.

Resources

You need to slowly build up trust with viewers before they will decide on whether to make purchase or not. One way of building this relationship is to include resources on certain pages where they can learn more and make an informed decision, statistically speaking after the 5th visit.

Recognition

Show off any awards or badges you have earned on your website. These can include SSL badges, website security and recognized partner badges (like Google, Bing, BIMA or RAR+ awards, if you are an agency for example).

This shows credibility trustworthiness in your field in addition to any testimonials that you may receive.

So in summary:

  1. Use Visual Hierarchy – build using this key principle.
  2. Create Killer Headlines that show off your offers.
  3. Use the Fibonacci sequence and the Golden Rule.
  4. Call to Action and Fitts’s Law.
  5. Law of Choice remember to use filters to get your viewer to narrow down their choices.
  6. Testimonials and Case Studies – make sure you have some.
  7. FREE Resources – make some resources free on your Website.
  8. Recognition – show off your credentials.

Your website is a Funnel and the home page is the beginning of that journey. According to an excellent article first published by Affiliate Marketing back in 2015: http://www.affiliatemarketertraining.com/good-average-time-site-per-visitor/ dwell time on a Website if under 30 seconds is considered awful anything up to 2 minutes is considered Average and anything over 2 minutes is considered outstanding. How good is yours ?

We know that the end of the funnel occurs when the user has gone through the whole process and made a purchase or signed-up to the mailing list. Your design objective has been achieved when your user has completed your objective.  The user experience and the objective for the page will be aligned. Remember this when utilising these essential elements of great website design.

11 04, 2016

Creating A Great User Experience

By |2019-01-30T21:20:51+00:00April 11th, 2016|Website Design, Design|0 Comments

Find Out Why The User Experience Is King…

With all the different aspects of digital marketing taking up a lot of time (things like PPC, SEO and Social Media marketing). It’s easy to forget about an important factor that is easily overlooked, the (UX) user experience.

As a business working hard to drive traffic to a website, the ultimate goal is to guide that traffic to conversions of the product/service. Problems can arise when all the traffic being driven to the website is leaving after viewing one page (also known as bounce rate %). The main cause of this is poor landing page and/or website design in general, culminating in a poor user experience which makes users want to leave as quickly as they arrived.

What Constitutes A Poor User Experience?

There are many things that constitute to a bad UX. Here are some pointers that should be avoided if you don’t want a high bounce-rate:

  • Poorly designed navigation menus
  • Inconsistent structure
  • Unreadable font
  • non-relevant content
  • Little to no content on pages
  • Poor spelling and grammar

You may have come across a site before that ticks some of these boxes, maybe even all of them. But one things for sure, having the best PPC and SEO campaigns running means nothing if the UX makes you want to leave.

Making A Great User Experience

There is no right or wrong answer. One brands design and appeal might not work with driving traffic for another and so on. Here are some useful pointers:

  • Strong use of colours – Pick a main website colour that defines your brand but also fits with the theme of what you are offering. Also use secondary colours that fit into the scheme, on call-to-action buttons for example.
  • Intuitive site design – Make the user feel welcome, make them feel like they already know where everything is on the website. Clear and concise layout, use of helpful text, not too much and not too little content etc.
  • Well designed navigation menus – What are the different pages on the website, whats their purpose, are they easily accessible for the user, will the user find what they are looking for? If you can answer these questions then the website does an excellent job with navigation.
  • Legibility and readability – How easy it is for the user to read letters, words and phrases. Pick a consistent font that matches the theme of your website while also making sure it doesn’t put the user off.

One of the best examples that showcases excellent UX design is Apple. Clear navigation, strong use of colours that match their branding and clear, readable font are just some of the things that help the user to understand and make a clear choice when deciding whether to purchase an Apple product.

The Importance Great UX Design

I can’t stress enough the importance of the user experience. Imagine if you had a website and the amount of customers that have looked on it then went elsewhere after one page because of poor UX. Remember the goals of the business, then create a well designed website based on achieving those goals. A well designed user experience is always the first step to take when creating the website.

Remember, the first 10 seconds of a user arriving at a landing page on a site is the difference between turning that user into a customer or as another bounce-rate statistic, possibly leading to a bad reputation for you and the business. Don’t take a risk with the UX!

Conclusion

If you put yourself in the role of the user and visit plenty of websites for research, you will get to grips with spotting the good, the bad and probably the plain ugly of user experiences on the web.

Research, Research, Research is best the way to discover what works and what doesn’t. Keep the brand in mind when designing the site and get a good balance between graphics, navigation and readability. Once you have done that, then the serious work can begin on driving traffic through SEOPPC and Social Media.

Go to Top