Author:

Christian Holst is co-founder of Baymard Institute where he writes bi-weekly articles on web usability and e-commerce optimization. He's also the author of the E-Commerce Checkout Usability and M-Commerce Usability research reports.

Twitter: Follow Christian Holst on Twitter

Google Profile: https://plus.google.com/100812534079229327257

An E-Commerce Study: Guidelines For Better Navigation And Categories

Product findability is key to any e-commerce business — after all, if customers can’t find a product, they can’t buy it. Therefore, at Baymard Institute, we invested eight months conducting a large-scale usability research study on the product-finding experience. We set out to explore how users navigate, find and select products on e-commerce websites, using the home page and category navigation.

An E-Commerce Study: Guidelines For Better Navigation And Categories

The one-on-one usability testing was conducted following the “think aloud” protocol, and we tested the following websites: Amazon, Best Buy, Blue Nile, Chemist Direct, Drugstore.com, eBags, GILT, GoOutdoors, H&M, IKEA, Macy’s, Newegg, Pixmania, Pottery Barn, REI, Tesco, Toys’R’Us, The Entertainer, and Zappos. The pages and design elements that we tested include the home page, category navigation, subcategories, and product lists.

Read more...

A Guide To Designing Touch Keyboards (With Cheat Sheet)

Touch devices have rightfully been praised for generally being much more intuitive than the decades-old computer mouse and keyboard. Users interact directly with touch interfaces, which narrows the gap between human act and software response.

A Guide To Designing Touch Keyboards (With Cheat Sheet)

Yet typing on mobile devices — in particular on smartphones — is quite the horror story. It’s slow, painful and error-prone. The obvious culprits are keyboard character size and proximity of the keys, but there are many other important aspects to consider.

Read more...

Exploring Ten Fundamental Aspects Of M-Commerce Usability

Everyone is talking about mobile. Some e-commerce websites are venturing into it. Mobile commerce (also known as “m-commerce”) has immense potential, exhibiting a 86% growth rate and hitting $25 billion in 2012 (set to reach $86 billion by 2016, according to eMarketer).

Exploring Ten Fundamental Aspects Of M-Commerce Usability

It’s also a whole new platform, with new interaction methods and usage contexts that introduce a host of limitations and pitfalls to watch out for when designing and running an m-commerce website. With few best practices yet established, m-commerce is, to a large degree, unchartered territory when it comes to actual implementation.

Read more...

Account Creation, Standalone Mobile Websites, And Dealing With Non-UX Designers

Editor’s note: Welcome to Smashing Magazine UX Design Q&A. It works like this: you send in questions you have about UX Design, and each month we’ll pick a handful of questions asked by our readers about best practices in designing smart and usable experiences.

Account Creation, Standalone Mobile Websites, And Dealing With None-UX Designers

They will be answered by Christian Holst, a regular author here on Smashing Magazine and founder of the Baymard Institute. Prior to cofounding the Baymard Institute in 2009, he worked as a usability engineer in the hearing-aid, credit-card and consulting industries.

Read more...

Adaptive Vs. Responsive Layouts And Optimal Form Field Labels

Welcome to a new column in the UX Design section on Smashing Magazine! Each month we'll pick a handful of popular questions asked by our readers around good practices in designing smart and usable experiences.

UX Design Q&A With Christian Holst: Adaptive Vs. Responsive Layouts And Optimal Form Field Labels

They will be answered by Christian Holst, a regular author here on Smashing and founder of Baymard Institute. Prior to co-founding Baymard Institute in 2009, he worked as a usability engineer in the hearing aid, credit card and consulting industries. If you have any questions that you would like me to tackle for a future Usability Q&A column here on Smashing Magazine, please ask them in the article's comment section!

Read more...

UX StudyThe State Of E-Commerce Checkout Design 2012

A year ago we published an article on 11 fundamental guidelines for e-commerce checkout design here at Smashing Magazine. The guidelines presented were based on the 63 findings of a larger E-Commerce Checkout Usability research study we conducted in 2011 focusing strictly on the checkout user experience, from “cart” to “completed order".

The State Of E-Commerce Checkout Design 2012

This year we've taken a look at the state of e-commerce checkouts by documenting and benchmarking the checkout processes of the top 100 grossing e-commerce websites based on the findings from the original research study. This has lead to a massive checkout database with 508 checkout steps reviewed, 975 screenshots, and 3,000+ examples of adherences and violations of the checkout usability guidelines.

Read more...

Form-Field Validation: The Errors-Only Approach

Error pages for form-field validation are dreadful. You’ve just filled out 20 form fields, yet you get the same bloated page thrown back in your face because a single field failed to validate. I clearly recall the often loud sighs of despair during our last usability study each time a test subject encountered a validation error page.

Form-Field Validation: The Errors-Only Approach

We reflected on this problem and got an idea that we call “error fields only” — which is exactly what this article is about. Before exploring this idea, let’s look at three traditional types of validation techniques: “same page reload,” “optimized same page reload” and “live inline validation.”

Read more...

↑ Back to top