11 tips to turn your visitors into customers Karl Gilis - AGConsult Web usability & Information architecture
These slides were created to support an oral story. In an attempt to make them interesting without hearing the story, I've added these bubbles. I hope they will give enough context to tell the story.
1 tip to start with (I owe credit to Gerry McGovern for this one)
The view of the universe by a smart guy: Aristotle. He was so wrong.
My view of the world and the universe until I was 30. I was so wrong. Karl Gilis
The view of many marketing, communication and web managers. They are so wrong. My company / My website
The bitter truth about the internet. The visitor is at the centre. He's the king. The dictator even. He's always right! The visitor
This is what I mean by 'centre of the universe approach'. This is the product page on green energy on the website of Electrabel, "the largest power company in Belgium". Do you notice how they don't talk about the product, but only about how great they are? "The biggest producer of green energy". "Green energy for the future of our planet." "A real engagement." Good for them. A big round of applause. But the visitor doesn't care. He wants to see product information. Not bragging about how great Electrabel is. Most visitors will leave upon seeing this.
2. Make sure the right pages are on top in Google
High rankings in Google are good.
Make sure the right page has the highest ranking.
Visitors will leave 'bad' pages immediately:
Pages with too much text
I'm still looking for green energy. The first result in Google for Essent was this page. Good thing they rank high. Bad thing they do so with a pdf file with the rules of a contest. Bummer. The visitor will leave and not become a customer.
So yeah, I'm still looking for green energy. The first result in Google for SPE-Luminus was this page. Good thing they rank high. Bad thing they do so with a page about where they get their green energy from. Frankly, at this stage the visitor doesn't care. He wants to see the product specs. Prices. So he will leave.
In the case of Luminus it really is a pity that previous slide is their highest ranking page. Because on their main website they have a pretty good page on green energy. But it doesn't rank the highest for their company when searching for 'green energy'.
All information about 1 topic or product should be on 1 page. Each page needs to tell the full story.
Don't worry if the page gets long (see tip 6)
If it's not possible to put all info on 1 page:
Provide clear links to all the info that's needed to get the full picture
Make sure those pages don't rank higher than the 'main page' (see tip 2)
So here I am, still looking for green energy. The first result in Google for Carrefour is this page. They have a European label for their product. Yep, that's really what the visitor wants to know. Now he's convinced. Not. He already left the page. Because the only thing he sees is 'European label' and he was looking for green energy.
The solution: make 1 page for your product. And start with the product info. And maybe, if you really feel the need to tell people about your label, do it at the end. Because most people are not interested in those things.
Because I didn't find a good solution to buy green energy, I was looking for solutions on how to reduce my energy consumption. After doing some research, I decided that a heat pump was a good solution for me. My next question: can I get a grant for a heat pump?
When Googling I found this page. It tells me a lot about what a heat pump is. And at the bottom (invisible on this screenshot) a link to a pdf-file to apply for the grant. Is this what the visitor was looking for?
No. This is not what the average visitor expects. At this stage, he knows what a heat pump is. Remember, this company is not selling heat pumps. They give grants to people that reduce their energy consumption. What do visitors expect from this page? How much the grant is. Result: the visitor will leave.
Why are the amounts of the grants not on the detail page? Because this company made a classic mistake. People follow logical paths in a website, don't they? That's why they only show the amounts on the page that shows all the grants. That's good, but not good enough.
So remember: put all the info that's necessary to have the full story on the destination or detail page.
People are visiting your website because they're looking for something.
All visitors are on your website to perform a task.
Most visitors are very impatient and want to get the task done as quickly as possible.
"Without order you have chaos. With chaos comes stress. With stress comes the inability to perform well. When you don't perform well, you feel dumb.” Brian Peterson Do you want your visitors to feel dumb?
I don't know what your answer was. I'm always surprised to see how many people think Google is a simple company. That's probably because they see Google as the search company. Or maybe because they think of Google as the company with the very easy to use homepage.
Where are all those tools and solutions on the homepage?
Where's all the news on how great they are?
Why don't they show it?
Is the web manager of Google stupid?
Did he die a few years ago?
Do the stakeholders of Google know their homepage is so dated and empty?
All that stuff is not there because it's not the top task of the visitor of Google. Believe me, the people at Google are not stupid. They know what they're doing. They measure everything. They don't follow their gut feeling. That's why the homepage has a clear focus on search and easy to see links to 'Advertising programs' and 'Business solutions'.
What are the top tasks of websites like Esso, Chevron, Fina, Shell, Q8 or Lukoil?
Think for one minute. Write down the 2 or 3 top tasks that cross your mind. Ready? Let's find out what they do…
Yes, this is the homepage of Esso. I know you think it's the homepage of ExxonMobil, but no, it really is Esso. At least, this is what you see when you go to www.esso.be . For your information: the red line is what you see on your screen without scrolling. So what's the focus here? A huge article on their internal study "Outlook for Energy: Expectations for the year 2030". You didn't see that one coming, did you? Or was it really on your list of top tasks?
I'm sure at least 2 of those were on your list too.
I'm sure you agree that in this comparison Lukoil is the winner. Lukoil knows what their visitors want. Now look at the website of your company. Is it in line with Google and Lukoil? Or does it reflect the Esso approach?
Every page between the homepage and your 'detail pages'
Purpose of an overview page
Direct the visitor to the 'detail page' that will fulfill his need or answer his question as quickly as possible.
2 main attention points:
Blocks are always a good idea
Horizontal alignment improves scannability
This is the homepage of the Belgian Government. Visitors really like the 9 'blocks' with links. Why? Because those blocks and links guide the user to the section he needs. Is it fancy? No. Does it work? Yes.
This is the homepage of Vlerick. Students and managers all over the world like the blocks in the centre. Why? They give direct access to the sections they need and are easy to scan.
This is the homepage of a water company. And even without understanding Dutch, you see there are 3 easy choices (drinking water, water for industrial use and waste water).
If you choose drinking water, they give you a page that resembles a site map. Maybe you think it looks boring. Newsflash: the user doesn't care. They all love this page because it helps them to find what they're looking for.
Details and longer explanations below the page fold
Every page can be the entry page and has to make a good impression.
Within 4 seconds a visitor decides if he's going to stay or not.
Do the 4 second test on your own site!
Pick a random page of your website.
Put off the screen after 4 seconds.
Did the most important stuff for the visitor stand out.
Let's do the test on some pages. I was looking for car insurance. The first result in Google was a page from ING. Look at it for 4 seconds… Don't go to the next screen manually. Push the play button.
What did you see? Anything important? Or have you just seen a big load of text? And maybe the very interesting 'More information' links. Because that's really what you want now, isn't it? More information. Or do you agree that in real life you would return to Google and try the next result?
Let's see what the second company has to offer. Ready for the car insurance page of Ethias? Click on the play button to make sure you'll see it for 4 seconds only.
What did you see? Anything important? Was this better than ING? I think so. But not that much better, was it?
Let's see what the biggest web shop on earth does. Image you're looking for a digital camera. And the search results lead you to the next page. Again, click the Play button to see it for 4 seconds.
They take up a lot of valuable screen real estate.
On the web, images play the second fiddle. Most of the time they are not the attention grabbers. Text is.
Examples of bad use of pictures
Smiling people without any direct link to your product.
‘ Perfect’ people.
Big visuals that force users to scroll to see real content.
Images that don't show the whole picture.
On the next slide you'll see some heat maps. A heat map is the result of eye tracking research. A red area means that > 80% of the users looked at it. Yellow: 60 to 80% of the users Green: 40 tot 60% Pay special attention to the 'heat' of the images.
Damn, it seems that visitors largely ignore images. Does this mean you should stop using images? No, but only use them when they have an added value. The smiling lady on the left is okay. She doesn't take up too much space.
This smiling lady is not okay. She's taking up too much space and pushing the content downwards. As a heating company you should show your products. Visitors know that when their home is heated in winter, they will be happier than when they freeze to death.
Last week we had a user test on a comparable website with smiling people. The user was struggling to find something. Suddenly he said: "I can't find what I'm looking for but I'm glad those people are smiling." He was a big fan of irony. Those smiling people made him angry. That's what smiling people do when your site is not perfect. They upset the visitor.
The next slide shows the homepage of a transport company. Look at the pictures. What do they tell you?
We also have a very big office with computers and people. - And a large stack of toilet paper?
What's the added value?
What do you do if you have goods that do not fit in 2 trucks?
What do you do when you want railroad transport?
You would probably leave the website. That means this company has lost a potential customer. Because 3 levels deep in the structure the item 'transport modes' makes it clear they do transport by truck, train, boat… Showing those transport modes on the homepage (as links) instead of the trucks, would have increased the chance of you becoming a customer.
If you want to sell, it should be very easy to contact you.
A link to 'Contact' in the navigation is not enough.
A page without lead generation, is a dead end.
What should be on every page?
Link to a contact form of request for offer
This company has a very complex product range. So there's quite a big chance that a lot of visitors want to contact them when seeing this page. Below the page fold there's a 'Contact us' link. That's okay. Would be better if it was above the page fold. Let's click on it.
What's this? The visitor is forced to choose which Atlas Copco he wants to contact? How should he know that? Why should he know the internal structure of a company?
Want more info? Not sure what solution suits you? Call: 0800 25 000 Mail: [email_address] Chat: Start online chat Contactform Just for fun, I made this little adjustment to the first page. I filled the empty spot with contact information. This will turn visitors into customers.