Δημιουργώντας επιτυχημένα e-shops μέσω του User Experience Design - Yiannis Konstantakopoulos

Δημιουργώντας επιτυχημένα e-shops μέσω του User Experience Design - Yiannis Konstantakopoulos

WordCamp Thessaloniki 2018

Στην ομιλία του θα μας αναλύσει τις βασικές αρχές του User Experience Design και πώς η εφαρμογή τους μας οδηγεί σε πιο επιτυχημένα ηλεκτρονικά καταστήματα. Όχι γενικά όμως. Γίνεται αναφορά σε συγκεκριμένο project το οποίο βελτίωσε σημαντικά όλους τους βασικούς του δείκτες και φυσικά τα κέρδη του. Καθώς η ανάπτυξη του έργου έγινε σε WordPress, θα αναφερθούν από την οπτική γωνία του design, τα πλεονεκτήματα και τα μειονεκτήματα της πλατφόρμας, αλλά και τα σωστά και τα λάθη της ομάδας που ανέλαβε το project.
Τέλος, κι επειδή πρόκειται για μεγάλο project, θα γίνει αναφορά στις αρχές που πρέπει να διέπουν τις αληθινές ομάδες που δουλεύουν για το Διαδίκτυο.

In his speech he will analyze the basic principles of User Experience Design and how their application leads us to more successful online stores. Not in general though. He will refer to a specific project that significantly improved all of its key indicators and, of course, its profits. As the development of the project was in WordPress, we will examine from the perspective of design, the advantages and disadvantages of the platform, but also the correct actions and mistakes of the team that took over the project.
Finally, and because it is a big project, there will be a reference to the principles that should govern the real groups working on the Internet.

A717e9d055b2284e573b2412e32f5397?s=128

WordPress Greek Community

December 15, 2018
Tweet

Transcript

  1. 4.

    “I have a dream…” Business, Agencies & Startups 
 will

    care more about the user experience of their users
  2. 5.

    “I have a dream…” Business, Agencies & Startups 
 will

    care more about the user experience of their users, so they will design better ones
  3. 7.

    What is User Experience Design? “Everything has a user experience.

    Our job is not to create the user experience. It is our job to make it good.” The Hipper Element http://thehipperelement.com/post/71886924188/daily-ux-crash-course-1-of-31
  4. 8.

    “A UX designer’s work should always be derived from people’s

    problems and aim at finding a pleasurable, seductive, inspiring solution. The results of that work should always be measurable through metrics describing user behaviour.” UX Design for Startups https://www.uxpin.com/studio/ebooks/ux-design-for-startups/ A scientific method (no, really)
  5. 10.
  6. 11.
  7. 14.

    UX Design Step by Step 1. Find your users 2.

    Pen & Paper (Wireframes) 3. Design Mockups 4. Create Prototypes (Launch) 5. Measure & Improve
  8. 15.

    Find your users • Learn how to think like your

    users do • Find and talk to them • Create personas
  9. 17.

    Pen & Paper (Wireframes) • Sketch. Test ideas. Be quick.

    Trust low fidelity. • Design User Flows/Storyboards • Prepare your Sitemap
  10. 18.
  11. 21.
  12. 23.
  13. 25.

    Measure & Improve • Measure 
 (Analytics, Heatmaps, A/B Tests,

    Web Personalization e.t.c.) • Improve • Repeat
  14. 26.
  15. 31.

    A real case Market behaviour Look for sunglasses > 


    Go to skroutz.gr and find the cheapest price > 
 Return to the e-shop and make a phone-call Don’t buy eye glasses A *very* seasonal market (better when the sun shines)
  16. 32.

    A real case Users Sex
 Female: 60%
 Male: 40% Ages


    25-34: 42%
 35-44: 25%
 18-24: 17% Devices
 Mobile: 52%
 Desktop: 36%
 Tablet: 12% Interests
 - Sunglasses
 - Value for Money
 - Fashion
 - Sports
  17. 33.

    A real case Previous website issues User flow Home >

    Sunglasses > Home 100 > 45 > 25 Women - Men Bounce Rate
 Desktop: 49%
 Mobile: 57% Other stats
 Pages / Session: 3.30 Session Duration: 02:03
  18. 34.

    A real case New website stats Bounce Rate
 Desktop: 38%

    (-23%)
 Mobile: 41% (-28%) Other stats
 Pages / Session: 6.79 (+106%) Session Duration: 03:22 (+64%)
  19. 36.

    The aftermath WordPress + WooCommerce Freaking free! Big user base

    = Known issues Clients know how to use it
  20. 46.

    Fundamentals of Team https://medium.com/david-hieatt/fundamentals-of-team-61061926f1a3 01.
 Radical honesty 02.
 Kill The

    Ego 03.
 Clear Purpose 05.
 Never Settle 06.
 Follow Through 04.
 A Safe Place
  21. 47.

    Fundamentals of Team https://medium.com/david-hieatt/fundamentals-of-team-61061926f1a3 07.
 O Captain. My Captain 08.


    Change a little. Change a lot. 09.
 If You Fail, I Fail 11.
 We Have Enough Of Your Time 12.
 Fun 10.
 Walk + Talk
  22. 48.

    Fundamentals of Team Dare to create real teams and skip

    workaholism* * How To Deal With Workaholism On Web Teams https://www.smashingmagazine.com/2014/01/dealing-with- workaholism-on-web-teams/