Blog

How to Engage Your Users: Captioned Videos

While researching the latest in online form best practices and user research, I stumbled across a blog post about making forms accessible for deaf and hard of hearing users.

I’m very familiar with how to make forms accessible for screen readers, but how in the world could a form not be audio accessible? Intrigued, I dug deeper and discovered a fantastic resource called Audio-Accessibility.com.

Audio Accessibility is run by Svetlana Kouznetsova, a Web designer and advocate for the deaf and hard of hearing community.

Audio Accessibility

In addition to the wealth of information, resources, and stats Svetlana provides on her site, one of the most eye-opening insights was the research she found about video viewership. More people watch videos longer when the video is captioned. Captioning has universal benefits for all types of audiences. When users are at work and don’t want to disturb others (or be overheard). When the speaker in the video is difficult to understand or is speaking in another language. When users are in noisy environments (e.g., coffeeshops). Captioning also boosts literacy and promotes learning among children. And hey, it even helps SEO because the captions are stored in a text file.

Increase video viewership with captioning

I strongly encourage you to watch (and read) Why Caption Your Video. Jay Wayant makes a very compelling case for captioning.

Be wary of automated captioning services, however… as hilariously demonstrated by a video series called Caption Fail.

Caption Fail

Share this post:
    

5 Examples of Photos in Megamenus

Done right, megamenus are an elegant way to display a ton of navigation. I have noticed lately that more and more companies are integrating photos into their megamenus as well.

For users on tablets — or those who are just more visually-oriented — including images of your products, your product categories, your people, or your most popular links is a great way to make your site more easily understood.

Besides… they say a picture is worth a 1000 words, right?

Starbucks

Starbucks megamenu

Use caution implementing an exact replica of Starbucks’ megamenu. There are 2 usability flaws to note. First, if the megamenu drops below the fold on smaller screens, there is no way to scroll down to see links on the bottom of the menu. Second, if you move your mouse to the left or right too far, the entire menu disappears. It would be better if the black bars on either side weren’t there. (Visit the site to see what I mean.)

Porsche

Porsche megamenu

The photography is gorgeous , but be weary of flyout menus. I have yet to see a menu that flies out horizontally like this perform well in a usability study. Too often, users struggle to align their mouse perfectly in order to reach that third tier of information.

Gateway

Gateway megamenu

Simple always wins.

Moment Skis

Moment Skis Megamenu

I adore the concept of using a windowshade to navigate. Make sure it’s not the only way users can navigate though… they may not notice (or have the energy) to keep clicking for more. There is more work to do on the analytics side in order to track user behavior, but this application might be worth it for your situation.

Head Case

Head Case Megamenu
“Head Case” was a TV show on Starz back in 2007-2009. I have no idea how I originally tracked down this website because I have never heard of this show. None the less, I bookmarked it for its cool megamenu. (The actors animate on mouse-over.)

Share this post:
    

How to Engage Your Users: Professional Services Bios

Most of us have experienced health clinic websites that allow you to view the photos and bios of physicians – allowing you to select a doctor based on whichever criteria is most important to you (e.g., specialty, years of experience).

What puzzles is me is why all companies who offer professional services don’t do the same thing.

There is tremendous value in allowing customers to evaluate and select the professional that best fits their needs – whether it’s budget, availability, specialty, years of experience, customer reviews or another attribute. The experience feels personalized and helps the user feel empowered.

For many companies, the idea of allowing customers to select who they want to work with at your organization is – understandably – a major operational challenge. At minimum, it’s worth seriously looking into it. If you can, run a small test pilot or offer this feature to just your VIP customers to vet out the viability and ROI.

Two companies that I think do this very well are H&R Block and Ameriprise Financial. On H&R’s website, there is a big “Make an Appointment” button next to each tax professional.

H&R Block

I especially love the Ameriprise example because it capitalizes on the most powerful criteria: my personal network. After you connect your Linkedin to Ameriprise, the website recommends financial advisers based on your shared professional connections. Detailed bio information, including published articles, professional credentials, customer satisfaction scores and the adviser’s photo, quickly build trust.

