User First Marketing Blog

User First Development Blog

Development vs. Marketing Blog

client login
  • Tobii Eye Tracking
  • Web Analytics 2.0
  • UI / UX Development

Posts Tagged ‘user experience management’

Call to Action Buttons: Designed to Impact User Experience

Friday, May 21st, 2010

I recently finished up an un-moderated usability test; I usually ask open ended questions after every task. Part of the fun and the blog-image-6madness is making sense of the all the juicy comments. For this particular study, I was taken aback by how many respondents mentioned that the website task longer took because all of the” good links” were on the bottom of the page or some were confused by the links themselves.

This got me thinking about Seth Godin (The Big Red Fez) helping users find the banana in less than 3 seconds.

What the website needed were call to action buttons (CTA) above the fold, and the links needed intuitive labels names (“read more” wasn’t cutting here). Calls to action in web design are meant to make people take an action and in user experience they are meant to make a task easier. Creating effective call to action buttons that grab the user’s attention and entice them to click can be challenging. This post will share some quick effective techniques. (For best practices read Smash Magazine’s post on design awesome CTA’s)

blog-image-5

Location, Location, Location,

Just like real estate, placing CTA’s in a prominent location such as the top section of a web page can lead to higher return of investment because users will likely notice it or remember it later, after they have looked at the site’s content. Another way, that CTA’s can be utilized is within the content itself. Why would a user want to read and scroll through the whole page if they have enough information and ready to proceed?  Call to actions buttons within the content in my experience result in user taking action because  they have already skimmed enough content. If you need more than one page to convince your visitors to take action, feel free to repeat yourself. If you offer a product tour or use several pages to explain complex features and options, place your call to action in a consistent position. This way visitors will know where to go when they are ready to take action.

blog-image-32

Language

Having a great call-to-action buttons is not as easy as just designing one from the best practices CTA guide (i.e. using irregular shapes, color contrast, larger sizes),  a great design  with the right language will help  guide users to follow a particular path and get to the valuable information they seek.  Labels on the buttons includes everything from simple things like “buy now” or “add to shopping cart”  and if you’re in the B2B vertical to  ”Download This Whitepaper”  or more specific wording.  A big pink button is pretty hard to miss but the example used design to catch the readers eye but the language of the offer  helps the user make the descions on whether or not they should download this software.

Have you been testing your call to actions? What combination has worked for you, would love to hear your experiences.

Mobile eye tracking - part 1 of 3

Tuesday, May 18th, 2010

For many years eye tracking has been limited to a controlled, virtual environment, making precise data collection and analysis relatively simple:

  • the computer screen doesn’t move,
  • participant movement is limited,
  • and stimulus presentations on screen are generally consistent across participants.

The biggest challenge researchers face is correcting for head movement (turning sideways or leaning forward) and managing point of gaze data on sometimes unexpected dynamic stimuli (pop-ups, animated ads, video, scrolling, etc.).

Nonetheless, it was relatively simple to track samples of 100 or more and evaluate their viewing pattern as they looked at on-screen presentations. Dynamic backgrounds posed a challenge, but as long as all participants looked at the same stimulus, it wasn’t too big of a deal to analyze this. It was time consuming to identify the areas of interest (AOI) for a background that is constantly changing, but once they are identified, everyone’s data can be run against the same AOIs (as identified, for example, in a television commercial). The output is then the same as for static backgrounds: precise dwell time and fixation information for areas of interest that can be aggregated across all participants. And this can easily be plotted on a static image of the background for visualization.

This type of testing was great for websites, TV commercials and software usability testing to name a few, but was less realistic when evaluating stimuli such as shelf displays, package designs, magazines or products in hand. This posed a problem; a golden rule in user research is to test real users in real environments. Eye tracking participants looking at virtual shelf displays on a computer screen just isn’t the same as eye tracking them as they look at actual packages on a shelf (though this certainly is up for debate).

Mobile eye tracker - image courtesy http://www.mangold-international.comThus came the shift to mobile eye tracking - recording a person’s point of gaze as he or she is moving about in a real, 3-D environment. This could be selecting magazines off of a shelf and reading them, moving about a store selecting products off of a shelf, or interacting with signage at a baseball game. The same technology could apply and has been modified for this type of testing, but there have been a number of obstacles along the way involving either the hardware or the software:

  1. Hardware: While hardware has been reduced in scope and size, a fast processor with a big enough hard drive is still needed, as are at least two cameras (one for the eye, one for the scene). The connection between computer and cameras needs to be wireless or all be so lightweight that it’s easily portable. The cameras have to be secured to the head in a way to limit any shift between camera and eye. How to manage these limitations effectively?

  1. Software: The calibration process and recording the data is much the same. The challenge is in the follow-up analysis. How do you identify regions and analyze point of gaze data when the background is constantly changing and is unique for each and every participant? How can you identify AOI rapidly and accurately with such variability? How can we aggregate data across participants when the stimuli varies so significantly? Can it be done to match the stable scene analysis that we are accustomed to, or is it necessary to make a significant paradigm shift in how we approach mobile eye data?

Different manufacturers and engineers have approached and managed these obstacles in unique ways. With the next few blogs I plan to explore that a bit further. I can only provide information based on personal research and experience, and am eager to hear more about experiences others have had. It’s an exciting new technology; although it has been around for years, there have been and continue to be substantial developments that bring this research approach more to the forefront.

The Five Elements of User Experience Management

Tuesday, December 8th, 2009

If you have ever heard User First speak you know that we consistently use the term “User Experience Management” when we talk about being more user centric. It’s not a word we created nor is it just a buzz buzzword around our office. User Experience Management is a way of thinking that encompasses everything we do. You might be asking “but what is it”? We welcome you to read our multi-phase approach and understand our process.

1). Analytical DNAUser Experience Management |User First

Information is vital in today’s online market. Website analytics can help support paid pay click initiative, monitor site performance, or optimize email campaigns. We know that whatever you use data for it should first be trusted information and second be able to tell a story. With every single project we first dive into the data ecosystem and help clients realize the value of their online customer intelligence. These insights provide visibility into your customer touch-point on your website to improve website performance.

2). Testing, Testing, 1-2-3

One of the smartest ways to make design improvements is by letting the customer be at the helm of the design. Landing page optimization is all about finding the right combination of elements that enhance the user experience. We get a good grasp on testing the right elements and start fine tuning top landing pages. By discovering how customers interact with your website we are able then to conclude questions that will guide an online intercept survey or a usability test.

3). Hearing it from them

We believe that the stories people tell about what they do and how they do it contain information vital to designing good interfaces. Whether doing usability test leveraging eye-tracking or simply asking the receptionist to download a PDF, getting feedback lets us create visual designs and websites that solve user’s problems.

4). Building Stories

Any design and development improvement that we make is based on the findings and insights from customer’s feedback and behavioral patterns. But before one design is drafted or is wireframe created we use storyboards to layout and organize users activities and to stimulate different thinking. These steps ensure that we generate the most usable and engaging website.

5). Passion

Our desk might be a bit of a mess and we might argue at time about using flash, but we are passionate about creating effective and memorable user experiences.

If you had any questions about user experience management or had any experiences getting your team to become more user centric please let me know. You can also find us on twitter at UserFirst