By Peter Ramsey

23 Nov 23

The billion dollar missed opportunity Company Logo
Zaraā€¢10 min readā€¢
Listen

The billion dollar missed opportunity

The billion dollar missed opportunity Featured Image

Zara generatesĀ about $60 billion annually in online revenue, whilst closing physical stores.

TheirĀ future isĀ online, and yet, they've built perhaps theĀ worst online shopping experience I've ever used.

Considering the sheer scale of their business, reducing their churn, or improving their average basket size by a single percentage point, would mean additional revenue to the tune of hundreds of millions of dollars.

Zara should have a product team obsessively optimising, experimenting on, and seeking feedback about their entire checkout process.Ā 

Every incremental improvement would yieldĀ a ridiculousĀ return onĀ investment.

And yet, it's borderline unusable, littered with bugs and full of missed opportunities.

Hold on to your faux fur hats for this one, it's about to get bumpy.

Case study

Please rotate your device to view this slideshow

Note, this wonā€™t work if ā€˜rotate: lockā€™ is on in your device settings.
479953
479954
479955
479956
479957
479958
479959
479960
479961
479962
479963
479964
479965
479966
479967
479968
479969
479970
479971
479972
479973
479974
479975
479976
479977
479978
479979
479980
479981
479982
479983
479984
479985
479986
479987
479988
479989
479990
479991
479992
479993
479994
479995
479996
479997
479998
479999
480000
480001
480002
480003
480004
480005
480006
480007
480008
480009
480010
480011
480012
480013
480014
480015
480016
480017
480018
480019
480020
480021
480022
480023
480024
480025
480026
480027
480028
480029
480030
480031
480032
480033
480034
480035
480036
480037
480038
480039
480040
480041
480042
480043
480044
480045
480046
480047
480048
480049
480050
480051
480052
480053
480054
480055
480056

šŸ‘‡

Thatā€™s all for the slideshow, but thereā€™s more content and key takeaways below.

Slide 1 of 105

Key UX takeaways

1. Fashion > ease

Where else to start, other than the extraordinaryĀ šŸ§  Cognitive Load.

Below is a screen recording of their homepage, whichĀ hasn't been sped up or edited in any way.

As a challenge, try and read the text.

Let's be clear; this is a digital interpretation of a fashion brochure, and it suffers in almost every way.

It's barely readable, it's distracting, it's unnecessary and it's constantly fighting common sense and accessibility, in the pursuit of beingĀ on-brand.

It'd be hard to justify that allowing key components to overlap, as shown inĀ the screenshots below,Ā has been built with user experience in mind.

IMG 3546 1
IMG 3297 1
IMG 3303 2 1

The takeaway here, is that overly-stylised designs tend to be harder to use. And it's okay to lean on what feels familiar, and works well.

Trends change, fashion changes, and your homepage changes, but design principles rarely do, because they're rooted in human biases.

2. Nothing matters

In design, hierarchy creates order.

In turn, this helps people sift through millions of pixels in an instant, and optimise what they shouldĀ care about the most.

i.e., where they should focus their attention.

It's why titles are more prominent, why we use formatting in text, and why buttons are coloured.

The problem with Zara, is that because everything looks the same, nothing matters more than anything else.Ā 

For example, what stands out below? Do you want to interact with anything you see?

Tags, filters & search

Tags, filters & search

Add to basket

Add to basket

Product sizes

Product sizes

Errors

Errors

Logging in

Logging in

FAQs

FAQs

An even harder challenge (now you've scrolled), would be to try and recall what a specific component looked like, or what differentiated it from anything else.

The inefficiencyĀ andĀ lack of enthusiasm (that I certainlyĀ feel)Ā is due to aĀ type ofĀ šŸ•¶ Content Blindness.

Our brains seek shortcuts without permission, often just deciding to ignore much of what we see.

This is why it's fundamentally difficult to build muscle memory, when every action, label, field and box looks the same.

Nothing appears to be worthy of remembering.

3. Yeah, that'll do

You'reĀ looking at your basket, checking that you still want everything there, and nothing has accidentally slipped in.

It all looks fine, so you click to proceed to checkout.

You're then greeted with a spinner: "saving changes".

But what changes? Nothing has changed. In fact, I don't want anything to have changed.

IMG 3332
IMG 3333

I imagine that this is simply a lazily-implemented label. It's perhaps functionally correct at a database level, but bears almost no resemblance to what the user wants to, or believes isĀ happening.

Which is a shame, because loading labels can be both accurate, and additive to the broader experience.

This is, ironically, one of the times where you can let personality shine.

Take this UX Bite of Duolingo, as an example:

Aside from the animated dancing bird (which is fantastic in this context, but very hard to replicate), the content subtly does three important things:

āŒ›ļø

1. Clarity and context

It's loading a course (i.e., an actual lesson), not another dashboard.

💪

2. The Labour Illusion

The term "building" insinuates that "work" is happening, in a more visual way than "loading" would.

ā­ļø

3. Social proof

Reminds the user that 40 million people are also learning spanish on Duolingo.

Almost nobody would see "saving changes",Ā and panic to the point of churning.

But these small momentsĀ matter, because they're both a missed opportunity to do something better, and because they accumulate throughout an experience.

Study Complete

That was an easy way to consume 50 hours of UX research, right?

What will you dive into next?

Why users are ignoring your features

Why users are ignoring your features

Simple techniques to increase feature usage, retention and ultimately alter how users perceive the value of your product.

Hiding complexity to create effortless onboarding

Hiding complexity to create effortless onboarding

The techniques that Slack have used to create an effortless onboarding flow, and why you might not want to copy them.

The secrets of a $7.08 welcome bonus

The secrets of a $7.08 welcome bonus

The product psychology behind why Robinhood offer new users $7.08 of free stock, and not $10.

All of the UX analysis on Built for Mars is original, and was researched and written by me, Peter Ramsey.

Never miss the free UX analysis

Free case studies, the moment theyā€™re released, plus a digest of the best UX Bites every few weeks.