Mi presento

UX Designer & Usability ExpertFormazione e Consulenza

RESTIAMO IN CONTATTOwww.simonegiomi.comuserexperience.boutiquewww.linkedin.com/in/simonegiomi

In mezz’ora

● User Experience: perché è importante

● L’analisi: il benchmark

● La struttura: architettura dell’informazione

● Il design: best practices

UX in 3 parole

Un posto per la UX

Come si fa la UX

STRATEGIA

Benchmark

Architettura dell’informazione

Caso studio

Merchant settore arredamento

REDESIGN DEL SITO

Benchmark

Facciamolo bene

Cosa analizzareHomepagePagina di listingScheda prodotto Carrello Checkout

Benchmark

Facciamolo verticale

Cosa analizzareHomepage

● header● menu di navigazione● search box● hero area● lanci di prodotto ● promozioni● footer

Pagina di listing● anteprima prodotti● filtri ● ordinamenti

Scheda prodotto ● ...● …● ...

Benchmark

Facciamolo verticale

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

Abbiamo detto verticale

Focus on: ARCHITETTURA DELL’INFORMAZIONE

Evidenze

Navigazione per ambiente

Evidenze

Navigazione per designer

Evidenze

Navigazione per prodotti

Evidenze

Navigazione per ispirazione

Progettare prima di fare

Progettare prima di fare

Home

Ambienti Prodotti ... Inspiration ... ...

Progettare prima di fare

Home

Ambienti Prodotti Inspiration

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

Best practices per menu di navigazione

Mega menu: facciamolo bene

Best practices per menu di navigazione

Forse era meglio prima?

Best practices per menu di navigazione

Occhio alle etichette!

Best practices per menu di navigazione

Hamburger (icon), hamburger (icon) ovunque

Best practices per menu di navigazione

Hamburger (icon), hamburger (icon) ovunque

Best practices per menu di navigazione

C’è menu e menu

Best practices per menu di navigazione

Slim menu

Best practices per menu di navigazione

A qualcuno piace “sopra”

Aperitivo?

RESTIAMO IN CONTATTOwww.simonegiomi.comuserexperience.boutiquewww.linkedin.com/in/simonegiomi