How To Articles

What You Can Learn from Popular Eye Tracking Studies

Posted by Kristi Hines on December 05th, 2012

Want to know how you should appear in search results, where to place your most important information when trying to improve your website for conversions, and how to draw attention to your products in advertising? Then you will want to check out these valuable lessons from popular eye tracking studies.

How You Need to Be Listed in Search Results

Popular Eye Tracking Studies

Photo Credit: Fabio Premoli on Flickr

SEOmoz, one of the leading SEO blogs, published an eye tracking study on Google searches for local pizza shops, how to make pizza, pizza making tools, and major pizza chains. Quick lessons to be learned from this study include the following.

• You want to be at the top of search results when the results will be primarily text based without local results.

• If the search is for local-based businesses, you want to be in the top five to ten places that come up in the local search results area.

• If the search is on a how to topic, you will want to have video that appears in the first page of search results as videos usually stand out more with their thumbnails.

• If you are a retailer, you will want to make sure your products are included in Google Shopping so that your product images appear in search results.

• If you are a large brand with local shops, you will dominate the top area of search results with additional links to pages beyond your homepage as well as local search results, both of which will get lots of attention from searchers.

Where to Place Your High Conversion Elements

Popular Eye Tracking Studies

Photo Credit: Michael Sauers on Flickr

In our recent post on how to improve your website for conversions, we mentioned that your conversion goals should be prominently displayed throughout your website. What you can learn from eye tracking case studies on websites is where to put high converting elements like your mailing list sign up form, buy now buttons, and any other thing that you want visitors to find on your website immediately when they arrive.

Let’s say that you want to improve conversions from your blog. Web Distortion listed 8 eye tracking studies from popular blogs to show where the hot spots were. Aside from the content itself, most eyes were drawn to the headers, particularly the right side of the headers where banner ads appeared or where the main navigation was located. Then they were drawn to right-hand sidebars.

How to Draw Attention to Your Products in Advertising

Popular Eye Tracking Studies

Photo Credit: Think Eye Tracking

If you’re using advertisements in print or online to get more visitors to your website, you’ll want to make sure that your product and it’s message is getting people’s attention. There are lots of subtle ways to make sure this happens. In this eye tracking case study by Think Eye Tracking, all it took was a simple change of having the model look toward the product instead of looking toward the camera.

Have you ever reviewed or conducted an eye tracking case study? What other valuable insights have you learend?

How to Improve User Experience with Your Shopping Cart and Increase Sales

Posted by Kristi Hines on November 26th, 2012

Once you have learned how to improve your website for conversions, your next job is to ensure that all of the people who make it to your shopping cart actually complete their purchase. Your online shopping cart can make or break the deal – here’s how to improve user experience so yours seals the deal as many times as possible.

Set up analytics to find problems early on.

It’s never too early to set up analytics to find user experience problems early on, especially when it comes to shopping carts. Once you have set up Google Analytics, you can create goals using a sales funnel. This will track visitors throughout their shopping cart experience and produce the following report.

how-to-improve-user-experience-shopping-cart-sales-funnel-google-analytics

Now you can quickly see where people exit the shopping cart the most. This is a key piece of information when you are looking to find problems with user experience. In the above case, people are exiting after adding a product to the cart which suggests that this screen has some kind of user experience issue.

Avoid common user experience faux pas.

Think about your own experiences with shopping carts – the things that have frustrated you the most when making an online purchase. You will want to make sure your shopping cart does not drive your customers away because it does the following.

  • • Makes people go through a complex registration process or forcing them to login. There’s nothing worse than wanting to make a quick purchase, not remembering whether you have an account, then filling out a new registration just to find that you already do have an account that needs to be completely updated. Allow for guest checkout instead to let first time customers buy without any hassles or repeat customers buy without having to remember details. Include an option to register for faster convenience for those how are interested.
  • • Logs out of sessions too quickly and doesn’t remember where the user was during the process when logging back in. While security is important, if someone gets logged out and has to start all over with their purchase, they may get frustrated and give up.
  • • Does not allow customers to confirm items in the shopping cart or change quantities throughout the purchase.
  • • Signs customers up for a mailing list without their permission. While this may not affect the first purchase, it could affect the customer’s likelihood to return for future purchases.

Test your shopping cart on multiple platforms.

Maybe the issue with your shopping cart only happens on a particular browser or platform such as a mobile device. Be sure to test your shopping cart from start to finish from a variety of platforms including PC desktops plus all associated browsers (Internet Explorer, Firefox, Chrome, and Safari), Mac desktops plus all associated browsers, a tablet (such as the iPad), and smartphones including the Android and iPhone.

Run usability tests on your shopping cart.

If you can’t find usability issues on your own, try running usability tests on your shopping cart with a test audience. Sometimes it takes someone not as familiar with your shopping cart to find the problems.

Boost the customer’s confidence in your brand throughout the process.

Sometimes it’s not a functionality issue that hurts your shopping cart’s user experience, but rather a confidence issue. Customers need to be reassured throughout the online shopping process that they are going to receive exactly what they want where they want it.

how-to-improve-user-experience-shopping-cart-confidence-booster

Help assure your customer by including the following throughout the shopping cart.

  • • Proof that your site is secure and trustworthy. This can include displaying badges to indicate a money back guarantee, an easy return process, a strong rating with the Better Business Burea, and a high customer satisfaction rating with sites like Bizrate.
  • • A phone number or live chat that people can use during the checkout process.
  • • A quick summary of the items ordered so they do not have to back out of the checkout process to confirm their selections.
  • • A reminder that they can review their order once more before their credit card is charged.
  • • An order confirmation screen that includes items to be ordered, shipping and billing addresses chosen, and the last four digts of their credit card or payment method.

