Jacopo Pasquini in Open Campus. Usability & UX: 10 consigli per il tuo sito web

Usability & UX: 10 consigli per il tuo sito web! ©‎ Jacopo Pasquini | www.doctorbrand.it | www.userexperience.boutique

Usability & UX

10 consigli per il tuo sito web!

Jacopo Pasquini (@doctorbrand) www.doctorbrand.it www.userexperience.boutique

OPEN LESSON

Cagliari, 3 dicembre 2014


Buonasera!


Jacopo PasquiniConsulente e docente di marketing e comunicazione digitalewww.doctorbrand.it


Jacopo Pasquiniin Sardegna… ☺


Di cosa parleremo

•  UX & Usability

•  Come si progetta un sito?

•  Perché la UX è importante?

•  Creativo oppure usabile?

•  10 consigli pratici di usabilità


La differenza tra…

UX eUsability


http://youtu.be/OI5WN35k5jY


ATTIVITA’ + UTENTI + CONTESTO =UX

USABILITY

USER EXPERIENCE (UX)

UX e Usability Dimensioni della progettazione che si focalizzano sull’uso che

le persone faranno di un prodotto o di un servizio.


UX & Usability failInterfacce non intuitive


UX & Usability failProdotti che hanno bisogno di (troppe) spiegazioni


UX & Usability failScelte multiple


UX & Usability failDa dove iniziare? Blocco decisionale.


UX & Usability failPerché l’avranno fatto diverso da tutti gli altri?


UX & Usability failI dettagli contano :)


UX & Usability fail nel digitale Questo è un sito di….?


UX & Usability fail nel digitale


L’usabilità si sente quando manca

h"p://bakersjunc0on.com/4Se un sito funziona non se ne accorge nessuno: è quando non funziona che se ne accorgono tutti - (Sofia Postai)


La user experience capisce l’utente


La grafica non è il punto di partenza

Come si progetta un sito?


Web & Mobile

User Experience

SEO/SEM

Advertising

Brand identity

Social Media

Content strategy

Analytics

Digital Strategy: molte componenti


Progettare, prima di fare


PROTOTIPAZIONE

CONCEPT DESIGN

PROGETTAZIONE (RI-PROGETTAZIONE)

VALUTAZIONE RICERCA/ ANALISI

VALUTAZIONE EURISTICA USER RESEARCH

ANALISI DEI REQUISITI TEST CON GLI UTENTI

Le fasi del processo UX Design


C’è anche (e soprattutto?) il mobile

Se le persone si comportano così….

…i siti web devono adattarsi!


La progettazione (digitale)


Un rapporto di amore e odio…


UX is a good business

Perché la UX è importante?


Aumento delle fiducia in un sito webAumento dei visitatori che tornano (fidelizzazione)Aumento della permanenza sulle pagine del sitoAumento delle conversioni

In un sito caratterizzato da una buona user experience gli utenti riescono a portare a termine i propri obiettivi: ricerca informazioni, acquisti, richiesta di assistenza e altro.

++++

Migliora tutte le performance


Riduzione richieste di aiutoRiduzione costi assistenzaRiduzione delle lamentele

Inoltre:

__

_

Rafforzamento del brand+Infine:

Riduce tutti i problemi


Dilemmi quotidiani di design

Creativo oppure usabile?


+ likeability

- likeability

+ usability- usability

Horrible

Perfect

Easy

Beautiful

Dove vi posizionate? Bellezza e funzionalità


Entrambi!

Bello e funzionale nella prima impressione

Dobbiamo progettare le nostre tecnologie per il modo in cui le persone si comportano realmente, non per come vorremmo che si comportassero - (Donald Norman)


Entrambi!

Bello e funzionale nello svolgimento di compiti

Don’t make me think! - (Steve Krug)

Entrambi!


Entrambi!

Bello e funzionale nella comunicazione degli erroriEntrambi!


Entrambi! Entrambi! Bello e funzionale nella comunicazione degli errori


Entrambi!

Bello e funzionale nei suggerimenti di uso

Interface is the product - (Aza Raskin)

Entrambi!


Ispirazioni di web design

h"p://www.awwwards.com/44

Ispirazioni per la bellezza


Ispirazioni di web design

h"p://li"lebigdetails.com/44

Ispirazioni per la funzionalità


Ispirazioni (di orrori) di web design

h"p://www.nelsitopiubru"odelmondo.it/44

Ispirazioni per evitare brutte figure


Enjoy!

http://youtu.be/jk4b5d95jN8


Siti più efficaci con l’usabilità

Come migliorare un sito web grazie all’usabilità?


Test utente fai da te (low cost)


Valutazione esperta


Le 10 euristiche di NielsenLe linee guida di usabilità più famose del mondo: Ten Usability Heuristics http://www.useit.com/papers/heuristic/heuristic_list.html (Molich, Nielsen, 1990)


La nostra usability checklistper siti di successo!

Le 10 euristiche di Pasquini e GiomiIdentità

Homepage

Navigazione

Ricerca

Scrittura

Lettura

Grafica

Compiti

Tecnica

Ecommerce

1

2

3

4

5

6

7

8

9

104

MADE IN WITH


1. Identità* Chi siete. Cosa fate. Cosa dicono di voi?


2. Homepage communication* Comunicate l’obiettivo principale del sito


3. Navigazione * Menu né ampi né profondi e nomi chiari


4. Ricerca* In alto, ben visibile e design standard


5. Scrittura* «No» al gergale, «si» alla brevità


6. Lettura* Curate font, stili e colori


7. Grafica* Interfaccia minimale

Si raggiunge la perfezione non quando non c’è più nulla da aggiungere, ma quando non c’è più nulla da togliere – (Antoine de Saint-Exupéry)


8. Compiti* Form brevi, messaggi di errori comprensibili


9. Tecnica* Funziona su tutti i browser e sul mobile?


10. E-commerce* Scheda prodotto ovvia e acquisto in pochi clic

Prima legge del commercio elettronico: un utente non può comprare un prodotto che non trova – (Jakob Nielsen)


Infine

Conclusioni


Se sei un esperto non devi testare il tuo designLe persone usano sempre il tuo prodotto nel modo in cui l’hai immaginatoTestare l’usabilità è molto costosoSe funziona per Amazon, funzionerà per teTu sei come i tuoi utenti

Altri pregiudizi qui:http://it.uxmyths.com/

5 miti da sfatare


- likeability

- usability

Horrible Easy

Beautiful

+ likeability

+ usability

Perfect

Cosa abbiamo imparato oggi?


Rendiamo Internet un posto migliore!

bitly.com/sitobruttoFree download:


Bigliografia indispensabile

Consigli di lettura


Coincidenze :)


Ciao a tutti!

Thank You!http://www.doctorbrand.it/ http://www.userexperience.boutique/ http://librowebusability.it/ http://nelsitopiubruttodelmondo.it

Jacopo Pasquini in Open Campus. Usability & UX: 10 consigli per il tuo sito web

Marketing

Transcript of Jacopo Pasquini in Open Campus. Usability & UX: 10 consigli per il tuo sito web