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 ‘ux design and development’

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.

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