Ameriprise Financial & LinkedIn

Share this post:
    

What to Learn from Disney’s Relationship Marketing Mistakes

I am a huge fan of product finder tools — interactive experiences that ask prospects to assess their current situation or prioritize the features or benefits that are most important to them.

Product finders are a smart way to simplify complex products and services, provide superior customer experience on your website and allow your company to begin relationship marketing using a transparent, user-centric approach.

As you can imagine, planning a Disney vacation is the perfect application for such a tool. Trying to consume everything a family might do at a Disney theme park would be overwhelming and frustrating for most people.

So how did Disney solve this dilemma? I’ll get back to that in just a second.

Relationship Marketing Begins with Helping Customers

Think about the last time you researched a digital camera online. There were hundreds of options, right?

Even after you narrowed your options by price and brand, you were likely presented with way too many choices, with too few discrete differences.

A good digital camera finder tool would ask you how you plan to use your camera, where, how often, and your level of photography expertise, and then recommend 2 or 3 cameras based on those criteria.

Much like a good sales person in a brick-and-mortar store.

Relationship Marketing Tool: Product Finders

Still need a visual? Here are a few examples of product finders from CarMax, Find Wine and Sears:

CarMax

Find Wine

Sears

Disney Vacation Planning Tool: Before

Now I’m going to pick on Disney for a moment, the much-lauded leader in customer experience design.

When I visited their website last fall to begin preliminary research about Disney World, I was disappointed by what I found. Immediate information overload.

Disney Hotels

29 hotels. No way to compare. No way to filter.

I had to read each and every hotel description and park activity to determine which ones were best for my family. Then I had to try to remember everything I read.

I didn’t visit their website again for 5 months.

Disney Vacation Planning Tool: After

Upon returning the other day, I noticed right away Disney World had relaunched their website.

They still have 29 hotels displayed in a list format, but they wisely introduced the concepts of filtering and comparing. (Though, I think the new format still needs some work. The filter options don’t seem to be aligned with customers’ needs. For example, users can filter by “Moderate Resort Hotels.” What does that mean? How is that different from “Price Range?”)
Disney Hotels

Since last fall, I’ve been thinking Disney badly needs to launch a comprehensive interactive vacation planning tool and relationship marketing program. Even the best filtering options will only get customers so far.

Last year, I spent hours and hours on their website, but Disney never knew I was there.

It would have been great to design my dream Disney vacation; save it to my Disney account; receive emails about insider tips, recommended itineraries, and packing checklists; connect with a Disney World rep; and then later, receive promotional offers. All perfectly timed based on my trip date and recent site activity.

It’s Disney! I want the — ahem — white glove treatment!

With the recent site redesign, Disney launched something called “My Disney Experience.” Unfortunately, it’s hidden behind a login and buried in the footer, so only the most determined customers will find and access it.

Disney Account Registration
As a highly motivated customer (and to show it to you here), I spent several minutes completing the account registration process in order to view and create “My Disney Experience.” Again, all but the strongest would have walked away at this point. You see, it took me 7 tries – SEVEN! – before I was able to successfully create an account.

Disney World

At first glance, the user interface has all the visual indicators of being exactly what I dreamed an interactive Disney vacation planner would be. But it turns out the planning “tool” is really just more information to read — the personalized recommendation engine I imagined doesn’t exist.

In addition, it looks like information is organized by the way Disney thinks about their company (e.g., which park do I want to attend), rather than the way visitors think (e.g., by specific activity such as meet Mickey Mouse).

At minimum, I wish there was a way to save or remove activities from the itinerary.

Building a Product Finder Tool: Where to Begin

My advice to Disney and companies that are thinking about building a product finder tool is to begin with careful user research to ensure the end result meets your customers’ real needs.

If you haven’t already done so, develop a data-based user persona and customer journey map. These resources will make the rest of the process go much more smoothly.

During the user research phase, ask questions such as:

  • What process did you use to make your decision?
  • Who was involved in the decision?
  • How did you conduct your research?
  • What questions did you ask?
  • What words do you use to describe [insert concept here]?

