This document provides an overview of best practices for eCommerce design. It discusses designing for the user experience, why good design is important, and recommended design processes. It also covers key design elements like search, checkout, and forms. The document recommends optimizing the design after launch using analytics and user feedback. It suggests tools like Google Analytics, Feng GUI, Loop11, and Clicktale that can help with testing and optimization.
How to Troubleshoot Apps for the Modern Connected Worker
Best practice ecommerce design
1. t practic e eComme rce design
Bes
By
George Ioannou
Hea d of Creative & Strategy
2. About me
Ov er 13 years eCommerce industry experience
Worked for w
ell know n solution providers
Clients: Small to large retailers
Experience in
m any industry verticals
3. What we are going to cover
• What a re we designing for?
• Why is good design so important?
• Recommen ded design process
• A look at variou s key design elements
• Design o ptimisation after go-live
• Tools that can help you
8. Here are some reasons…
!
• It repres ents your brand, make your mark
ce a nd it s often a first impression a
• Design can reflect trust, confiden
user gets.
et ty, poor design is often one of
• The design isn t just making things apr low conversion
the big gest reasons in bounce rates nd
tion ality but without good design
• Y ou can have so many features/func
they may not be used sitive
a ke the user journey an easy and po
• Well thought out design cans m
experience to your customer
s can be familiar with your site, even
• Best practice means your usersit, increasing conversion and AOV
though it may be their first vi
21. Some optimisation pointers
• Look at your analytics and react
• Ask your users for their opin ions through polls,
feedb ack, usability labs
• Conduc t multivariate testing
24. Google
• Google Tools
• http://www.google.com/
Analytucs & Reporting
A/B & MVT testing
Translation
25. Some online tools...
Feng-GUI
www.feng-gui.com
Optimise layouts
Identify weak spots & improve
performance
Location of brand and branding
effectiveness
26. Some online tools...
Loop11
www.loop11.com
Create professional usability tests
in minutes
Conduct remote user testing
See the results of your user test
online – instantly.
28. Fivesecondtest
• Five Second Test
• http://fivesecondtest.com/
UI feedback
Fine tune design
Extracts the frequent keywords places in
to graph
29. Thanks for listening!
Email : george@maginus.com
Twitter: @georgeioannou
L inked In: www.linkedin.c om/in/georgeioannou
Maginus : www.maginus.com