Download to read offline
Uploaded byImmo Böhm
Vaimo sa ecom seminar feb 27 2014 ecom & ux - PJ Utsi
The document summarizes a seminar on e-commerce and user experience. It discusses how to think about and approach user experience, including starting by understanding the customer and creating scenarios and personas. It also covers continuing to refine understanding of the customer as more data is obtained. The presentation demonstrates responsive design techniques for mobile websites and the importance of multi-channel experiences. It provides examples of both mobile-optimized and multi-channel retailer websites.
More Related Content
Similar to Vaimo sa ecom seminar feb 27 2014 ecom & ux - PJ Utsi
Vaimo sa ecom seminar feb 27 2014 ecom & ux - PJ Utsi
- 1. E-COMMERCE & USER EXPERIENCE VaimoE-commerce Seminar February 27, 2014 Sage Technology Park, Pretoria
- 2. PJ UTSI CO-FOUNDER &CHIEF CREATIVE OFFICER Stockholm, Sweden Science + Development + Design + Innovation Business + Sales + Product + Digital + Web = Ecommerce!
- 3. AGENDA • What is userexperience? • • How to start • How to continue • • How to think Demo What’s new & happening? • Mobile • Multi-channel • Demo
- 4. USER EXPERIENCE Design, Look& Feel, Usability, Readability, Accessibility Speed, Intuitiveness, Precision, Stability, Quality, Reliability Price, Discounts, Availability, Payment, Shipment, Returns Delivery, Packaging, Products, Warranty, Brand, Marketing It’s everything!
- 5. USER EXPERIENCE: HOWTO THINK • Building a digital store • • • Digital is not physical You have more than one store layout People shop differently • • • Men vs. Women Rational vs. Emotional People are right • We are probably only guessing • Digital means we have data
- 6. USER EXPERIENCE: HOWTO START • The site • • What does it do? The customer • • • Who is it? Why is she here? Scenarios & journeys • • What is going to happen? Prioritize • What is most important?
- 7.
- 8. THE BRAND LOYALCONSUMER
- 9.
- 10.
- 11. USER EXPERIENCE: HOWTO CONTINUE • The site • • Is it working? The customer • • • Who is it really? Why is she really here? Scenarios & journeys • • What is actually happening? Prioritize • What is most important, now that we know more?
- 12. WHO IS ITREALLY?
- 13. WHAT IS ACTUALLYHAPPENING?
- 14. DEVICES, TRAFFIC &SALES?
- 15.
- 16.
- 17. USER EXPERIENCE: DEMO • Gant -http://us.gant.com • Eton - http://www.etonshirts.com • Björn Borg - http://www.bjornborg.com • Bauhaus - http://www.bauhaus.se • JC - http://www.jc.se • P O. P - http://www.polarnopyret.com • Ridestore - http://www.ridestore.se • FCNY - http://www.flightclub.com • Konga - http://www.konga.com
- 18. WHAT’S NEW &HAPPENING? Mobile Multi-channel
- 19. MOBILE • What is it? • Isit important? • What’s the problem? • What must we do?
- 20. MOBILE: WHAT IS IT? • Areyou mobile? • Are you desktop? • What’s the difference?
- 22. MOBILE: WHAT IS IT? • Smallerscreen • • Sometimes a lot, sometimes a little Touch • No keyboard • No cursor
- 23. MOBILE: IS IT IMPORTANT? • ThePC is dead • We only buy mobile devices
- 24.
- 25.
- 26.
- 27.
- 28.
- 29.
- 30. THE WEB ONMOBILE, NOT EXACTLY A PARTY… …AND IT’S THOSE ☁#★!& NATIVES FAULT!
- 31. HOW? APPS SET THEBAR HIGH BUT… SO WE HAVE TO • Touch We can’t replace • Look like an app • Sharp every site with an • Act like an app • Focus app • Shed weight • Recognize me • Connection is slower • Hardware • Browser is weak • Performance •
- 32. HOW? WE WANT DESKTOP- GRADE BUT… SO… • Content • Screenis smaller • Features • Sometimes portrait, • Interface • Readability sometimes landscape • Different size • Everything must be available • Content and layout must adapt
- 33. MOBILE: WHAT MUST WEDO? • Look & act like an app • Shed weight • Make everything available • Adapt content & layout to screen size
- 34.
- 35.
- 36. MOBILE: DEMO • Eton - http://www.etonshirts.com • BjörnBorg - http://www.bjornborg.com • P O. P - http://www.polarnopyret.com • Bauhaus - http://www.bauhaus.se • CUM Books - http://www.cumbooks.co.za • Konga - http://www.konga.com
- 37. MULTI-CHANNEL • What is it? • Isit important? • What’s the problem? • What must we do?
- 38. MULTI-CHANNEL: DEMO • CUM Books -http://www.cumbooks.co.za • Pavers - http://www.pavers.co.uk • Flight Club - http://www.flightclub.com • P O. P - http://www.polarnopyret.com • Bauhaus - http://www.bauhaus.se • Tilbords - http://www.tilbords.no
- 39.