Chi può diventare Ux Designer?

Sono molti gli specialisti di diversi campi che possono dedicarsi all’User Experience.
Un webdesigner potrà diventare un UX Designer, perché ha già chiare le meccaniche di un sito web e quindi sa come muoversi.
Un seo può diventare un UX Designer perché anche il suo lavoro richiede un’attenta progettazione, dovrà pensare anche agli utenti e non solo ai motori di ricerca.
Anche un programmatore ma più in generale le figure professionali a stretto contatto col sito e le sue problematiche sono candidati ideali a diventare progettisti dell’esperienza, perché sanno cosa significa usare un sito e quanto è importante che sia facile da usare.

Perché diventare Ux Designer?

L’User Experience è una disciplina decisamente importante quando si sviluppa un sito web, permette infatti di capire i problemi degli utenti, i bisogni delle aziende, i requisiti che quel dato sito dovrà avere.
In sostanza, permette di creare un sito più usabile.
Siti web più usabili vogliono dire più facilità d’uso nella navigazione, nella ricerca di informazioni, e quindi, più registrazioni, acquisti.
Oltretutto la maggior parte dei siti sono progettati senza pensare agli utenti, e avere quindi un sito usabile è un chiaro vantaggio rispetto alla concorrenza.

Risorse

Come già detto l’user experience è una disciplina molto vasta, ci sono diversi approcci alla materia, chi è specializzato in Architettura dell’Informazione sarà più portato a ragionare su come organizzare e gestire i contenuti, mentre gli Interaction Designer si focalizzeranno più sulle interazioni tra il sito e l’utente.
Ho cercato di fare una summa di tutte le migliori risorse che sono riuscito a trovare, ben conscio che sicuramente ho dimenticato qualcosa.

Libri

Ci sono innumerevoli libri, in italiano e in inglese, tra cui ricordiamo:

• Don’t make me think: questo è senza spiegazione, andrebbe letto comunque.
• A project guide to Ux Design: un buon libro di base, per chi mastica l’inglese.
• Architettura dell’informazione per il world wide web: architettura dell’informazione in italiano.
• Information architecture Blueprints for the web: architettura dell’informazione, in inglese.
• The paradox of choice, why less is more; attenzione che questo libro è senza ritorno. Comprare o scegliere qualcosa non sarà più la stessa cosa dopo averlo letto.

Siti web

Questi sono da mettere tra i feed assolutamente:

• UxBooth
• Findability.org
• The Web Usability Blog
• Uxmatters
• UsableWorld
• Trovabile
• UxMagazine, versione italiana e versione inglese
• UserPathways
• Uselog

Corsi ed eventi

Per chi volesse fare magari un corso o partecipare ad un evento dedicato al mondo dell’ux segnalo:

• Corso di architettura dell’informazione, Luca Rosati, all’università di Perugia.
• IA Summit, evento annuale dedicato all’architettura dell’informazione.
• UxLondon, altro evento annuale al di fuori dell’Italia.
• UxConference

Post correlati

• 27 gennaio 2010 -- Accessibilità: i vocabolari controllati
• 3 maggio 2010 -- Test, statistiche e sondaggi prima di pubblicare un sito
• 26 aprile 2010 -- La strategia di architettura dell’informazione

Una volta pubblicato un sito ecco cosa dobbiamo fare:

• Installare un software per le statistiche.
• Installare un software per heatmap.
• Lanciare dei sondaggi per il sito.
• Raccogliere feedback.
• Fare dei test utenti.

A che serve fare queste cose? A una cosa molto semplice: migliorare l’esperienza d’uso del sito, cioè la sua usabilità.

Vediamole in dettaglio.

Statistiche & Mappe di calore

Questi due strumenti sono sicuramente i più facili da impostare, bastano pochi codici javascript nel sito e abbiamo finito.

Raccogliere le statistiche, oltre ovviamente a vedere quante persone entrano nel sito, e quindi utile a fini SEO, ci aiuta perché ad esempio possiamo scoprire quali sono le pagine più cercate del sito, con quali termini sono cercate, e quindi migliorare le parole, i vocabolari controllati, le etichette. Oltretutto, se sappiamo quali sono le pagine più cercate del sito, possiamo pensare ad evidenziare in maniera maggiore queste pagine, magari linkandole direttamente dalla home (se sono pagine interne), oppure espandere la loro sezione o pagina.

