Archive

107 articles published since September 2009

2013: 9 articles (so far)

Mobile Product Lists Need Very Distinct Hit Areas

Mobile-product-list-hit-areas-

· By Christian Holst

This is the 6th in a series of 8 articles on mobile commerce usability that draw on findings from our m-commerce usability report 2013. When displayin

How Should Your Mobile and Desktop Sites Differ?

Content-on-mobile-vs-desktop-

· By Christian Holst · 2 comments

This is the 5th in a series of 8 articles on mobile commerce usability that draw on findings from our m-commerce usability report 2013. When defining,

Mobile: Never Use Native Drop-Downs for Navigation

Mobile-dropdown-navigation-

· By Jamie Appleseed · 9 comments

This is the 4th in a series of 8 articles on mobile commerce usability that draw on findings from our m-commerce usability report 2013. Many responsiv

Mobile Product Pages: Always Offer a List of Compatible Products

Mcommerce-compatible-products-list-

· By Jamie Appleseed

This is the 3rd in a series of 8 articles on mobile commerce usability that draw on findings from our m-commerce usability report 2013. When testing 1

Mobile Form Usability: Place Labels Above the Field

Mobile-form-usability-label-position-

· By Christian Holst · 5 comments

This is the 2nd in a series of 8 articles on mobile commerce usability that draw on findings from our m-commerce usability report 2013. On mobile, sho

M-Commerce Usability: Exploring the Mobile Shopping Experience 2013

Mobile-commerce-usability-

· By Baymard Institute

Everybody is talking about mobile. Some e-commerce sites are venturing into it. The potential for m-commerce is enormous: ComScore predict the number

Mobile Form Usability: Avoid Splitting Single Input Entities

Mobile-form-usability-single-input-fields-

· By Jamie Appleseed · 9 comments

This is the 1st in a series of 8 articles on mobile commerce usability that draw on findings from our m-commerce usability report 2013. During our rec

Which Site Seal do People Trust the Most? (2013 Survey Results)

Site-seal-trust-

· By Christian Holst · 17 comments

In prior research we have documented how users have little understanding of the actual technical security of web pages and instead mainly rely on what

Social Media: Analyze Affordances, Not Features

Analyzing-social-affordances-

· By Jamie Appleseed · 1 comment

Facebook features are designed to trigger social behavior, not create it. Neither software nor media is social, rather it’s human beings that ar

2012: 22 articles

Baymard: 2012 and 2013

2012-and-2013-

· By Baymard Institute · 2 comments

We’ve tested the entire m-commerce shopping experience from homepage, categories, search, and product pages, to the ever daunting checkout proce

6 Ways to Get More Out of Your Order Confirmation Page

Order-confirmation-page-

· By Jamie Appleseed · 13 comments

Turning visitors into customers is one of the primary goals of any e-commerce site, but what happens after they’ve successfully placed an order? This

A Holistic View on the Current State of Checkout Usability

Holistic-view-on-checkout-usability-

· By Christian Holst · 2 comments

This is the last in a series of 8 articles on checkout usability that combine findings from our checkout usability research from 2011, and our 2012 be

Add Descriptions To Checkout Form Labels (92% Get It Wrong)

Checkout-form-field-descriptions-

· By Jamie Appleseed · 2 comments

This is the 7th in a series of 8 articles on checkout usability that combine findings from our checkout usability research from 2011, and our 2012 ben

Format the 'Expiration Date' Fields Exactly as the Credit Card (40% Get it Wrong)

How-to-format-expiration-date-fields-

· By Christian Holst · 5 comments

This is the 6th in a series of 8 articles on checkout usability that combine findings from our checkout usability research from 2011, and our 2012 ben

Why Your Checkout Process Should Be Completely Linear

Checkout-process-should-be-linear-

· By Jamie Appleseed

This is the 5th in a series of 8 articles on checkout usability that combine findings from our checkout usability research from 2011, and our 2012 ben

Accordion Style Checkouts – the Holy Grail of Checkout Usability?

Accordion-style-checkout-96

· By Christian Holst · 2 comments

This is the 4th in a series of 8 articles on checkout usability that combine findings from our checkout usability research from 2011, and our 2012 ben

Checkout Usability Benchmark 2012

