Visual Attention Prediction Tool - Optimize Your Landing Pages

"Eye Tracking Without the Eyes" - AttentionWizard uses advanced artificial intelligence algorithms to simulate human visual processing and attention. The software instantly creates an "attention heatmap" of your Web page that predicts where someone would look during the first few seconds of their visit.

We decided to test the app by analyzing LaJuett.com.  The results were interesting, and definitely helped us evolve our site in effort to more cleary communicate with our customers.

Our Attention Wizard Test
----------
STEP 1: Analysis of original site layout
We uploaded a screen capture of our Website and received the following heatmap result in the form of a PDF.
Notice the eye tracking paths appear to zig-zag as well as bounce across the screen.  Also, the hot spots are not where we want them.  Users are focusing on less important information and not our key call-to-action elements.

----------
STEP 2: Modify original site UI to highlight call-to-action elements
We created a "Get Free Quote" button and placed in upper left-corner of page. Here is what the new heatmap looked like.
The eye path has been simplified, and we now see a hotspot on the new button we added.  We're still seeing hotspots on less important areas of the page.  The user's eye is being drawn to areas of rich saturated color.

----------
STEP 3: Mute site colors to minimize attraction to non-essential design elements
We tweaked the CSS and decreased the number of colors on the page.  DIV backgrounds we're changed from gold, red, teal to a muted light-blue.
Notice the results of the updated heatmap. The users eye is now being attracted to our call-to-action elements.  Getting better...but still a couple of areas of concern.  The negative space between our company logo and our portfolio thumbnails is a wasted focal point.  The logos below our social media icons are causing distraction.

----------
STEP 4: Move social bookmark link and desaturate colors on secondary logos
To further direct eye movement, we moved our ShareThis link to the empty area located to the right of our logo.  We also muted the PayPal and Volusion logos in the left-hand column.  Results below.
In Conclusion
With 4 simple steps, we were able to decrease the "busyness" of our landing page, and focus user attention on the key call-to-action elements.

AttentionWizard is definitely worth a look.  The free "Lite" account allows you to upload and generate one heatmap image per day.  They also have paid accounts which allow you to generate unlimited watermark free images maps.

Comments

Post a Comment

Popular posts from this blog

Universal Search / Blended Search

Image
If I had to recommend one thing regarding SEO/inbound marketing...embrace the social media tools like blogging, Twitter , Facebook, YouTube, etc. Google is transforming the way it ranks content: http://www.wired.com/magazine/2010/02/ff_google_algorithm/ You can already get a hint at what's on the horizon with universal or blended search (Websites, video, images, local maps, and even social "mentions"). According to Google, "The ultimate goal of universal search is to break down the silos of information that exist on the web and provide the very best answer every time a user enters a query." If a potential customer has a question...it makes sense to provide Google with your "very best answer".
Read more

Bacon Wrapped Strip Steak

Image
Bacon Wrapped Strip Steaks My first attempt at cooking bacon-wrapped steaks on my propane-fueled Weber grill.  They turned out great! I started by prepping the steaks. I seasoned them with a bit of salt and pepper. Next, I wrapped each steak with a strip of bacon, securing it with a toothpick. I grilled them for about 6 minutes on each side until the bacon was crispy and the meat cooked to a medium rare temperature. I removed the steaks from the grill and let them rest for a few minutes to allow the juices to redistribute. Then, I sliced them into thin strips and served them up. The bacon-wrapped strip steaks were delicious. It was the perfect summertime meal! The bacon added a salty and smoky flavor to the juicy and flavorful meat. PIN RECIPE Bacon Wrapped Strip Steak Recipe These bacon-wrapped strip steaks are juicy and flavorful, with a crispy bacon exterior. Perfect for grilling o...
Read more

Convert Your Website to a Mobile Friendly Design

Image
Make Sure Your Website is Mobile Friendly. Earlier this year, Google Search expanded its use of mobile-friendliness as a "ranking signal". This change affected mobile searches worldwide and had a significant impact on Google Search results. Google's Mobile-Friendly Test Tool How to get the“mobile-friendly” label from Google. Avoid software that is not common on mobile devices, like Flash Use text that is readable without zooming Size content to the screen so users don't have to scroll horizontally or zoom Place links far enough apart so that the correct one can be easily tapped If you want to make sure that your page meets the mobile-friendly criteria: Check your pages with the Mobile-Friendly Test . Read Google's updated documentation, " Webmasters Mobile Guide " on how to create and improve your mobile site...
Read more