During the design and development phase, ensure the product finder is built in a scalable and flexible way. Nothing is worse than building a tool that immediately becomes outdated because the technology or algorithm is too complex to ever be touched again. If the technology is getting in the way and causing the project to stall, it’s time to think outside the box. Can you build a much simpler version to start, or even design a pretty matrix that allows customers to compare features or benefits side by side?

As I mention earlier, I think a product finder tool is a great way to begin relationship marketing. Don’t put up roadblocks by asking prospects to register before they can use the tool. (Users won’t do it.) Collect personal data later when you ask customers to save their work, share the results, sign up for e-training, or compare the results with industry benchmarks.

Finally, match up your customer journey map and product finder insights with your offline sales operations. Knowing what information is most critical to prospects — and when — can help drive more relevant, more effective interactions.

For more food for thought, check out this interesting blog post about Starbucks’ approach to relationship marketing. The article includes specific tactics Starbucks uses to gather meaningful information about customers — by talking with them, not at them.

Related Articles

Relationship Marketing 101

What to Learn from Lowe’s Relationship Marketing Mistakes

Share this post:
    

How to Engage Your Users: Location-Aware Experiences

Whenever I talked about location-aware technology to clients, Olive Garden was always my go-to website to demo how this feature works. Today, I was disappointed to find that this feature no longer has a prominent call-out on its home page, and is now buried on the “Find a Restaurant” page.

Boo.

Before I go too much further, let’s get a definition on the table. In a word, location-aware technology is not IP address tracking. It’s much more sophisticated and accurate than that. According to TechTarget, location-aware technology is “… determined by one of three methods: by GPS satellite tracking, by cellular tower triangulation, or by the device’s media access control address on a Wi-Fi network.”

It’s immediately obvious why location-aware technology is fundamental to most mobile browsing experiences, but I also like to encourage clients to think about it for their desktop sites, too.

As you can see below, Foodspotting automatically figured out which Minneapolis suburb I live in, and showed me photos of food from nearby restaurants. This is a smart application of the technology. I often conduct my restaurant research on my laptop before I leave the house – not while I’m already driving.

foodspotting website

If you’re a multi-location retailer, restaurant or an international company, I think location-aware technology is a must-have for your website. Instead of asking users to select a country or ZIP code first, connect them to the right location off the bat and deliver targeted content and promotions.

Other creative uses:

  • Showcasing where your product or service is in use (e.g., customers snap photos of their purchase and upload them to your website, Redbox locations).
  • Connecting members of your community (e.g., cancer survivors, tax accountants)
  • Promoting your city or special interest (e.g., local events, coffeeshops)

What’s your favorite location-aware website?

Share this post:
    

How to Create More Engaging Forms

In the world of lead generation, forms are a necessary evil. But there is no need for them to be dreary.

It’s time to put some fun into your forms. Yes, fun!

Volkswagen could have easily listed every one of their vehicle models in a drop-down menu. But they didn’t. Instead they displayed every model as a thumbnail image. That’s a little more fun, right?

Volkswagen

The British Heart Foundation took it a step further than Volkswagen, and created a cute little animation for each activity.

British Heart FoundationOther ways to de-drab your forms:

  • Sliders
  • Calendar pickers
  • Maps
  • Fun facts / educational tips
  • A competition (post a time clock and the average form completion time)

Share this post:
    

5 Ways to Improve Car Manufacturer Website Usability

For all their advancement in car safety, technology, design, and ability to make humorous commercials, car manufacturers have completely stalled when it comes to creating user-centered websites.

Buying a Car Online: Not Fun

Buying a brand new car was not as much fun as I thought it would be. In fact, it was decidedly un-fun.

A few years ago, I set out to buy a Toyota Prius: the perfect car for my family’s lifestyle. Roomy interior for our long legs, hatchback for transporting our black Labrador to the park, and best of all, a hybrid for our environment-friendly way of life.