Checkout-usability-benchmark-2012-

· By Baymard Institute

Today we’re launching a checkout usability benchmark of the top 100 grossing e-commerce sites, all audited across 63 checkout usability guidelin

Visually Reinforce Your Credit Card Fields (89% Get it Wrong)

Visually-reinforce-sensitive-fields-0-thumbnail

· By Jamie Appleseed · 6 comments

This is the 3rd in a series of 8 articles on checkout usability that combine findings from our checkout usability research from 2011, and our 2012 ben

Checkout Experience: Don't Require Seemingly Unnecessary Information (61% Get it Wrong)

Checkout-experience-seemingly-unnecessary-information-0-intro

· By Christian Holst · 3 comments

This is the 2nd in a series of 8 articles on checkout usability that combine findings from our checkout usability research from 2011, and our 2012 ben

Checkout Usability: Don't Use "Apply" Buttons (72% Get it Wrong)

Checkout-usability-apply-buttons-0-media-object-thumbnail

· By Jamie Appleseed · 12 comments

This is the 1st in a series of 8 articles on checkout usability that combine findings from our checkout usability research from 2011, and our 2012 ben

3 Types of False Simplicity

False-simplicity-01-loss-of-context-ruelala

· By Christian Holst · 9 comments

Dimitry Fadeyev at UsabilityPost defines False Simplicity this way: “Sometimes, what appears on the surface to be simple is actually far from it&

A Consistent Shopping Experience With Product Thumbnails

Consistent-experience-with-product-thumbnails-2-cart-page

· By Jamie Appleseed · 4 comments

Article translated in Portuguese by Carlos Moreira, Boxpi The online shopping experience is often an experience split into two: Browsing experience

Designing With Metaphors & Skeuomorphs

Metaphors-and-skeuomorphs-3-ios-dial-1

· By Christian Holst

Metaphors are often used in interface designs as a shortcut to tell a story, mimic something tangible and in general make otherwise puzzling digital pr

UI: Proper Indicators for Hidden Elements

Trigger-indicators-0-intro-collage

· By Christian Holst · 6 comments

Tabs, collapsed menus, accordion forms, and the ever popular hover items such as mega menu drop-downs – progressive disclosure is a great way to cut do

Idea: Error-Fields Only

Error-fields-only-1-blue-nile

· By Jamie Appleseed · 23 comments

Update 1. June 2012: After the publication of this article we’ve written a followup article at Smashing Magazine further exploring the “Err

8 Limitations When Designing For Mobile

Mobile-design-limitations-1-no-hover

· By Jamie Appleseed · 10 comments

So you have a website designed for standard desktop computers, but you obviously want to keep up with times and make your site mobile-friendly too. How

UX: 7 Product Image Categories

Ux-product-image-categories-intro

· By Christian Holst · 10 comments

Images sell. But besides the traditional white-background product image shot from three different angles, which product image categories can you inclu

Checkout Usability: Apply Changes Immediately and Near the Input

Checkout-usability-51-proximity-1

· By Jamie Appleseed · 6 comments

During our usability study of the e-commerce checkout experience we found that users have a hard time figuring out what actually happened when changes

UX and the Kano model

Kano-model-full-res

· By Christian Holst · 12 comments

I first encountered the Kano model when working on improving the customer’s check-in experience at Copenhagen Airport. The model was conceived by

UI: Getting the Details Right

Screen_shot_2012-05-28_at_18.00.46

· By Jamie Appleseed · 5 comments

User interface details matter to the overall user experience. Many users may not consciously notice these details on your site yet they do have an imp

Copywriting: How to Write Useful (Yet Intriguing) Headlines

Copywriting-how-to-write-headlines

· By Christian Holst · 7 comments

Writing headlines for online editorial content can be a daunting task with conflicting advise. On the usability side people like Jakob Nielsen argue t

2011: 29 articles

Baymard: 2011 and 2012

2010-word-cloud

· By Baymard Institute

Here at Baymard we write three different categories of UX articles: 1) Research & Guidelines, 2) Case studies, and 3) Observations. We know a lot

UI: Adding Subtle Textures for Depth

Subtle-textures-facebook-log-in

· By Jamie Appleseed · 7 comments

