The Cart UX/UI | 1. Understand users

Differentiation

Looking at major online shopping app and websites, from Shopee to Amazon and Zozotown, we can identify two recurring issues:

  1. It’s difficult to “feel” the product since we deal with a flat screen:

  2. Necessary filters and numerous items competing for attention clutter the screen, resulting in a confusing UI design.

Here is how The Cart will standout from competitors.

Clean UI, filters not getting in the way

Filters appear only when the filter button is pressed in order to maintain a clean, non-cluttered interface.

Since advance filtering is one of The Cart’s major functions, the button is easily found by its massive size and easily accessible, by its position, using the phone with one hand.

When filters are less likely to be used (when reading items details), this button size is smoothly reduced.

Popping out of the screen 

The animation of the item and background creates a “flat 3D” feel, giving the user the impression that the item is popping out of the screen. It simulates a tactile” impression that is usually missing from the on-line shopping experience.