Le heatmap, o mappe di calore, creabili con software tipo Crazyegg (a pagamento ma il mio preferito) oppure con script tipo Clickheat (che non sono mai riuscito a far funzionare) hanno un vantaggio non così diretto, ma di ampio respiro.
Queste mappe di calore ci permettono di scoprire dove l’utente posiziona il mouse, e di conseguenza, l’occhio. Questo ci serve davvero tanto quando vogliamo scoprire come migliorare visivamente degli elementi, su come spostarli, renderli più evidenti, come ad esempio un pulsante per vendere prodotti.

Test utenti

I test utenti: sarebbe da dedicarci non un paragrafo ma un libro intero (Steve Krug lo ha fatto!).
Abbiamo un sito online, completo e funzionante, quando testarlo se non ora?
Il più comune dei test a questo punto è prendere delle persone e dare loro degli obiettivi per quel sito, e vedere come e se riescono ad assolvere quei compiti.
Attenzione, un piccolo disclaimer: facendo questi test adesso potreste essere tentati di cambiare tutto nel sito, ma così facendo rischiate di creare solo confusione. Avete presente facebook ogni volta che aggiorna la grafica? Ecco.
La scimmia sapiens si adatta anche alle cose fatte male (ma questa non è una scusa per fare siti da cani, sia ben chiaro), e ogni cambiamento provoca traumi. Meglio concordare col cliente una strategia di redesign del sito e procedere a piccoli passi, per non sconvolgere gli utenti.

Sondaggi e feedback

Una volta che il vostro sito è online potete direttamente chiedere ai vostri utenti che cosa ne pensano. Sondaggi e feedback esistono apposta per questo, anche se sono leggermente diversi tra di loro. Infatti i sondaggi danno un numero limitato di risposte preimpostate, con conseguente riduzione dei benefici ricavabili, mentre i feedback avendo la risposta libera sono più proficui. Il problema dei feedback è che richiedono più tempo per scriverli, quindi gli utenti che ne inviano sono minori di quelli che rispondono a un sondaggio.

Post correlati

• 26 aprile 2010 -- La strategia di architettura dell’informazione
• 18 marzo 2010 -- L’importanza delle “etichette” nella creazione di un sito
• 12 marzo 2010 -- Architettura dell’informazione: la prima fase di ricerca è importante!

Una volta completata la raccolta dei dati nella fase di ricerca, possiamo passare alla strategia.
Adesso dobbiamo decidere la direzione da prendere per procedere in maniera coerente attraverso la progettazione. In parole povere, dobbiamo definire gli obiettivi del sito e la direzione da prendere affinché questi si realizzino.

Questo momento non va preso alla leggera, dobbiamo riuscire infatti a bilanciare i bisogni degli utenti e dell’azienda, cosa che non è mai facile. Un obiettivo deve cercare di accontentare i bisogni di tutti, o quantomeno la maggioranza delle persone che visiteranno quel sito.
La definizione di questi obiettivi si basa in gran parte su quello che vuole il cliente dal sito (se lo sa), cercando di bilanciare questo con i bisogni degli utenti. Non è accettazione acritica da parte vostra degli obiettivi del cliente. Ma d’altra parte non è neanche accettazione acritica da parte del cliente dei vostri obiettivi: dovete trovare un punto di incontro, un compromesso che bilanci bisogni e usabilità. Altrimenti state per creare un sito inutile.

Quando creo un documento per gli obiettivi mi piace distinguere tra obiettivi principali (primari), e obiettivi secondari, così da definire diverse priorità al progetto. Questo mi è utile soprattutto in siti complessi, che devono assolvere a molte funzioni e non si può fare tutto subito. Molto agile.

Presentare la strategia

Abbiamo la nostra bella strategia pronta ad essere messa in pratica, abbiamo faticato tanto per creare un qualcosa che bilanciasse utenti e business: come la facciamo capire al cliente?
Possiamo farglielo capire creando ad esempio dei diagrammi che mostrano come gli utenti navigheranno in determinati scenari, e quindi come sviluppare una data funzione.
Possiamo creare delle bozze da mostrargli, non un vero e proprio wireframe, solo una bozza a grandi linee.
Possiamo creare una presentazione powerpoint e mostrargli come lo sviluppo in quella data maniera gli porterà benefici. Gli scenari sono molteplici.

Presentare la strategia è altrettanto importante che elaborarla. Infatti alla fine tutto ricade nelle mani dei nostri clienti, ed è quindi nostro dovere fargli capire al meglio possibile quello che vogliamo sviluppare e come questo può soddisfare suoi obiettivi.

Post correlati

• 3 maggio 2010 -- Test, statistiche e sondaggi prima di pubblicare un sito
• 18 marzo 2010 -- L’importanza delle “etichette” nella creazione di un sito
• 12 marzo 2010 -- Architettura dell’informazione: la prima fase di ricerca è importante!

