Quali sono i passi da seguire per progettare un’esperienza di acquisto online intuitiva e di qualità? In quale momento dello sviluppo deve essere coinvolto lo user experience designer per garantire che al momento del lancio il sito risulti piacevole e di facile utilizzo? Attraverso la presentazione di un caso studio reale, Simone Giomi illustra tre semplici tecniche di UX design che consentono di concepire e-commerce ad elevata esperienza d’uso: l’analisi dei competitor, la definizione dell’architettura dell’informazione, gli sketch delle singole pagine lungo tutto il funnel di acquisto. Tre semplici step per realizzare un design bello e funzionale, in grado di bilanciare requisiti di prodotto e bisogni dell’utenza. Una dimostrazione alla portata di tutti per far capire quanto un approccio serio alla user experience stia finalmente diventando parte integrante di ogni strategia digitale.

2. Mi presento
UX Designer & Usability Expert
Formazione e Consulenza
RESTIAMO IN CONTATTO
www.simonegiomi.com
userexperience.boutique
www.linkedin.com/in/simonegiomi

3. In mezz’ora
● User Experience: perché è importante
● L’analisi: il benchmark
● La struttura: architettura dell’informazione
● Il design: best practices

4. UX in 3 parole

5. Un posto per la UX

6. Come si fa la UX

7. STRATEGIA
Benchmark
Architettura
dell’informazione
Caso studio
Merchant settore arredamento
REDESIGN DEL SITO

8. Benchmark
Facciamolo bene
Cosa analizzare
Homepage
Pagina di listing
Scheda prodotto
Carrello
Checkout

9. Benchmark
Facciamolo verticale
Cosa analizzare
Homepage
● header
● menu di navigazione
● search box
● hero area
● lanci di prodotto
● promozioni
● footer
Pagina di listing
● anteprima prodotti
● filtri
● ordinamenti
Scheda prodotto
● ...
● …
● ...

10. Benchmark
Facciamolo verticale

11. Benchmark
Perché un benchmark verticale?
ANALISI
● Conoscere le best practices più diffuse
● Conoscere (ed evitare!) le worst practices
● Capire le differenze specifiche dei nostri competitor
DESIGN
● Definire i requisiti
● Supportare con più forza le decisioni prese
● Far leva sugli aspetti differenziali

12. Abbiamo detto verticale
Focus on: ARCHITETTURA DELL’INFORMAZIONE

13. Evidenze
Navigazione per ambiente

14. Evidenze
Navigazione per designer

15. Evidenze
Navigazione per prodotti

16. Evidenze
Navigazione per ispirazione

17. Progettare prima di fare

18. Progettare prima di fare
Home
Ambienti Prodotti ... Inspiration ... ...

19. Progettare prima di fare
Home
Ambienti Prodotti Inspiration

20. Architettura dell’informazione
Perché uno studio dell’architettura dell’informazione?
ANALISI
● Mappare i contenuti
● Mappare il linguaggio > Labelling
DESIGN
● Categorizzare l’informazione
● Selezionare ed etichettare i contenuti
● Elencare i template

21. Best practices per menu di navigazione
Mega menu: facciamolo bene

22. Best practices per menu di navigazione
Forse era meglio prima?

23. Best practices per menu di navigazione
Occhio alle etichette!

24. Best practices per menu di navigazione
Hamburger (icon), hamburger (icon) ovunque

25. Best practices per menu di navigazione
Hamburger (icon), hamburger (icon) ovunque

26. Best practices per menu di navigazione
C’è menu e menu

27. Best practices per menu di navigazione
Slim menu

28. Best practices per menu di navigazione
A qualcuno piace “sopra”

29. Aperitivo?
RESTIAMO IN CONTATTO
www.simonegiomi.com
userexperience.boutique
www.linkedin.com/in/simonegiomi