More and more sites and applications are using subtle textures to give their design a more distinguished look. The wise use of subtle textures for back

UI: Thoughts on the New Facebook Timeline Design

Facebook-timeline-metaphor

· By Jamie Appleseed · 9 comments

The new Facebook timeline is a dramatic departure from the current profile view. There’s many things to like about it: good use of metaphor, a se

16 Ways to Make Your Website Seem More Trustworthy

Instill-trust-do-not-hide

· By Christian Holst · 16 comments

A typical new visitor to your website will determine whether to stay or leave within the first 15 seconds. Since the web got infinite alternatives to y

User Expectations Trump "Persuasive Design"

Inline-call-to-action-1

· By Christian Holst · 2 comments

For some time now we’ve had two different email newsletter sign up forms here on Baymard. The hypothesis was: The traditional “sidebar sig

Jobs' Impact on the Design & UX Industry

Steve-jobs-1

· By Jamie Appleseed

36.88% of our traffic the last 31 days has been on Apple devices. I think if there’s any industry that will be forever indebted to this man, Ste

Google's (for now) Novel Approach to "Must Read" Instructions

Must-read-instructions-full-size

· By Christian Holst · 4 comments

Web users scan your text, skip paragraphs, click the button that looks like the ‘next’ button, decide whether to stay on your site (or not

Case: 7 UX Considerations When Designing Lens Hawk

Lenshawk-teaser

· By Christian Holst · 6 comments

As a user experience case study I will go over 7 UX considerations we had when designing Lens Hawk – a massive DSLR lens database we’ve cr

Design Trend: Interfaces with Less Information

Google-docs-upload-design

· By Jamie Appleseed · 16 comments

When looking at some of the major new designs launched in recent days, an interesting trend seems to emerge: interfaces are getting slimmed down, showi

E-Commerce Without the Website

Imgres

· By Christian Holst

Smartphones have made computers mobile, and more importantly, they’ve made access to the Internet mobile. This present companies with unprecedent

Observation: Users Will Go Far to Avoid Repeat Form Errors

Avoiding-repeat-form-errors

· By Christian Holst

When conducting the research for our checkout usability report we saw an interesting tendency among the test subjects when it came to form field error

E-Commerce Copywriting: Returning Customer?

Ecommerce-copywriting-returning-customer

· By Jamie Appleseed

When conducting our checkout usability research I noted that quite a few e-commerce sites use “Returning customer?” as the header for thei

Account 'Sign Up': Ask to Confirm E-mail, Not Password

Confirm-email-not-password

· By Jamie Appleseed · 18 comments

During account ‘sign up’, a misspelled password is annoying, whereas a misspelled e-mail address is hazardous. More and more sites use peo

Poor Copywriting – the UX Problem That Will Never Go Away?

Poor-copywriting-translate

· By Christian Holst · 23 comments

We’ve previously looked at how Google Chrome’s page translate feature had ambiguous copywriting that could leave first time users in doubt

Circles of Care: Segmenting User Engagement

Circles-of-care-preview

· By Christian Holst · 1 comment

The more involved a user is the more you can ask of him (e.g. fill out a questionnaire, give you money). The opposite is true as well, the less involv

Responsive Web Design and Mobile Devices

Responsive-web-design

· By Jamie Appleseed · 26 comments

Nowadays, people access the Internet from an ever-growing range of devices with very different screen sizes and controls (mouse vs fingers). This pose

One Page Checkouts – the Holy Grail of Checkout Usability?

One-page-checkouts

· By Christian Holst · 20 comments

After having written an article on e-commerce checkout design for Smashing Magazine I got a question from Ryan asking about the “controversy of

10 Ideas for Crafting a Better 'About' Page

Untitled

· By Christian Holst · 2 comments

New visitors want to know who you are and why they should care. This makes your ‘About’ page one of the most important pages on your websi

How to Preserve Credit Card Details on Form Errors

Preserve-credit-card-on-error

· By Jamie Appleseed · 7 comments

One of the most fragile parts of an e-commerce checkout is how you handle credit card details. Due to security requirements from VISA and MasterCard (

14 Cart Abandonment Statistics - Please Submit More

Screen_shot_2012-05-28_at_18.59.34

· By Baymard Institute

We’ve set out to create the most comprehensive list containing all available statistics on shopping cart abandonment rates. So far we’re u

Home Page Strategy: Category vs. Product

Category-vs-product-officedepot-full

· By Christian Holst · 5 comments

On e-commerce stores with thousands of products the home page quickly gets cluttered. We’ve looked at this in the past: e-commerce home page foc

UX Lessons Learned from Buying Petfood

Zooplus-intro

· By Christian Holst · 3 comments

I was buying pet food the other day (online of course) and stumbled upon one of the strangest flows in checkout process history: you had to provide di

Form Field Usability: Avoid Multi-Column Layouts

Multi-column-reading-paths

· By Jamie Appleseed · 29 comments

When conducting user research on checkout usability we made an interesting observation in regards to form fields arranged in multiple columns. The sho

E-Commerce Checkout Usability: Exploring the Customer's Checkout Experience 2011

Checkout-usability

· By Baymard Institute · 2 comments

Imagine a brick and mortar store selling consumer goods. It has a great location, a well-designed store, good prices, and great products on the shelve

A/B Testing: Begin with a Problem and Hypothesis

Ab-testing-problem-hypothesis-intro

· By Christian Holst · 2 comments

When I talk to people new to the world of A/B testing, I all too often hear something like: “I saw this example of a site that changed the color

9 Ways to Simplify 'Sign In'

Simplifying-sign-in-0-intro

· By Christian Holst · 8 comments

Sign in, or “login”, is vital for many web business since their entire userbase has to go through this step regularly. So here’s 8,

19 Ways to Simplify 'Sign Up'

Account-creation-email-as-identifier

· By Christian Holst · 79 comments

Account creation, or “sign up”, is vital to many web businesses – yet it’s a pain for most web users. Here’s 9, 12, 17, 1

E-Commerce: Why Customers Abandon Their Shopping Cart

Abandonment-ecommerce

· By Jamie Appleseed · 11 comments

During our recent study on checkout usability the test subjects gave us some insight into the many different reasons customers abandon their shopping

User Expectations: Create an Illusion of Space

The-illusion-of-space-path

· By Christian Holst · 15 comments

During our current research on checkout usability we made several interesting discoveries that go beyond checkout usability. One thing we noticed was

2010: 35 articles

Baymard: 2010 and 2011

2010-word-cloud

· By Baymard Institute

Here at Baymard we write three different categories of UX articles: 1) Research & Guidelines, 2) Case studies, and 3) Opinion & Observations.