But then those terrible stories started coming out about Toyota’s accelerator problems, and I found myself at square one. Where to begin my search for a new car? I had no idea.

Where’s the GPS on this Website?

I pay little attention to car commercials (unless they’re playing during the Super Bowl and also are funny). Like many other Americans, I also pay little attention to cars in general. I get in, I drive, I put in gas and occasionally go to the service station when the little red light tells me to.

No such assistance exists on car manufacturer websites. I looked at more than a dozen sites, and they are all organized in the same way: by model.

I immediately went to Google in search of car review sites to help me, but alas, they were structured in the same way: everything I have ever wanted to know about one particular car — no matrices, no side-by-side comparisons.

This was going to take me forever.


BMW: 1, 3, 5, X6… what do these number mean?


Ford: Why do the prices go up, but gas mileage and seating capacity does not?


Lexus: All those letters make me feel stupid. AWD, RWD, LS, GS?

Toyota: I have no idea where to begin, so I guess I need to look at them all. And don’t be fooled by that “Build Your Toyota” button. First question I am asked: pick your model.

Cars Are Like Jeans

My chief concern in choosing our next family car was fit.

  • Will my long legs fit?
  • Will my husband’s even longer legs fit?
  • Will my poor children be squished to death in the backseat as a result of all this glorious legroom?
  • Will my puppy fit?
  • How many suitcases will fit?
  • How many grocery bags will fit? (Not that I do any grocery shopping myself, but hey, nice to know.)

I looked, but I didn’t find a single dressing room on any car website.

Trunk capacity is given in cubic feet.

Information about legroom is non-existent.

Guess what? Free time on weekends also is non-existent to be test driving and “trying on” cars in person. Moreover, carting 2 kids and their car seats to multiple dealerships… you see where this sentence is headed.

Start with Customers, not Cars

In the user experience (UX) industry, we follow a simple mantra: user-centered design. We watch how people use things, and then design experiences that match their habits, preferences, and goals.

It should come as no surprise — aligning business goals with user needs does wonderful things for a company’s bottom line.

5 UX Prescriptions for Car Manufacturer Websites

1) Online Test Drive

One-third of American adults are obese today. Save them — and tall consumers like myself and my husband — disappointment by helping them find vehicles they will fit into, in the privacy of their own homes. And really, a virtual test drive that can accommodate people of all sizes and shapes would be ideal and much appreciated.

2) Family First

Put children’s needs and comfort at the forefront. Help parents plan for their growing family by organizing vehicles by family-friendly features, such as backseat safety, LATCH systems, built-in car seats, accommodations for smaller frame drivers, and ever-growing arms and legs in the backseat.

3) It’s a Lifestyle Choice

Organize vehicles by how they will be used: towing boats, daily commuting, hauling 8 to 10 bags of groceries, carpooling to school, or a combination of all of the above.

Find out what size vehicle, engine power, interior capacity, etc. is needed by asking in relevant terms. Price, gas mileage, and looks all come secondary if a vehicle cannot meet a customer’s basic needs.

4) A Few Good Features

Find out which features are most important, and then call special attention to them with simple highlighting, videos, illustrations, and interactive tools.

Car manufacturers list so many interior and exterior features, customers’ eyes likely glaze over. Realistically, most people will only care about a handful of features. Help them prioritize.

5) Connect the Dots

Show everyday objects that users can put into a virtual trunk to see how they fit (e.g., suitcases, grocery bags) with an interactive tool such as drag ‘n’ drop. Showing trunk capacity in terms of the number of cubic feet is meaningless to most people. Instead, give customers context. Trunk size is very important. It’s puzzling why so little attention is given to this part of a car.

Unlock the Possibilities

Asking a few qualifying questions upfront about a customer’s needs can go a long way toward creating a delightful online experience.

This approach also allows customers to feel listened to, valued, in control, and engaged. Further, car companies build trust and create unforced opportunities for in-depth education (AKA upselling and brand building).

Been in the market for a new car recently? How would you like to see car websites reorganized and redesigned?