What are some other things you would suggest on how to improve user experience with a shopping cart? Please share in the comments!

5 Tips on How to Improve Your Website for Conversions

Posted by Kristi Hines on November 12th, 2012

When it comes to your business website, your goal should go beyond just traffic – your goal should be to take your visitors and turn them into conversions. Once you have defined your conversion goals (which could include signing up for a mailing list, submitting a contact form, downloading a whitepaper, or purchasing a product), your next step is to make sure your website is designed to increase conversions. This allows you to gain the maximum ROI (return on investment) for all of your online marketing campaigns. The following are five tips on how to improve your website for conversions.

Photo Credit: Brian Massey on Flickr

1. Make sure that your conversion goal is prominently displayed throughout your website.

Remember that traffic doesn’t just enter your website through the homepage. If you want to ensure that your website is exposing visitors to your main conversion goals, be sure that those goals are prominently placed throughout your website. For example, if your main conversion goal is to get people to call your 1-800 number, then that number should be posted in your website’s header – not just on your contact page.

2. Create landing pages for specific conversion goals without a lot of other distractions.

This is especially important if you do any online advertising (Google AdWords, Facebook Ads, LinkedIn Ads, etc.). You don’t want to advertise your latest product and then have visitors click through to your homepage where they may or may not find the link to that product. Instead, you’ll want a landing page on your website devoted to the product you’re advertising. This way, you can convert more of your traffic from ads, social shares, or other links for that specific conversion goal.

3. Try out tools that help boost conversions.

There are lots of great tools out there that can help you boost conversions. One of the latest is Hellobar, a simple script you can install on your site that adds a red bar at the top of each page. This bar draws your visitors attention to anything you want with a simple sentence and button to click. Several top blogs on conversion are starting to use Hellobar to draw attention to their latest products, services, webinars, eBook downloads, or other pages. Try it on yours to see if you get more attention to some of your landing pages.

4. Don’t forget to optimize your blog for conversions.

When we talk about optimizing your website for conversions, this includes your blog as well. There are lots of great ways to add your conversion goals to your blog, from banners and opt-in forms in the sidebar to specific calls to action in the footer of your posts. The reason this is so important is because more people are likely to share your blog content than your sales pages. So instead of getting social traffic direct to your landing pages, you’ll be getting traffic to your blog content. Hence your blog content needs to be as optimized as possible for conversions to get the best results.

5. Test different options to see what works best for conversions.

When it comes to testing, you should expect to do both usability testing as well as split testing to see what conversion elements work the best for your website. Something as simple as changing the wording of your mailing list opt-in page or product sales page could make a huge difference when it comes to converting your visitors into mailing list subscribers or customers.

Clickstream analysis has arrived!

Posted by Henri Stetter on January 31st, 2012

We’re excited to announce the first of a number of new features for Loop11 in 2012 – Clickstream Analysis. The clickstream analysis will replace the ‘Most common navigation path’ by allowing you to analyze task navigation graphically and instantly understand how visitors navigate a task through your website.

The clickstream report provides a graphical representation of participants’ navigation through the website so you can see their journey, as well as the path they took before abandoning or failing a task.

You’ll notice that we made the visualization highly interactive so you can interact with the graph to highlight different pathways, and to see detailed information about specific pages. For example, if you want to dive deeper into your pages, you can hover over the node to see more information at a glance.

Below you can see an example of a task that performed well in usability testing (in this instance with a task completion rate of 92%). A quick look at the analysis shows that 90% of participants went directly to the success page from the homepage. The orange lines are a visual indication of the magnitude of participants who failed the task at different points in their journey through the website. Navigation through the website is clean and uncomplicated, which should be the case when the participant has a clear direction.

By contrast, the clickstream below is for a task that was performed comparatively poorly, where the task completion rate was only 32%. In this example, there is clearly confusion as to where participants should navigate from the home page to complete the task.

This is our first step in tackling clickstream analysis and we look forward to hearing your feedback as you begin to use the report in the coming weeks. We’re excited to bring you the first of a number of new features for the year, so stayed tuned for more!

As always, we welcome your input on how we can make the clickstream analysis more useful for you, so let us know in the comments below.

How to test the usability of wireframes.

Posted by Henri Stetter on November 15th, 2011

One of the most common uses of Loop11 is to test the usability of wireframes, prototypes and concepts. This newfound power has surprised some people, as for the first time they can now test the usability of wireframes, as easily as they can a website. You may have read the Boeing Credit Union wireframe case study, and wondered how it was done. Well, for those of you wondering, this is how to test wireframes using Loop11.

Well for those wondering how, this is how to test wireframes using Loop11:

  1. 1.  Design some wireframes
  2. 2. Export your wireframes in HTML
  3. 3. Upload the exported wireframes to a public domain
  4. 4. In Loop11, enter the URL of the wireframe as the starting point URL (see below)

Create some tasks and questions to suitably test their usability and Tthat’s pretty much it! Now test it as you would a normal website. Now there are no excuses, we expect a massive influx of wireframe usability tests now.

If you would like to know more about wireframe testing, checkout our case studies here or contact as at support@Loop11.com.

Happy Testing!