Mobile: Venturing Into Responsive Design

Responsive-design-intro

· By Jamie Appleseed

Due to the heavy snow in Europe these days, I ended up stuck in Amsterdam airport for a flight connecting to Tanzania. This was the perfect opportunit

E-commerce Home Page Focus

Home-page-focus-intro

· By Jamie Appleseed

When people are visiting your site, do you know what they are looking for? Is it obvious to your visitors what you want to promote? Or is your home pa

Mobile: Thoughts on Native apps vs Web apps

Native-apps-vs-web-apps-incase

· By Jamie Appleseed · 2 comments

Apps for iPad/iPhone, Android, BlackBerry, Nokia, Windows Phone, Palm, etc… it’s really amazing to see so many designers and developers wo

Scannability: How to Highlight Text on the Web

Highlighting-text-online

· By Christian Holst · 2 comments

Highlights can effectively be used in web design to guide the readers attention towards specific sentences or words. It comes from the realization tha

Redefining the Customer Experience with Augmented Reality

Augmented-reality-in-ecommerce-neuvo

· By Christian Holst · 4 comments

One of the greatest barriers in e-commerce is that the customer never gets to try out the product before buying it, as opposed to shopping in a physic

"What's this?" Link & Tooltip

Whats-this-tooltip-full-size

· By Jamie Appleseed · 2 comments

I just stumbled upon this interesting spin on the good old “What’s this?” help link. In Wildbit’s Postmark app you’re gr

Readability: the Optimal Line Length

Readability

· By Christian Holst · 35 comments

Having the right amount of characters on each line is key to the readability of your text. It shouldn’t merely be your design that dictates the

The Serial Position Effect in Web Design

Serial-position-effect-list

· By Christian Holst · 4 comments

