'Net Features : crazyegg

Eyes on the Prize: Top Tracking Tools for Merchants

Allison Howen — Mon, 07 Nov 2011 21:30:00 GMT

Have you ever wondered how your site is viewed through the eyes of your consumers? What if you could easily answer questions like, "Where do the most clicks happen?" and "How far do consumers scroll down?"

Not only can these questions be answered, but with the right platform a merchant can capture and review every move that a visitor makes on their site.

The following solutions provide tools and data that merchants can utilize to not only increase clicks and conversions, but also to create more clickable links, make their sites more user-friendly and analyze potential problems that consumers face when visiting their sites.

Crazyegg
This solution provides deep analytics about a user’s experience. Features include a heatmap tool that shows the most-clicked content, a scrollmap that reveals how far consumers typically scroll down a page, an overlay tool that provides the number of clicks of each page element, and a confetti tool that segments clicks so merchants know where their traffic is coming from. Furthermore, this solution provides a 30-day, money-back guarantee, and the basic plan starts at $9 a month.

ClickTale
Used by more than 60,000 companies, this is a popular solution for small- and medium-sized businesses. It provides valuable tools for following customers' every click and scroll, such as click heatmaps, mouse-move heatmaps, attention heatmaps, conversion funnels, form analytics, visitor recordings and more. The silver plan is the most-used solution, with a price of $290 a month; however there is also a limited free plan, as well as bronze, gold and enterprise solutions. Additionally, ClickTale offers a 30-day, money-back guarantee.

Userfly
Increase your conversions with easy usability testing from Userfly. This solution provides merchants with videos of how consumers navigate their sites, as well as data from every mouse move and click. The platform starts at $10 a month for the basic solution and reaches $200 a month for the enterprise solution. There is also a free option available for merchants that want to test the solution before committing to a larger plan.

Tealeaf
With Tealeaf’s Customer Experience Management (CEM) solution, merchants can obtain visibility and insight into their visitors’ navigating habits. The solution captures what a consumer sees when visiting your site, and therefore allows merchants to see their website from a customer’s point of view. It provides cross-session analysis and reporting, customer experience improvements and ROI statistics. The insights from the solution can also help retailers resolve application problems, improve first-call resolutions and improve site usability and design.

Usabilla
This solution is a little different than the previous platforms, because it focuses more on testing the usability of a website instead of visitors’ clicks and scrolls. Features include mobile usability testing, website design testing for any stage of development and user feedback, which aims at helping merchants monitor which links consumers click the most. Usabilla offers free testing of its solution, with its other plans starting at $49 a month. Currently the solution is used by more than 10,000 marketers, researchers, designers and analysts.

Website Heat Maps – Three Key Lessons

Pete Prestipino — Thu, 12 Aug 2010 19:30:00 GMT

Website heat maps are used to give designers insights into which areas of a Web page are most frequently used by visitors. By understanding how visitors interact with a website's elements, developers can improve the site's usability and, ultimately, influence conversion.

In today’s Design & Development Digest from Website Magazine, we have outlined three key lessons to learn from website heat maps.

The key lessons to be learned from any heat map implementation include:

- Identifying the Optimal Navigation Structure
Tracking user behavior by visualizing the data makes the use of heat maps nearly mandatory today. While designers and developers are not in every case responsible for tracking user behavior, they can influence how both websites and applications are built. Tracking user behavior through the use of a heat map provides unbiased information on what’s important to users and what might just be confusing or outright unimportant. Heat maps provide empirical data (in a visual form, of course) that could be immensely useful in organizing the most important parts of a Web page – particularly in the case of navigation. For example, we might learn that users primarily click two of five links within a site-wide navigation bar. This might provide the proof you need to either restructure the navigation so that those links are positioned closely to one another, or, to push the design envelope a bit, to restructure the navigation entirely to make those two links the primary focus of the page itself.

- Refining and Adjusting to Clear User-Conversion Paths
The end result from using heat maps should be improved performance. But improvement in what? Conversions, of course. As you might imagine, a “conversion” is different for each business and in some cases for each page. Enterprises that need leads and sales (and who among us is not in that group) can quickly understand visually, from mass amounts of data, where users are clicking, where there might be leakage (particularly useful for analyzing landing pages) and whether there might be a better opportunity to call attention to a fundamental part your business and website. If we follow some best-practice guidance and include a prominent call-to-action (which can come in various forms like 'learn more' buttons, or 'add to cart' icons) but users are not selecting the paths laid out, then perhaps modifications need to be made, such as removing some of the attention barriers (such as additional links). Identify why users are falling off the conversion path and you are able to adjust the experience and give key calls-to-action more prominence.

- Modifying Ineffectual Elements & Removing/Replacing Neglected Space
Once an effective navigation structure is in place and you are confident that users are taking pre-defined conversion paths, you can turn your attention to modifying design elements that are not receiving attention, and remove any neglected design space. For example, it’s common for content sites today to have large sections above the fold which scroll through news stories (typically achieved through jQuery). If you find that users are not using this functionality, it might be time to consider modifying elements of that design element with large arrows to indicate that more content is present. Heat maps are also useful in identifying areas of a design which receive no interaction and thus no attention. These areas need to be re-thought and should not currently hold mission-critical elements of a page.

No discussion of heat maps for websites would be complete without highlighting a few of the industry vendors. Four such services that Website Magazine has either used in the past or heard good things about include Click Density, ClickHeat, Click Tale and, of course, the very popular Crazy Egg.

You might also want to take a look at AttentionWizard (a service provided by Website Magazine contributor Tim Ash of SiteTuners), which uses advanced artificial intelligence algorithms to simulate human visual processing and attention. The solution creates an "attention heatmap" of your Web page that predicts where someone would look during the first few seconds of their visit. While more of a visual tracking tool than actual click tracking, a similar attention heatmap service is Feng-GUI, which simulate human vision and predicts the attention path between the elements of a webpage.

Further Reading on Heatmaps from Website Magazine:
- Analyzing Where Users Click – Open Source Heatmap Cannoli

Analyzing Where Users Click - Open Source Heatmap Cannoli

Pete Prestipino — Thu, 23 Apr 2009 17:03:00 GMT

Where are users "clicking" on your page?

Using heat maps is perhaps the easiest way to determine where users are clicking. Many analytics solutions have added the functionality to their set of core features, so you may be using the information already. If not, the visual representations of how/where users are taking action can provide Web professionals with valuable insights into how content presentation is performing - or should perform.

Some of the most popular hosted services, covered at great length on Website Magazine and elsewhere, are Clickdensity and CrazyEgg. But there are open source variations, including ClickHeat and now, another open source click heatmap solution has hit the market, and it's certainly one to consider using.

Cannoli (created by codynamix) is written in Ruby on Rails 2.2 and based on the Ruwa analytics solution. Features include the ability to "save" clicks, to develop per page generated heat maps, and to generate statistics (provided by Ruwa itself).

- Found through Web Analytics World