Module Slides
Download file 12 MB
12 years delivering excellence
Join a global community
Globally recognised
Toolkits, content & more
Why is website design so important?
So, there are six key aspects of website design.
The first one is a simple design. You can see on the left-hand side, is an example of a poorly designed website. As you can see, they used the featured images from their blog post as the top part of their website. And so, it's overwhelming. Users don't really know where to go next. They see so many colors and they just get a little overwhelmed.
On the right, you'll see that this is also a publisher site. But the navigation is collapsible, which you don't have to do, but that's an upcoming trend in navigation with the three lines on the left-hand side of the screen shot. But it has an ad and then it has the top story at the top, and then recommended for you on the side.
So, it's instantly giving them information. The navigation is easy to use when the bread crumbs are expanded from the left-hand side menu. And then, it also is personalizing the information for the user.
Next up are navigation examples. So, on the left, you can see this is a bar in Kansas City, in the States. So, on this website, you can barely see the navigation. It's white on a photo background. So, you can't really see what the menu is trying to say. It doesn't really have a call to action above the fold, which means what's shown in the screen before they scroll down. So, you don't really know what you're looking for, and even if you did, it's hard to find it.
On the right, you'll see a tour company, EF Educational Tours. They have a really simple design, which works really well. And the navigation is super easy to understand. So, they know that users are looking for tours, they want to know how the tours work, and then users also, if they have a specific question, they can just click on the question in the navigation and that's going to help them get their questions answered through a support module.
You need to have consistent information. Make sure that what you have on your homepage reflects interior pages. Here is a good example. ModCloth is an online clothing retailer and you can see on their homepage on the left, they are doing their stylish surprise sale.
They do bundle packages of items. And, if you click on that banner, it takes you to an interior page that lets you choose what package you want. As you can see, not only are the graphics the same across two pages, but it's taking me right to ordering the stylish surprise, ordering what I want. I could just click on the dress example and it's going to take me to the order screen with the dress example in my cart.
Easy to use, consistent, and I didn't have to hunt for the sale. It took me right to the pages to purchase, and that's what you want to do with consistent information.
Next up is usability and making your website as easy to use as possible. This goes hand in hand with navigation as well.
Here’s a good example. This is a local movie theatre site. As you can see, we’re on the Showtimes page and it's for a specific movie. And I can look across the navigation. I can see what location, the date, what movie, and then premium offerings like reserved seats, menu ordering, and things like that.
And then, I can easily select the time I want and then once I select the time, a button pops up that says Add to Cart or Check Out. It is really easy to use, simple, and fast. That's what users want.
So, consistent design is also really important. The country of Ireland has a tourism website that does a good job of this. All their interior pages about areas in Ireland all look the same.
There's a really cool featured video and then you scroll down and it shows cool areas of Dublin or Northern Ireland and what visitors can do. So, because the design is consistent, when I'm doing research about Ireland, I know where I can look for the information I want on each page, where I can compare. If I was trying to decide between going to Dublin or Northern Ireland, I could compare similar information on both pages to help me plan my trip.
The information needs to be concise and honest. So, you don't want to be too worried you're going to lose reader's interest and your customer's interest. So in this example, it's a homepage, but as you can see, instead of focusing on call to actions or what they can do when they get to the site, it just has way too much information that would probably be better on separate interior pages.
You don't want to dump the information on the user and make them feel overwhelmed. You also want to make sure that the information is accurate and easy to read, and it is up to date to the best of your knowledge. That's just important to providing a really good website optimization and user experience.
Back to TopPlease note that the module slides are designed to work in collaboration with the module transcript document. It is recommended that you use both resources simultaneously.
Digital Marketing Consultant and Writer
The following pieces of content from the Digital Marketing Institute's Membership Library have been chosen to offer additional material that you might find interesting or insightful. While relevant to this module, you will not be assessed on this content.
You can find more information and content like this on the Digital Marketing Institute's Membership Library
ABOUT THIS DIGITAL MARKETING MODULE
This module introduces key concepts underpinning effective website design and the purpose of website optimization. It will enable you to build and publish a simple, well-designed, and optimized website using WordPress that is aligned to specified business goals. The module also covers how to use metrics to capture, track, and measure website activity to develop deeper insights.