P.S. In the end, we did end up buying a Prius and happily have had zero issues. For the first time in my life, I have to pull the seat forward in order to reach the gas pedal! And the little ones in the back have ample room as well. I brought a tape measure to my test drive to ensure we would all fit comfortably. Puppy, too.

Zip, zip.

Share this post:
    

10 Ways to Amp Up Your Content

When you think of “web content” do you immediately think of paragraphs of text? I’m guilty of this, too.

Content in the form of text is a great way to provide information, but it’s not always the most user-friendly or approachable. It has one major drawback — you actually have to read it to understand it.

Web content can come in many formats: text, photos, illustrations, charts, videos, podcasts, webinars and so on. But don’t limit yourself to just 1 or 2. Having a variety of content styles on your website ensures that you connect with a variety of learning styles. Not everyone has time to read. Not everyone watches video online.

Luckily, there are content formats almost everyone loves:

  • BIG fonts
  • short phrases
  • pretty pictures
If your website has only text and photos today, take a second look to see if any of your content could be converted into a diagram, illustration, video demonstration or another, more visual format. Here are 10 ideas to get you started.

1. Put bullet points center stage

If you are one of my clients… I apologize for showing this to you again. For the rest of you, I love this ultra-simple approach that American Eagle takes in its Jeans Guide: just a product name, price, big photos and bullet points shown in context to the product.

This page is chock full of information, but you don’t even notice that you’re reading.

visual content - photos and bullet points

2. Show important information sooner

Rather than waiting until the deepest pages of your website to share pricing, product specifications and shipping costs — give this detail greater prominence by showing it on the home page and directory pages.

In this example from Rickshaw Bags, rather than waiting to show critical information on the product page, they list common product information on the product directory page complemented by a “behind-the-scenes” photo. Telling the product story sooner engages customers sooner. (They actually show the product information on both the directory and product detail pages, which is the safest bet.)

shared content

3. Show a side-by-side comparison

Comparison charts are a great way to talk about your product / service quickly and show (not tell) why yours is superior. You don’t necessarily need to show your product / service against a direct competitor — compare yourself to the entire category. If your product or service is innovative, cutting-edge or eco, then go up against the gorilla in your industry.

Dsolv quickly demonstrates how their bags are superior to traditional paper lawn bags.

visual content, comparison chart

4. Teach your customers how to use your product

While learning how to use your product or service, customers will also learn about its benefits, build confidence and gain a deeper understanding than if they had just read about its features and benefits.

REI developed a series of informative videos to complement their step-by-step guides. Below, REI helps parents teach their children how to ride a bike.

visual content, educational video

5. Show how it’s made

Add a layer of storytelling to your site by showing an inside look into your company. You don’t have to give away any trade secrets or formulas, but can you show your raw materials? Your employees carefully packing products? Employees testing them for quality assurance?

Room & Board gives a behind-the-scenes look at their products.
visual content - how it's made

6. Show your product in use

Show your product in context. If you are a car manufacturer, show the vehicle with different sizes of people – small, medium and large – sitting behind the wheel. If you sell toys, create a video showing children playing with your product.

Sharpie could have easily shown just photos of their markers on this page and listed the thickness in the description. But they didn’t. They went one step further and SHOWED the thickness.

7. Show how customers use your product

You can either list some ways to use your product, or customers can show how they use your product. Their way will likely be more interesting than yours.

Sharpie has an amazing site filled with all sorts of great content. Here, their blog is filled with customer photos showing off their Sharpie creations.

8. Show your product in context

Show how your product coordinates with items your customers already have. Show how your product will fit into their lives.

Tiny Prints picked one of their cute baby shower invitations, then built an entire party around it.
visual content, mood board

9. Have customers explain why your product is awesome

Reviews are a great way to build trust and create rich content. On the downside, they can be difficult to obtain. In reality, most people don’t write reviews. (Amazon gives false hope that reviews are easy to get.)

Testimonials are another (and easier) way to show customer feedback. To build trust and authenticity, reveal as much about the customer’s identity as they are comfortable with: their first and last name, organization / title, photo, audio and/or video. Some prospects may be leery of fake or paid testimonials, so do what you can to combat this jaded point of view.

