UX Basics, Definitions, and Fundamentals

Baymard conducts original large-scale research studies on all aspects of the online user experience — from “on-site search” to “complete product page usability.”

We understand not everyone is well versed in ecommerce user experience and design, so we're creating a library of UX Basics & Definitions to enable anyone to understand UX fundamentals, and you will find these articles below.

UX Fundamentals

• What Is UX? The Basics of User Experience Design: What UX is, why it’s important, and why designing with UX in mind is vital to creating websites and products people love.
• UI vs. UX: Fundamentals of User Design: Understanding the difference between UI and UX design, and how they fit together during the product design and development process.
• The UX Design Process: Making the Most of User Experience: Here's an inside look at the user experience design process and some ways to improve your current UX systems.
• The Best Practices and Key Principles of UX Design: In this article, we’ve put together the top UX design best practices you can use to optimize your ecommerce website or app, selected by Baymard’s team of user experience experts.
• What Is UX Writing: UX writing includes all text elements working in conjunction with a website’s UI. These text elements communicate critical information to the user, guiding them through their interactions and making the experience intuitive and seamless.
• What is Split Testing? 6 Split Test Ideas for Ecommerce: Split testing is a great way to boost the conversion rate of your website. But randomly A/B testing elements like button color will rarely result in significant results. In this article, we’ll explain what split testing is and how to do it effectively.
• Findability and Discoverability: 6 UX Tips for Ecommerce: Findability is the measurement of how easy it is to locate content on your website - for example product pages. This article will discuss research-backed ways to improve findability and discoverability on your ecommerce site, and help users find more products they want to buy.

UX Design Education and Certification

• 6 Online UX Courses From Beginner to Specialized: Baymard Institute’s researchers have attended — and led — countless UX training programs. To point you in the right direction, we’re sharing some reputable UX design courses with different specializations, from UX fundamentals to advanced professional workshops.
• Ecommerce UX Certification - Baymard Institute: Baymard Institute’s Ecommerce UX Certification is a specialized self-study program based on large-scale user experience (UX) research. It develops proficiency in applying the same UX design guidelines that power the world’s highest-performing ecommerce sites.

UX Research and Audits

• UX Research: A Comprehensive Guide: The definition of user experience (UX) research and how you can investigate the needs and wants of your customers to create remarkable user experiences.
• How to Conduct a UX Audit to Improve Usability for Ecommerce Websites: A UX audit (also known as a site audit) is a step-by-step process that helps you spot user experience problems, so you can fix them with proven UX design principles and improve your ecommerce conversion rates.
• The Step-by-Step Guide to UX Competitive Analysis: This study will give you a perspective of your website’s UX relative to your market. Learning what your competitors are doing right and wrong will highlight opportunities to innovate and improve.
• Baymard's UX Research Methodology: A thorough description of the methodologies used for Baymard Institute’s 130,000+ hours of large scale ecommerce UX research.
• What Is a Conversion Audit? Crucial Data for Ecommerce CRO: A conversion audit, also called a CRO audit, is a wide-ranging examination of the customer’s journey on your website. The purpose of a conversion audit is to identify UX or technical issues that could be dragging down your conversion rate. This article will explain the conversion audit process in discrete steps.
• 40+ UX Statistics (from 130,000+ hours of UX Research): Wondering if UX is worth it for your website? These UX statistics are proof that user experience design should never be an afterthought -- and the reason successful ecommerce sites invest in UX.

Ecommerce User Experience

• 16 Actionable Ecommerce Conversion Rate Optimization Tips: Good conversion rates are the result of hundreds of small design decisions — and that can feel really overwhelming. Here are 16 ecommerce CRO tips to get you moving in the right direction.
• 35 Data-Driven Ecommerce Best Practices: In this post, you’ll find 35 data-driven ecommerce best practice recommendations. They’re specific guidelines sourced directly from Baymard Institute’s 130,000+ hours of large-scale research that go beyond UX basics.
• 18 UX Design Examples: Inspiration for Improving User Experience: We’ve compiled a list of UX design examples — selected from Baymard's ecommerce UX case studies — that you can use as inspiration for improving the user experience on your site.
• A Guide to Information Architecture UX: If you want to ensure all the content on your site is logical and easy for users to find, you need to understand the role of information architecture in UX. This article will discuss the basics of information architecture and how to approach it for your ecommerce website.

Ecommerce Checkout UX Optimization

• The Checkout UX Guide: Optimizing Your Ecommerce Order Flow with Research-Backed Insights: This in-depth guide is designed to help you identify friction points in your ecommerce site’s checkout process, and make evidence-based, research-backed design decisions to improve checkout UX. You’ll learn how leading retailers handle checkout flow, mistakes to avoid, how to secure stakeholder buy-in and prove ROI for checkout UX fixes, and get inspiration from best practice examples.

UI Elements and Website Usability

• 8 Recommendations for Creating Effective Input Fields: Input fields are essential elements of check-out forms and pages as they allow users to submit information into your system. Mastering the user experience will help your visitors complete forms with more confidence and fewer errors, resulting in more successful transactions.
• Button Design: Best Practices for Optimal UI Buttons: The buttons on your website can often be overlooked. Yet, no user can complete a transaction without clicking on at least one. Optimizing the text, color, size, and position of your buttons can have a substantial impact on the user experience and conversion rate of your website.
• Form Design: 6 Best Practices for Better Ecommerce UI: Forms are the critical interface through which buyers complete purchases on your website. If your forms are confusing or intimidating, users might abandon their cart and go elsewhere. Ensuring your forms are simple and easy to use is key to reducing card abandonment and improving conversion rates.
• Website Usability Best Practices (Backed By Research): Here are some of the best practices to avoid common website usability issues and ensure a positive user experience, all sourced from our large-scale UX research.
• What Is Usability Testing?: Usability testing combines different methods of observing users' behavior and reactions when browsing your site and performing activities. This process indentifies weaknesses that limit you website's performance, ultimately reducing your conversion rate and sales.
• User-Centered Design: Principles and Examples of UCD: Design and development teams can create high-performing digital products that perform to users' exact needs by incorporating user experience and feedback through all stages of development. In this post, we will explain what user-centered design is and how it works.
• What Is an Ecommerce Filter? UI Best Practices: Filters allow users to narrow down a product catalog by selecting specific attributes to define exactly what they're looking for and surface only the products that match. This guide shares key filter types, UI best practices, and real-world design examples.
• Ecommerce Category Pages: Definition, Usage, & Design Tips: An ecommerce category page is a navigational hub that helps shoppers find their way to the right subcategory or product type. This guide explains how and where to use them, along with UX best practices and best-in-class examples.

If you want to move from theory to practical improvements, the best place to start is with real, research-backed guidance.

Baymard’s Free Plan is designed for exactly that!

→ Sign up free to free research-backed UX guidelines and start improving your site today.