In a new Word of the Week podcast, Fiona Lewis from Super Savvy Business interviews Dan Proctor (founder and CEO of Simply) on the topic of web design guidelines. The two entrepreneurs talk about common web design mistakes and advise upon the best practice web design guidelines, saying that nowadays web design is first of all a science and only then it is art.
E21: Best Practice Web Design Guidelines (With Dan Proctor From Simply)
1. Main ideas from the podcast:
Web design guidelines to know before designing your website
‘What’s in it for me?’ – your website must answer questions
Designing Calls to Action that work
Design is the pretty stuff
3 key web design guidelines that make a really good website
People make the same mistakes over and over again when it comes to web design because they don’t know much about the web design guidelines of 2014. What you need to understand before you get your website live, is that there is a right way and a wrong way of going online. And if your website is built “the wrong way”, then by the time you’re reading this your web visitors are back to Google, searching for your competition.
E21 Best Practice Web Design Guidelines
(With Dan Proctor From Simply)
2. 2
Today’s podcast guest is Dan Proctor:
Owner and founder of Simply
Expert in web design and websites
Calls himself a “non-techie”, but is an expert in web design guidelines that work
has a simple, common sense, and conversion-focused approach towards building a successful website and a total web strategy
Going online is a process; it’s not a set-and-forget thing. (Did you spot the tweetable? Share it with your friends!)
This process starts with understanding your user. “No one cares when you say how good you are and how perfect”, explains Dan in the interview. “When someone gets to the website, they need a problem solved”.
Web design guidelines to know before designing your website
So Dan and I suggested two steps that are essential to go through before launching your website:
3. 3
Step 1: Research your users and understand them deeply before you go anywhere near design. A lot of design businesses still use templates and modify them without thinking about the website as a tool: they deisgn what they like and what the client likes rather than working with the question in mind: “What is the prospect looking for? What do they need?”.
Understand a user’s fears, doubts, uncertainties about you as a company. Understand where they are in the buying cycle: information-gathering stage or ready-to-buy stage?
According to this information you can create different calls to action.
Step 2: Test your theories. You may think that something works because… well, you think it does. But that is no guarantee that your theories will actually bring you the expected results. Once those are tested, you can move to design.
Web design guidelines: What’s in it for ME?
Again, people are not interested in YOU as a company, but in YOU as a means of solving their problems: How can you help me? How can you solve my fears and frustrations? What’s in it for me?
You can answer their questions on your website, through:
A well defined, well targeted value proposition
Building trust
Making a great first impression
Attention! The value proposition is a classic mistake: sometimes it is so far down the page that a visitor needs to scroll down to see it. It is ignored, under the fold, invisible.
Have the value proposition right at the top of your website, accompanied by a big visual element, a big attention-grabbing headline, and a call to action.
4. 4
Web design guidelines: Calls to Action
The number of websites that don’t have any type of call to action or poor calls to action is impressive. The CTA is imperative, but you also need to make it a good CTA so people will take the desired action.
Here are some tips on how to write and design a proper call to action:
Tell the people what action you want them to take, and when (now, today)
Tell them what will happen when they take the desired action
Give them some security: no obligation, comfortable access, quick response, etc.
Web design guidelines: design is the pretty stuff
As Dan puts it during the podcast interview, “design is the brand, the first impression. It is really important, but it comes after answering the users’ questions”.
Design is the pretty stuff. It’s really important, but comes after answering users’ Qs. (Did you spot the tweetable? Share it with your friends!)
Once you have the user-friendly sketch of the website, you have to test it and see if it works. Search for elements that cause confusion and eliminate or improve them. A confused buyer will leave.
When you have the design ready, test it again and then take it live. The important thing now is that the website is not a ‘set and forget’ thing.
First, monitor the results: are people taking the action you want them to take?
Design is a lot more of a science than it used to be; it’s science and maths before art.
5. 5
But the good thing about this process is that it is not guess work. these days, your users almost decide your brand. This is visible in the data you can collect on your website.
What are the key web design guidelines that make a really good website?
Great design
Great content
Making it easy to do business with you
1. Great design
The website still needs to look good and create a great first impression. Clarity is the key to design. Confusion is most often created by design and content.
2. Great content
The content does the selling. Content uses psychology to motivate people to take action.
There are two main types of content:
Sales content: It is used for key-service pages (About Us, Services, Products, in the value proposition on the Home Page); sales content uses conversion copy and direct response copy. It needs to be done by someone who understands sales copy, which is a different skill from someone who writes educational copy.
Educational content: It is used on the blog, in blog articles, in infographics; its main purpose is to build trust and credibility.
3. Making it easy to do business with you
You need to be reachable on all devices: PCs, smartphones, tablets, laptops. This is why it is imperative now to have a mobile website or a responsive web design.
6. 6
Actually, not having a mobile website can affect your rankings for desktop search results. And if you run paid ads on Facebook, for example, you may notice that people click on ads from their mobile phones more than they do it from their PCs.
It is also very important to have a contact form on your website, allowing people to contact you any time of day and night. Again, have clear calls to action that are easy to find on the page.
As you can see, there is a lot of research involved before you start talking about graphic design.
In short, you need to understand that your website is not a brochure. It should be a profit- generating tool that is going to give you good ROI (return on investment). What a lot of people are trying to do is save money upfront, but this doesn’t build a profit in future months/years.
If you cut corners at the beginning, your conversion rates are going to be low. And low conversion rates mean low profits.
Get in touch with Dan on his website, simply.com.au.
In the next podcast with Dan we will leverage off this conversation and talk about the other side of what is going to make the site convert:
optimisation for SEO
activities you can do to drive traffic and leads
7. 7
Until then, here are my questions for you…
Does your website answer your visitors’ questions in the “Above the fold” section?
Why did you go with a custom web design for your website / a web design template?
Is your website responsive / mobile? How does that influence your business & your income?
See you in the Comments section!