UI Experiments

This is a playground for me to experiment with different animations, interactions, and design patterns.
Minicart

Iteration 1

A ordinary cart item you can see on multiple ecom websites.
  • Minimal Interactions.
  • Feels Slow.
  • Boring.

Wooden Stool

yabbayabba
700.00 SEK
1

Bioglow

yabbayabba
500.00 SEK
1

Polaroid

yabbayabba
2 500.00 SEK
1

Iteration 2 - With Animation

Whats done:
  • Cartitem glides out when removed.
  • Loading state indicators to provide real-time user feedback.
Better but the response time remains sluggish, detracting from the overall pleasantness of the user experience.

Wooden Stool

yabbayabba
700.00 SEK
1

Bioglow

yabbayabba
500.00 SEK
1

Polaroid

yabbayabba
2 500.00 SEK
1

Iteration 3 - Optimistic UI

Whats done:
  • Optimistic UI for item removal and quantity adjustments.
Optimistic UI embodies the concept that the ideal loading state is none at all. Rather than waiting for server responses, it enables instant UI updates, making the user feel in control. Its also a great way to improve the perceived speed of your component.

Wooden Stool

yabbayabba
700.00 SEK
1

Bioglow

yabbayabba
500.00 SEK
1

Polaroid

yabbayabba
2 500.00 SEK
1