Difference between revisions of "Learn/Design-Your-Website-for-Conversion"
(migration import) |
|||
|
(35 intermediate revisions by 5 users not shown) | |||
| Line 1: | Line 1: | ||
| − | {{ | + | {{ArticleTemplate2 |
| Writer = Ethan_Tan | | Writer = Ethan_Tan | ||
| Name = Ethan Tan | | Name = Ethan Tan | ||
| Header = Design%20Your%Website%20for%20Conversion | | Header = Design%20Your%Website%20for%20Conversion | ||
| − | | Subhead = | + | | Subhead = Turn visitors into customers |
| − | | Bitly = http://bit.ly/ | + | | Bitly = http://bit.ly/Design4Conversion |
| Date = October 26, 2010 | | Date = October 26, 2010 | ||
| − | |||
| − | |||
| − | |||
| − | |||
}} | }} | ||
| − | Websites used to be little more than online corporate brochures. That’s no longer the case. Your website is more like a virtual employee, your ever-present point of contact with potential customers. Every time a visitor comes to your site, you have an opportunity to build a relationship with that person. | + | ==Turn visitors into customers== |
| − | + | ---- | |
| + | {{SiteReportMedRecAd}}Websites used to be little more than online corporate brochures. That’s no longer the case. Your website is more like a virtual employee, your ever-present point of contact with potential customers. Every time a visitor comes to your site, you have an opportunity to build a relationship with that person. | ||
| + | <br /> | ||
If you consciously design your site to turn these visitors into customers, you can dramatically increase the number of visitors who 'convert' – that is, make a purchase or perform some other action you desire. That will contribute directly to your bottom line. | If you consciously design your site to turn these visitors into customers, you can dramatically increase the number of visitors who 'convert' – that is, make a purchase or perform some other action you desire. That will contribute directly to your bottom line. | ||
==Design your site to convert== | ==Design your site to convert== | ||
| + | ---- | ||
| + | * Know your goal | ||
| + | * Lead visitors to the goal | ||
| + | * Speak to their emotions | ||
| + | * Make your site persuasive | ||
| + | * Use a strong call to action | ||
| − | + | == Know Your Goal== | |
| − | + | ---- | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
What is the primary action you want visitors to take? If you don’t design with a primary goal, you’ll end up pulling your visitors in several different directions, and won’t make much progress in any one of them. | What is the primary action you want visitors to take? If you don’t design with a primary goal, you’ll end up pulling your visitors in several different directions, and won’t make much progress in any one of them. | ||
| Line 35: | Line 33: | ||
Design all interactions on your site with your primary goal in mind. | Design all interactions on your site with your primary goal in mind. | ||
| − | + | == Lead Them to the Goal== | |
| + | ---- | ||
Make it obvious where the focus should be on your site. Use design and wording to emphasize that focus. You have just seconds to catch someone's attention, so you want to pull their eyes immediately to the most important thing on your site. | Make it obvious where the focus should be on your site. Use design and wording to emphasize that focus. You have just seconds to catch someone's attention, so you want to pull their eyes immediately to the most important thing on your site. | ||
| Line 48: | Line 47: | ||
* Headlines and bold text | * Headlines and bold text | ||
| − | |||
| − | [[Image:MozillaDesign2.jpg| | + | <center>'''Your eyes can’t help but go to the download button:''' |
| − | + | [[Image:MozillaDesign2.jpg|400px]] | |
| − | + | </center> | |
| + | == Speak to Their Emotions== | ||
| + | ---- | ||
Your visitor's mindset is, "What's in it for me?" | Your visitor's mindset is, "What's in it for me?" | ||
Don't make the mistake of talking about your company or your product's features. People are concerned with their own needs and emotions, so that’s where you should focus. It's not about you. It's about them. | Don't make the mistake of talking about your company or your product's features. People are concerned with their own needs and emotions, so that’s where you should focus. It's not about you. It's about them. | ||
| − | Put yourself into your customers’ shoes, and think about why they are looking for your product or service. Show them how your product's features will bring them benefit. | + | Put yourself into your customers’ shoes, and think about ''why'' they are looking for your product or service. Show them how your product's features will bring them benefit. |
Show site visitors that: | Show site visitors that: | ||
| Line 66: | Line 66: | ||
* Your product can make them feel: safe, proud, happy, attractive, clever, or something equally positive | * Your product can make them feel: safe, proud, happy, attractive, clever, or something equally positive | ||
| − | |||
| − | [[Image:PhotoPitch.png| | + | : <center>'''Show visitors why they should care:'''</center> |
| + | : <center>[[Image:PhotoPitch.png|350px]]</center> | ||
| + | : <center>[[Image:TomsPlanner.png|500px]]</center> | ||
| − | |||
| − | + | == Make Your Site Persuasive== | |
| + | ---- | ||
| + | Use these psychological touchstones on your site: | ||
| − | + | ; Social Proof | |
| − | |||
We look to others to tell us what’s valuable. Testimonials, reviews, and other evidence of group approval – perhaps numbers such as sales figures or Twitter followers – all help people feel more comfortable making a decision. | We look to others to tell us what’s valuable. Testimonials, reviews, and other evidence of group approval – perhaps numbers such as sales figures or Twitter followers – all help people feel more comfortable making a decision. | ||
| − | + | ; Reciprocity | |
| + | |||
We all have a powerful need to repay favors. Give your visitors something first, and they will be more likely to respond to you. Here are some ways to give first: | We all have a powerful need to repay favors. Give your visitors something first, and they will be more likely to respond to you. Here are some ways to give first: | ||
* Useful information | * Useful information | ||
| Line 85: | Line 87: | ||
* Product samples. | * Product samples. | ||
| − | + | ; Authority | |
| + | |||
We give more credit to figures of authority. Press coverage, endorsements from experts in the field or well-respected companies – even a display of familiar logos – can all lend your site greater stature. | We give more credit to figures of authority. Press coverage, endorsements from experts in the field or well-respected companies – even a display of familiar logos – can all lend your site greater stature. | ||
| − | [[Image:Basecamp.jpg| | + | : <center>'''Great use of persuasive elements:'''</center> |
| + | : <center>[[Image:Basecamp.jpg|500px]]</center> | ||
| + | |||
| + | |||
| + | ==Use a Strong Call to Action== | ||
| + | ---- | ||
| + | Once you have your visitors’ attention, get them to take the desired action by asking them. It’s really that simple, but people often overlook the “ask.” | ||
| + | |||
| + | Make a strong call to action by telling visitors specifically what you want them to do, and why. "Get our free report instantly" or ‘’Try now’’ are much stronger calls than “Click here.” | ||
| + | |||
| + | : <center>'''Strong calls to action:'''</center> | ||
| + | : <center>[[Image:CallToAction.jpg]]</center> | ||
| + | |||
| + | |||
| + | ==Other Tips== | ||
| + | ---- | ||
| + | * Poll your site visitors, ask them to test your site, and solicit their feedback in other ways. Find out what they are trying to achieve, what they like and dislike, and what problems they’re having with your site. Not only are you getting great information, you’re also engaging them in a deeper relationship with you and your brand. | ||
| + | |||
| + | * Keep testing and improving. There is no such thing as a perfect design, and you should test and refine your site to improve conversion. Use a tool like Google Website Optimizer to test different designs. | ||
| + | |||
| + | * Track conversions. You must measure conversion if you want to improve it. Use analytics packages like [[Crash Course in Google Analytics|Google Analytics]] to track visitors and conversions. | ||
| + | {{LearnBottomBio | ||
| + | | Writer = Ethan_Tan | ||
| + | | Name = Ethan Tan | ||
| + | | Image = Image:3122w2.jpg | ||
| + | | AuthorWebsite = MyPhoneDeals.co.uk | ||
| + | | ShortBio = Ethan is an entrepreneur and marketer who has been making a living online since 2006. Ethan lives in the United Kingdom, and is the founder of [[MyPhoneDeals.co.uk]] and [[Emobilephonedeals.co.uk]], mobile phone comparison sites that help UK customers easily find and choose the best handsets and deals available. The sites also feature industry news, phone reviews and tips for saving on phone contracts. | ||
| + | }} | ||
Latest revision as of 12:06, 8 November 2013
By [[User:|]] on
Contents
Turn visitors into customers
Websites used to be little more than online corporate brochures. That’s no longer the case. Your website is more like a virtual employee, your ever-present point of contact with potential customers. Every time a visitor comes to your site, you have an opportunity to build a relationship with that person.
If you consciously design your site to turn these visitors into customers, you can dramatically increase the number of visitors who 'convert' – that is, make a purchase or perform some other action you desire. That will contribute directly to your bottom line.
Design your site to convert
- Know your goal
- Lead visitors to the goal
- Speak to their emotions
- Make your site persuasive
- Use a strong call to action
Know Your Goal
What is the primary action you want visitors to take? If you don’t design with a primary goal, you’ll end up pulling your visitors in several different directions, and won’t make much progress in any one of them.
Examples of primary actions are:
- Purchase your product
- Subscribe to your newsletter
- Follow you on Twitter
- Download your demo or free introductory product
Design all interactions on your site with your primary goal in mind.
Lead Them to the Goal
Make it obvious where the focus should be on your site. Use design and wording to emphasize that focus. You have just seconds to catch someone's attention, so you want to pull their eyes immediately to the most important thing on your site.
Here are some ways to draw attention to your goal:
- Color
- Size: Make it big
- Position: Our eyes go naturally to the upper left of the page
- Contrast: light, dark, different shapes
- Images: Especially of people, or people interacting with your product
- Arrows and other directional cues
- Whitespace: To lead the eye
- Headlines and bold text
Speak to Their Emotions
Your visitor's mindset is, "What's in it for me?"
Don't make the mistake of talking about your company or your product's features. People are concerned with their own needs and emotions, so that’s where you should focus. It's not about you. It's about them.
Put yourself into your customers’ shoes, and think about why they are looking for your product or service. Show them how your product's features will bring them benefit.
Show site visitors that:
- You can solve their problem
- You can make their lives better
- Your product can make them feel: safe, proud, happy, attractive, clever, or something equally positive
-
Show visitors why they should care: -
-
Make Your Site Persuasive
Use these psychological touchstones on your site:
- Social Proof
We look to others to tell us what’s valuable. Testimonials, reviews, and other evidence of group approval – perhaps numbers such as sales figures or Twitter followers – all help people feel more comfortable making a decision.
- Reciprocity
We all have a powerful need to repay favors. Give your visitors something first, and they will be more likely to respond to you. Here are some ways to give first:
- Useful information
- Free tools
- Product samples.
- Authority
We give more credit to figures of authority. Press coverage, endorsements from experts in the field or well-respected companies – even a display of familiar logos – can all lend your site greater stature.
-
Great use of persuasive elements: -
Use a Strong Call to Action
Once you have your visitors’ attention, get them to take the desired action by asking them. It’s really that simple, but people often overlook the “ask.”
Make a strong call to action by telling visitors specifically what you want them to do, and why. "Get our free report instantly" or ‘’Try now’’ are much stronger calls than “Click here.”
-
Strong calls to action: -
Other Tips
- Poll your site visitors, ask them to test your site, and solicit their feedback in other ways. Find out what they are trying to achieve, what they like and dislike, and what problems they’re having with your site. Not only are you getting great information, you’re also engaging them in a deeper relationship with you and your brand.
- Keep testing and improving. There is no such thing as a perfect design, and you should test and refine your site to improve conversion. Use a tool like Google Website Optimizer to test different designs.
- Track conversions. You must measure conversion if you want to improve it. Use analytics packages like Google Analytics to track visitors and conversions.