The “serial position effect” describes how list items that are first and last in a list are more likely to be remembered than the items in

HTML5: Anchor Content, Not Anchor Text

Anchor-content

· By Jamie Appleseed

When talking about links, the term “anchor text” has been used for ages now. I think it’s time we retire this term in favor of a new

From Sketch to Website (Hint: Skip Photoshop)

Sketch-to-html

· By Jamie Appleseed · 25 comments

The purpose of sketching is to quickly try out many different solutions to the same problem. In web design, this means that the purpose of your sketch

3 Examples of Inline Help

Inline-help-google-docs

· By Christian Holst · 8 comments

Help text: either it’s there when you don’t need it, or you can’t find it when you do need it. Let’s take a look at 3 different

Top 11 E-commerce Usability and Optimization Resources

Top-resources-1

· By Baymard Institute

At Baymard Institute we have a long list of blogs, newsletters and articles databases we read for information and insights on usability and conversion

Form Field Usability: Matching User Expectations

Skype-full

· By Jamie Appleseed · 13 comments

I see the mistake again and again – web designers that either don’t adjust the width of their form fields at all or adjust it based on what looks

Visual Balance: Dealing with Variable Headline Lengths

Youtube-dynamic-headline-size

· By Jamie Appleseed · 2 comments

How do you maintain the visual balance in your design when the length of your headlines vary dramatically? A long headline will naturally demand more a

Formatting Links for Usability

Underlined-link

· By Jamie Appleseed · 20 comments

Links are how people navigate your site. Which is why it’s crucial that you follow 3 basic link usability guidelines: 1) underlining links, 2) co

Drop-Down Usability: When You Should (and Shouldn't) Use Them

Amazon-drop-down-list-with-too-many-options-large

· By Christian Holst · 36 comments

Drop-down lists are great – when used correctly. If there’s anywhere between 7 and 15 options, a drop-down list is usually a really good fit. Yo

Conversion: Reducing Sign Up Friction

Sign-up-button

· By Jamie Appleseed · 4 comments

How many free web services can you sign up for nowadays, by only providing a username, email and password? Countless. The home page for these web serv

4 User Interface Sketching Pitfalls

User-interface-sketch

· By Jamie Appleseed · 3 comments

When sketching a new user interface there’s a few things to watch out for. Here’s 4 common pitfalls: 1. Drawing things in too much detail

The Conversion Rate Optimization Industry in 2015

Change-1

· By Christian Holst · 3 comments

What will the conversion rate optimization industry look like in year 2015? Here’s my take on an industry that in many ways look like the SEO in

Why Jack Johnson's Splash Screen(!) is Great

Jack-johnson-splash-screen

· By Jamie Appleseed

I’m almost as excited about Jack Johnson’s new album as I am about the splash screen he’s using to promote it. Now, 98% of the time,

Links and the Hover State

Links-hover-state

· By Jamie Appleseed · 1 comment

I previously wrote about links and the visited state. This post is about links and the hover state – what it is, why it’s important, and how to u

Comparing Conversion Rates is Nonsense

Comparing-apples-and-oranges

· By Christian Holst

In the e-commerce industry I often see people comparing conversion rate samples between different sites as a way to measure the attractiveness of thei

Customers Perceive Only Parts of a Checkout-page as Being Secure

Checkout-page

· By Christian Holst · 2 comments

In our latest usability study on e-commerce checkouts we made an interesting observation: several of the test subjects talked about certain parts of th

Google Chrome and the Importance of Good Copywriting

Google-chrome-translate-page-feature

· By Jamie Appleseed · 2 comments

If you’re using Google’s Chrome browser and access a page that isn’t in English (or whatever your default language is) you see a mess

Handling Technical Glitches Without Losing Sales

All-posters-maintenance-coupon-code

· By Christian Holst · 2 comments

During our latest usability study we used live websites which caused a number of our test subjects to run into technical errors or site maintenance. In

How Google Keep their iPhone Visitors Coming Back

Google-buzz-iphone-call-to-action

· By Jamie Appleseed · 7 comments

Google’s mobile interface for Google Buzz sports a brilliant call to action that is customized specifically to the mobile phone you’re usi

People Think Registration Leads to "Spam"

Checkout_-_registration

· By Jamie Appleseed

Customers hate signing up for an account when all they want to do is buy a product from your e-commerce store. One of the reasons people hate registrat

Contextual Words like "Continue" are Usability Poison

Poor-copywriting-continue

· By Christian Holst · 8 comments

The word “Continue” is contextual, so depending on your frame of mind, “Continue” can have many different meanings. During our

Review of Rework

Rework-productivity-interrupted

· By Jamie Appleseed · 1 comment

The short version: Rework is the most important business book I’ve read in months. Not because of the solutions presented in the book, but becaus

Silverback: Screen Recording for Usability Studies

Clearlefts-silverback

· By Christian Holst · 2 comments

When doing qualitative usability studies it’s a great idea to record your sessions with the users. Silverback is a software application made spe

Why People Buy Online

Amazon-author-selection

· By Jamie Appleseed · 2 comments

There’s 3 reasons people buy online as opposed to offline: selection, convenience and price. You should deliver on at least one of them. 1) Selec