Testimonials can be captured via e-mail, letters, recorded / transcribed phone calls, Skype or a professional video shoot. (In Minneapolis, I recommend Three Volts.)

These Aflac videos are some of the most powerful I have ever watched.

visual content, video testomonials

10. Make your content fun

Be creative. Information doesn’t always need to be presented in a serious manner.

This example from MOA Beer doesn’t provide any real information about its product, but its fun, interactive approach contrasts their product with competitors and shows off their brand personality. (As the web user scrolls down the page, an underwater diver sinks to the bottom of the ocean — revealing content about their and competitors’ “bottle strength” along the way.)

visual content

6 Tips for Creating Useful, Usable Content

  1. Branding – When creating visual content, brand it with your logo and colors. Tiny Prints is missing a big branding opportunity when its baby shower party image gets tagged on Pinterest.
  2. Accessibility-Friendly – If you’re using dynamic content or Flash to create a visual, ensure that the content doesn’t “break” when it’s resized or images are turned off. When I resized AE’s Jean Guide, the information about the jeans was lost.
  3. Social-Friendly – Ensure your video content (and all your public-facing content) can be easily bookmarked, e-mailed, pinned and tweeted. In the case of Aflac, all of its beautiful videos are embedded into the site and cannot be shared. Providing alternate links to YouTube or Vimeo would help solve this.
  4. Readable – When using color in your graphics, ensure they are high contrast. Dsolv’s comparison chart coincides with its neon green branding, but it is difficult to read. Similarly, Rickshaw uses white text on top of a black & white photograph, compromising readability.
  5. Meaningful – Keep the big picture in mind when demonstrating context. In the case of Sharpie, it’s not exactly clear which marker is the thinnest marker – extra fine or ultra fine? Adding the width in the product name would help clarify this (e.g., 0.3 MM).
  6. Mobile-Friendly – All of the examples here passed my iPad test (with either the same or altered experience), and it’s something for you to keep in mind, too. Use your website analytics to determine which browsers and browser sizes you need to be testing your site on.

Stumble across any content lately that you thought was presented in an innovative way? Please share!

Related Articles

UX Word of the Day: Content Chunking

Steal These Mobile-First Content Patterns

Share this post:
    

Happy Birthday to June UX: One Year Old!

My little company, June UX, is turning one! Never has a year gone by so fast.

Here is a recap of how it began, what I did, who I met and what I plan to do next.

Why I Did It

Being independent has been exactly what I dreamt it would be: a healthy balance between work, family and me-time – and best of all, I’m finally living guilt-free. (Other moms know what I mean.)

The No. 1 driving force behind my decision to go independent last February was my family. I constantly felt like I was letting them down, but neither did I feel like I was giving 100% focus to my job. “Me” time? I didn’t even know what that was.

Starting my own business has been food for my soul.

Brand Identity

early versions of June UX logo

People often ask me about the story behind “June UX” and how I came up with the name.

I began with the tagline: happy user experiences. (It’s what I make!) From there, I daydreamed about the things that made me the most happy. As a Minnesotan – where it’s winter 6 months out of the year – summer easily tops the list of things that make ALL of us here happy. After staring at a bunch of summer-y words awhile, something about “June” felt right to me.

The “UX” part was easy… In my field, user experience is commonly abbreviated as UX.

Mari Richards of MR Design developed the logo. [Early logo development above.]

Equipment & Supplies

June UX laptop bag contents

