Grocery UX: Dynamically Update the “Add to Cart” Button

During Baymard’s large-scale grocery testing, as participants explored different food categories and added products to the cart, they would sometimes lose track of what they had already added to the cart. As a result, users in the product list will be forced to visit the cartagain and again in order to confirm items that have been added, adding significantly to the time it takes to complete the order, and introducing the... http://webdesignernews.com/grocery-ux-dynamically-update-the-add-to-cart-button/

Created 2y | Sep 12, 2023, 10:30:10 PM


Login to add comment

Other posts in this group

User Journeys vs. Customer Journeys

Think “user” and “customer” are the same thing? Think again. Confusing the two could be the silent killer of your product—and your profits. Here’s why designing for the wrong journey could cost you ev

Aug 16, 2025, 9:20:14 AM | Web - Worth to read
Why Users Ignore AI Explanations

A recent study reveals why well-designed AI explanations often go unused and what it means for UX practice https://webdesignernews.com/why-users-ignore-ai-explanations/

Aug 16, 2025, 9:20:12 AM | Web - Worth to read
A simple, perfectly timed design decision

A few days ago, I opened my finance app to check my card details. Nothing unusual about that. Except this time, I was already on a call. https://webdesignernews.com/a-simple-perfectly-timed-design-dec

Aug 16, 2025, 9:20:10 AM | Web - Worth to read
Navigation-Less Designs by 2030

If you’ve ever opened a B2B app and felt like you were fighting a maze of menus, tabs, and dashboards — you’re not alone. Traditional navigation was once the backbone of digital products. But today, i

Aug 16, 2025, 9:20:08 AM | Web - Worth to read
State of CSS 2025

Hope you’re having a good week so far. This edition I loved the deep dive into the State of CSS 2025 results, with :has() rightly in the spotlight. https://webdesignernews.com/state-of-css-2025-

Aug 16, 2025, 9:20:02 AM | Web - Worth to read
What is the Difference Between CSS Grid and Flexbox?

Flexbox is a one-dimensional layout tool, used for arranging elements in a single row or column. It is best suited for simple, one-dimensional layouts and smaller-scale projects. https://webdesignerne

Aug 14, 2025, 5:50:34 PM | Web - Worth to read