People Still Double-Click Online

Preventing-double-click

· By Jamie Appleseed · 5 comments

During our most recent research study we once again found that a surprisingly large number (more than 50%) of the people aged 40+ still double-click on

A Preparation Checklist for Conducting Web Usability Studies

Preparation-checklist

· By Christian Holst

Doing small and simple usability studies usually give you a great return on investment – testing as little as 5 subjects can yield up to 85% of a

Links and the Visited State

Jakob-nielsen-web-usability

· By Jamie Appleseed · 3 comments

The visited state on links is one of the biggest opportunities in web design – it’s basically personalized history for each of your visitor

2009: 12 articles

Video: CAPTCHA Done Wrong

Screen_shot_2012-05-29_at_09.49.54

· By Baymard Institute

When we stumbled upon Netflix’s home page the other day we immediately thought that this would be a good showcase for how not to do your CAPTCHA.

Decoration - the Enemy of Good Web Design

· By Jamie Appleseed · 7 comments

When you ask some web “designers” why they added a certain element to their site they’ll answer “because it looks good”.

Making a Slow Site Appear Fast

Amazon-loading-thumb

· By Christian Holst · 1 comment

A recent study by Forrester and Akamai showed that 47% of your website visitors expects your page to load in less than 2 seconds, and 40% will abandon

Video: Designing a new Website

Designing-a-website

· By Jamie Appleseed

To finish off the “Designing a new Website” series, we’ve put together a video for you where we walk through this site, explaining ou

How to Lower Your Chargeback Rate

37-signals-charge-com

· By Christian Holst · 6 comments

You’ve just made a sale in you e-commerce store. But 27 days down the road you are faced with a chargeback request from your merchant account pro

CAPTCHA Can Kill Your Conversion Rate

Captcha

· By Christian Holst · 17 comments

More and more websites are using CAPTCHA to avoid spam, but they’re typically bad for your business as CAPTCHAs have major usability problems. M

Designing a new Website #3: Finished Layout

All-design-elements-together

· By Jamie Appleseed

(This is part three in a series of posts about designing a new webpage from scratch, before you have any concrete data to guide your design-decisions.)

Subliminally Directing Visitor Attention Towards Your Page's Goal

Mail-chimp-original

· By Christian Holst · 2 comments

Today we’re going to take a look at a technique which can be used to subliminally direct your visitor’s attention towards the goal of your

Designing a new Website #2: Design Drafts

Initial-draft

· By Jamie Appleseed

(This is part two in a series of posts about designing a new webpage from scratch, before you have any concrete data to guide your design-decisions.) W

Designing a new Website #1: Priority Lists

Display-lists

· By Jamie Appleseed · 2 comments

(This is part one in a series of posts about designing a new webpage from scratch, before you have any concrete data to guide your design-decisions.) W

How I Increased Newsletter Sign-Up Rate 274%

Sign-up-form

· By Christian Holst

One year ago I got quite a big surprise when looking at the statistics of a newly launched website: out of 2,000 visitors, 32% clicked a link leading t

Conversion Design: the Real Purpose of Web Design

· By Christian Holst · 12 comments

What exactly do Toyota, Nike and Apple expect in return when they throw millions at their designers? “Something really pretty; something beautifu

Close overlay