I didn’t purchase everything you see here at once, but the majority was picked up right away. There definitely were several trips to Apple and Best Buy in those first few weeks.

  • MacBook Pro – I honestly wanted to get a PC laptop for my business, but the reviews varied so wildly from fantastic to lemon that Apple soon became the only option I had confidence in. As an Apple-owner for the past 25+ years, I figured I’d have no trouble being my own tech-support.
  • Router – Having wireless access to the Internet has been life-altering. (It’s 2012, why isn’t wireless Internet accessible from every corner of the globe?)
  • Windows – Operating system for Mac. For me, Visio is a personal must. So in order to use it, I had to essentially split my MacBook into 2 hard drives.
  • VisioWireframing tool (PC only). I’ve been using Visio for more than 4 years now and personally think it’s the most comprehensive and most flexible of the diagraming tools. One of my favorite features is the ability to bring in images & crop them right there.
  • Microsoft Office – I use PowerPoint and Excel routinely for presentations and analysis, Word to create worksheets and other tools, and Outlook for e-mail and scheduling, of course.
  • Photoshop ElementsPhoto and image editor. To be able to edit PSD files and optimize graphics for the Web ; used mostly for maintaining my own site. It’s missing some features I adore from the full-version, but it does the job.
  • OmnigraffleWireframing tool (Mac only). Only used when required by a client.
  • SnagItScreen capture tool. I take thousands of screen captures, so having a good tool saves me time and headaches. The only thing it doesn’t do well is capture scrolling PDF documents.
  • VGA AdapterConnects MacBook to projectors.
  • WordPress & Genesis ThemeBlogging platform and WordPress skin. I’m still a newbie with a lot to learn, but I was very surprised at the steep learning curve of WordPress. I’ll share what I learned the hard way in a future blog topic.
  • Sony DSLRDigital camera. For taking photos of artifacts and research participants.
  • Business cards – Ordered from Vistaprint, the cheapest online printer I could find. Fancy cards will have to come later.
  • Professional headshotMaris Ehlers Photography. I wish I had known Maris when I had gotten married so she could have photographed my wedding portraits also.
  • Moleskine notebooks – For taking notes during client meetings. I bought them because everyone on Twitter raved about them; now I think they were all paid spokespeople. I don’t “get” the passion people have for Moleskine. Please explain it to me.
  • Whiteboard – Keeping everything organized in Outlook and my own calendar system quickly became overwhelming. Having an at-a-glance resource center has made a huge difference in my sanity.
  • Web hostingAplus.net, recently bought out by Deluxe. I’ve been using Aplus for almost 7 years for my other websites, and like them a lot. Their tools are easy to use and their customer support is amazing.
  • Lawyer fees – I became an official LLC in October 2011.
  • Markers – Used for sketching ideas during client meetings. I bought fine-point Sharpie markers, plus some thick artist-quality markers in black, gray and yellow.
  • Roll of white paper – Used for sketching during client meetings. IKEA sells them for 5 bucks.

Notable Books

I read a lot of business and marketing books last year (as I do every year), but just these 3 stood out for me. I will write a future post about the best business books I’ve read over the past 15 years. (Most life-changing: Now, Discover Your Strengths by Marcus Buckingham & Donald O Clifton.)

  • Content Rules by Ann Handley & CC Chapman. I have recommended this book to all of my clients. I’ve read numerous books about content and content strategy and can honestly say, if you only buy one book about content – this is the one.
  • Measuring the User Experience by Tom Tullis & Bill Albert. There are tons and tons of books and blog posts about conducting usability studies, but none of them go into great detail about the analysis phase. This book is 100% devoted to it. It validated many of my approaches, plus gave me ideas on more ways to dissect usability data.
  • The Art of the Start by Guy Kawasaki. I enjoyed his advice about hiring employees, and will be sure to reread that chapter when I get ready to hire my first employee.

Projects & Clients

When I looked back at my invoices, I was surprised to discover that I worked with 7 clients on 17 different projects. (No wonder I was up working until 2am a lot!)

  • User Research & Strategy Projects: 3
  • User Experience Design Projects: 6
  • Usability Testing Projects: 6
  • Copywriting Projects: 2

Thank YOU

Thank you to everyone who supported and believed in me – there are many, many of you. Thank you for your friendship, your partnership, your business and your word-of-mouth marketing on my behalf. Most of all, I thank my husband. He never once questioned or showed the least bit of apprehension about our life-changing decision.

Related Articles

June UX Is 5 Years Old
How I Find Work as a Freelance UX