Questo articolo, suggerito ieri da Sofia Postai su Facebook, mi è piaciuto molto.

Buona lettura!

Post correlati

• 17 giugno 2010 -- Avvicinarsi all’User Experience
• 3 maggio 2010 -- Test, statistiche e sondaggi prima di pubblicare un sito
• 26 aprile 2010 -- La strategia di architettura dell’informazione

Conclusione: entro i primi 1.000 pixel scrollano che è una bellezza, l’attenzione cala se non si pongono dei punti fermi visivi. Il 20% circa arriva alla fine e vi si sofferma, per cui l’attenzione anche ai footer è importante.

Sopra e sotto la “piega”: lunghezza della pagina, scrolling e attenzione degli utenti

[di Maurizio Boscarol]

Post correlati

• 17 giugno 2010 -- Avvicinarsi all’User Experience
• 3 maggio 2010 -- Test, statistiche e sondaggi prima di pubblicare un sito
• 26 aprile 2010 -- La strategia di architettura dell’informazione

• La parola o le parole che ho scelto sono chiare per tutti (o quantomeno per la maggior parte dei miei utenti)?
• Se non, perché? Sono previste delle spiegazioni per queste etichette?
• Le etichette sono coerenti in tutto il sito oppure diverse parole usano diversi sistemi di etichettatura? Perché non sono standardizzati?

Forme di etichette

Esistono diverse forme di etichette, che possiamo in maniera generica racchiudere in 4 principali:

• Titoli
• Link
• Icone
• Menu

Non sono gli unici tipi di etichetta che esistono, ma prendiamo in considerazione solo questi per il momento, senza bisogno di complicarci ulteriormente la vita.

Etichette come titoli

Le etichette usate come titoli sono tutte quelle etichette che rappresentano intestazioni e blocchi di testo (h1, h2, ecc). Hanno una chiara gerarchia, facilmente distinguibile per via delle dimensione delle etichette (più grandi significa più importanti), dai colori e dai caratteri usati. Gli utenti si basano su queste etichette per leggere il contenuto della pagina.

Etichette come link

Le etichette usate come link nei contenuti, etichette che sono diverse da quelle usate come menù, sono tutti quei link che sono presenti nel contenuto di una pagina. Questi link, per essere ben compresi devono basarsi sul contesto della pagina ed essere esplicativi. Se ad esempio su un sito di una webagency mi trovo scritto: “web design”, dove potrà condurmi questo link? Nella pagina dei servizi? A Wikipedia? Per risolvere in parte questo problema basta passare sopra al link col mouse, ma questa non può essere una scusante per creare dei link che siano oscuri o ambigui (come i tristemente famosi “clicca qui”).

Etichette come menu

Con le nostre etichette possiamo sfruttare uno strumento molto potente: le convenzioni. Homepage sappiamo tutti cosa voglia dire, ci porta alla pagina principale, di meno Main, che assolve alle stesse funzioni.
Non c’è alcun bisogno di creare etichette fantastiche che però non abbiano nessun nesso con la realtà (ovvero che non hanno alcun senso per i nostri visitatori). Per aumentare la comprensione di queste etichette possiamo inserire una descrizione della pagina sotto o affianco l’etichetta. Questo sistema sta andando di moda in questi ultimi anni, e per fortuna è una buona pratica.
Ovviamente, spero di non doverlo più ripetere, queste etichette, o almeno quelle principali, dovrebbero essere sempre nella stessa parte di pagina in tutto il sito, in modo da non creare ulteriore confusione.

Etichette come icone

Non dovete quasi mai usare queste etichette.
Ok, ora che vi ho spaventati a dovere, diamo un po’ di spiegazioni.
Queste icone grafiche vanno usate solo nel caso che la convenzione dell’etichetta sia palesemente nota, ad esempio, la casetta significa homepage e la @ contatti. Ma le altre? Queste etichette generano una grande frustrazione nell’utente che va poi ad utilizzarle.
Una scappatoia per il loro utilizzo è quella di affiancare a queste icone una breve descrizione della pagina che linkeranno, in modo da aumentare la comprensione dell’immagine.

Post correlati

• 3 maggio 2010 -- Test, statistiche e sondaggi prima di pubblicare un sito
• 26 aprile 2010 -- La strategia di architettura dell’informazione
• 12 marzo 2010 -- Architettura dell’informazione: la prima fase di ricerca è importante!

In questo momento noi dovremo fondamentalmente comprendere e capire quante più cose possibili riguardo il sistema sito-azienda. Ad esempio dovremo sapere chi sarà a gestire questo sito, in modo da potergli fornire una strumentazione adeguata alle sue capacità; dobbiamo sapere quale è il target di utenza di questo sito, così da veicolare meglio e in maniera più efficace il messaggio; dobbiamo sapere se esiste già un sito internet, cosa molto importante sotto molti aspetti; dobbiamo sapere quale è il budget per questo progetto, ecc..

