Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Improving e-commerce with delight

Improving e-commerce with delight

The foundations of every e-commerce - or any web site/app we design and build for that matter - are to be; functional, reliable and usable.

Whilst that can often be enough to convert your users to customers, there is an additional layer that we should be looking to add and that is pleasure.

This talk explores how adding pleasure and delight to our e-commerce user interfaces through the means of animations and interactions. Improving our user’s experience and as a result those precious conversions.

Talk given at General Assembly's 'The E-Commerce Economy' event in London on 09/06/2015

Ben MacGowan

June 09, 2015

More Decks by Ben MacGowan

Other Decks in Technology


  1. “ ” @benmacgowan Good UI animations have purpose, personality, and

    alignment with your message - they just feel right. - Val Head
  2. @benmacgowan “ ” I believe we can do more with

    motion than purely entertain. We can use motion graphics to teach, to engage, and illustrate our conclusions. - Sarah Allen
  3. @benmacgowan “ ” On the average web page, users have

    time to read at most 28% of the words during an average visit - Jakob Neilson http://www.nngroup.com/articles/how-little-do-users-read/
  4. @benmacgowan “ ” As elements respond to our interactions, it

    sometimes is a little easier to comprehend what just happened when we sprinkle in the element of time. A built in intentional delay in the form of an animation or transition, respects cognition and gives people the required time to understand a change in size or position. - GoodUI
  5. @benmacgowan Click designed by Rohan Gupta from the Noun Project

    Photo credit: https://www.flickr.com/photos/spavaai/2536426227 expectation
  6. @benmacgowan Rabbit designed by Thomas Hirter from the Noun Project

    Photo credit: https://www.flickr.com/photos/martijnvandalen/5280691005 distraction
  7. @benmacgowan Chat designed by Ed Harrison from the Noun Project

    Photo credit: https://www.flickr.com/photos/91591049@N00/12461846804 BRand messaging