Confusing, Incomplete Content Creates the Most Usability Issues

If you haven’t witnessed a usability study before, you may have wondered what types of issues test participants find, and how many issues they typically uncover. 5 issues? 50 issues? 500 issues? Gulp.

Of the 100+ issues I uncover in a typical usability study, more than one-third are content-related.

Types of Usability Issues

I conducted my first usability study in 2006. I asked someone in the IT department to haul an extra PC into an empty conference room for me, then I recruited 6 or so participants via our customer database. It was about as unsophisticated as you could get — no recording software, no observers. It was just the participant and me (taking frantic notes).

Since then, I’ve conducted more than 400 usability test sessions — in formal labs, not-so-formal labs, in coffee shops, remotely and even guerilla-style (where I ambushed some willing moms at the mall).

When collecting usability study findings, I usually classify them into 1 of 5 categories: design, content, labeling, functionality and wayfinding. Depending on the type of project, there might be a 6th category, such as merchandising for an e-commerce site.

Types of Usability Issues

I think it’s a good idea to classify usability issues because this extra step can help make divvying up the workload after the study easier. For example:

Divy Up Usability Issues

Categorizing usability issues also helps the project team more easily understand how to solve the issue.

For example, if a user cannot find the “Continue” button — is it because of the button label or because the button is located in an unexpected place on the page? As the facilitator, I know that test participants did not scroll down on the page far enough to see the button. Categorizing this finding as a “design” issue, rather than as a “labeling” issue helps ensure the team solves the right problem.

Usability Results: By the Numbers

Disclaimer: The following represents my own experience. Your results may vary.

To answer my earlier question about which type of usability issue is most common, I pulled out the findings from 10 recent usability studies. The following data comes from 8 websites and 2 web applications from various organizations.

There were 5 to 8 participants per study, but most had 8 participants. All 74 usability test sessions were 1 hour in length and included anywhere from 5 to 8 tasks per session.

On average, each study revealed 113 usability issues. The studies uncovered as few as 67 issues and as many as 178. In total, 74 test participants found 1,126 usability issues across 10 websites and apps.

And so without further ado, here were my findings:

Common Usability Issues

Together, content and labeling issues made up 38.6% of the total usability issues on these 10 sites.

We’ve heard it a million times: content is king. However, I like to put it another way: content is the user experience.

Often user experience isn’t about navigation or drop-down menus and radio buttons. A website can be flawless functionally and visually, but if the information users expect isn’t there or they don’t understand it, nothing else matters.

The great news about finding content usability issues is that they are the least expensive type of issue to fix — little to no developer time is involved. Of the 5, wayfinding is potentially the most expensive. If people cannot find their way to critical information, something is fundamentally broken.

Apply My Findings to Your Next Usability Study

So now that I did all this analysis… what is the big takeaway?

I am a huge fan of prototype testing. Usability testing wireframes – or even hand-drawn sketches – saves a ton of money vs. waiting until everything is coded and “perfect.” But here is where I would use caution when prototype testing…

Use real content in prototypes

Since content is such a huge part of the user experience (and number of usability problems), I implore you to use as much real content in your prototype as possible.

Lorem ipsum (AKA placeholder text) might be passable for wireframes, but absolutely not for prototypes.

Test participants almost always inquire about greek text — “what is that, what language is that, I can’t read that” — and you end up wasting valuable time telling them to ignore it.

Hire a writer who specializes in web writing

If you haven’t done so already, hire a web copywriter to write content for your prototypes and make sure they — plus the design and development teams — observe all of the usability test sessions.

Test, then test again

Early prototypes also will likely lack design elements, such as color and information hierarchy — so it is critical to test again during the design phase. But I wouldn’t wait until the design is complete to test it for the first time. Testing early may yield brand-new ideas, increase scope, decrease scope or even confirm that you are on exactly the right path.

Happy testing!

Related Articles

UX Word of the Day: Content Chunking
The 5-Step Process I Use to Plan + Conduct Usability Studies
Steal These Mobile-First Content Patterns