Ad esempio, per poter capire il target di utenza di un sito-azienda (dato che molto spesso le aziende non hanno idea di chi sia il loro target), possiamo analizzare le keyword del sito (se esiste, vedete come già torna utile sapere questa cosa?), possiamo condurre dei test oppure fare delle interviste con clienti attuali e/o potenziali, per capire quello che vogliono e per tracciare dei profili degli acquirenti.

Esiste già un sito web?

Sapere che un sito web esiste già ci permette di fare delle valutazioni aggiuntive molto importanti.
Installando un sistema di controllo delle statistiche possiamo ad esempio sapere quali sono le pagine più cercate nel sito, e per quale motivo, ed eventualmente mettere in evidenza quelle pagine, magari creando un link direttamente in homepage.
Possiamo scoprire quali sono le parole più cercate dai visitatori per poterle così usare nella creazione dei vocabolari controllati.
Tramite mappe di calore possiamo scoprire aree del sito da migliorare, per permettere una meglio visualizzazione di quello che ci interessa.
Possiamo inoltre condurre dei test utenti col sito stesso.

Test utenti

Quando abbiamo già un sito diventa molto importante testarlo in maniera diretta per vedere se c’è qualcosa da modificare oppure salvare nel processo di redesign. Non dobbiamo essere disfattisti ad ogni costo perché così facendo possiamo andare ad eliminare cose che in realtà funzionano, spendendo poi molto più tempo e denaro per implementarle di nuovo.
Oltre a questi test effettuati da noi stessi possiamo testare questi siti con utenti reali, in maniera che così questi utenti possano scoprire cose che noi “super utenti” (anche se questa definizione è assolutamente dannosa e sarebbe meritoria di un articolo a parte) possiamo ignorare.
Inoltre, cosa altrettanto importante, questi test fanno capire a direttori, ceo e amministratori di aziende quanto è importante il processo di architettura dell’informazione, costituendo un ulteriore incentivo a investire nell’architettura dell’informazione.

Post correlati

• 3 maggio 2010 -- Test, statistiche e sondaggi prima di pubblicare un sito
• 26 aprile 2010 -- La strategia di architettura dell’informazione
• 18 marzo 2010 -- L’importanza delle “etichette” nella creazione di un sito

Ma ora che è pubblicato vorrei fare di più.
Vorrei, insieme a voi, completare questo grafico nel miglior modo possibile. Io sono una persona sola, e non voglio imporvi il mio punto di vista “è così, punto e basta”. Voglio condividere questa cosa mia per poterne creare una nostra, più corretta e condivisa dalla maggior parte delle persone possibili.

E quindi partiamo subito, cosa migliorereste/aggiungereste/togliereste dal grafico?

Post correlati

• 3 maggio 2010 -- Test, statistiche e sondaggi prima di pubblicare un sito
• 26 aprile 2010 -- La strategia di architettura dell’informazione
• 18 marzo 2010 -- L’importanza delle “etichette” nella creazione di un sito

[...]se, dopo mezz’ora che uno cerca disperatamente di modificare la password, e si perde fra i meandri di un sito che non ha alcun rispetto per le esigenze degli utenti, dispersivo, con link piccolissimi e labeling astratto (benché sicuramente approvato dal marketing), si vede finalmente comparire un messaggio scritto piccolo piccolo e per giunta in rosso, il primo istinto è: “Oddio, cos’ho sbagliato, adesso?”.

Leggi il seguito: Il rosso, il verde, e i messaggi di conferma: un piccolo suggerimento ai signori di Cartasì

Post correlati

• 17 giugno 2010 -- Avvicinarsi all’User Experience
• 3 maggio 2010 -- Test, statistiche e sondaggi prima di pubblicare un sito
• 26 aprile 2010 -- La strategia di architettura dell’informazione

• Cosa è l’architettura dell’informazione
• Ricerca
• La strategia
• Il Design
  • Vocabolari controllati
  • Le etichette
  • Personaggi e scenari
  • Navigazione tassonomica
  • Navigazione a faccette di ADVsha
  • I Diagrammi
  • Testare le idee
  • I wireframes
• Implementazione
• Rilascio

Post correlati

• 3 maggio 2010 -- Test, statistiche e sondaggi prima di pubblicare un sito
• 26 aprile 2010 -- La strategia di architettura dell’informazione
• 18 marzo 2010 -- L’importanza delle “etichette” nella creazione di un sito