Web Magazine. Blog sul mondo del web design.

Un sito ben progettato di solito è frutto di un lavoro di squadra.

(esclusi ovviamente i freelance supersaian che riescono a progettare e “impacchettare” siti più che dignitosi contando solo su se stessi)

Esperti (ma anche no) di marketing per analizzare il mercato di riferimento, un grafico con un minimo di buon senso, programmatori attenti a creare del codice “pulito”, copywriter creativi ma con i piedi per terra: ognuno può dare il suo importantissimo contributo affinchè il lavoro finale risulti davvero usabile.

Eppure basta un errore da parte di una sola di queste figure per ottenere il contrario.

Gli utenti del web hanno fretta, e, cosa ancora più importante, hanno tante alternative, se un sito impiega più del tempo necessario per caricare tutti i dati l’utente cercherà altrove. Questo è uno dei mille motivi di frustrazione per cui si sceglie di chiudere un sito e passare avanti, la vera scommessa sta nel riuscire a trattenere le persone sul nostro sito, e, ovviamente, a fornire loro le informazioni che cercano in maniera:

1. trasparente;
   
2. veloce;
3. precisa.

All’interno del teamwork cosa fare un web designer per offrire il suo contributo?

Alcune brevi dritte da tenere sempre a mente:

SIATE CREATIVI… QUANDO PROGETTATE PER VOI STESSI

Esagerataaa.. direbbe qualcuno.
Lo dico da web designer, e da creativa.
Spesso bisogna saper rinunciare a buona parte degli effetti speciali e affidarsi al buon senso.
Se la creatività vi suggerisce di collocare il logo aziendale in basso a destra perchè “fa figo”… provate a dare qualche testata nel monitor e poi ripartite con la progettazione.
Gli utenti non hanno voglia di giocare alla caccia al tesoro per trovare le informazioni che cercano.

DIAMO IL GIUSTO PESO ALLE GRANDEZZE DEI FONT

Appurato che vorremo includere come possibili utenti del nostro sito anche la zia miope quasi ottantenne, non dobbiamo per forza usare per tutto il sito un font dell’equivalente di 20px.

Scegliamo grandezze diverse per intestazioni, paragrafi (che siano davvero leggibili), elenchi di menu, e informazioni accessorie come quelle presenti nei footer. Facciamo in modo che l’utente percepisca immediatamente l’informazione più importante ricordando però che troppe informazioni “importanti” hanno l’effetto di rendere tutto e quindi niente importante.

EVITIAMO DI PROVOCARE IL TORCICOLLO

Provate a leggere un paragrafo di 800PX in larghezza… se gli articoli dei giornali sono divisi in trafiletti un motivo ci sarà.

OCCHIO AI CONTRASTI

Riduciamo al minimo gli sfondi colorati con texture e motivi, e evitiamo decisamente di usarli come sfondi di paragrafi. Nessun lettore si soffermerà mai sulla bellezza della texture usata sotto al testo,  nessuno griderà “lode al grafico” piuttosto inizierà ad avvertire un leggero fastidio che lo spingerà fuori dal vostro sito in velocità record.

FATE RESPIRARE I LINK

Cerchiamo di evitare, negli elenchi di menu, di inserire pulsanti o link testuali troppo vicini tra loro o con aree sensibili ridotte. Avete 30 link da inserire in un menu e non sapete come schiacciarli l’uno vicino l’altro?
La soluzione usabile è una sola: dimezzateli, almeno 2 volte. Troppi link creano solo confusione.

Beh ci sarebbero tantissimi altri punti, per non parlare del fatto che ogni punto introdotto in questo post andrebbe approfondito.

Consiglio vivamente la lettura di Don’t make me think! di Steve Krug, un libro a dir poco meraviglioso che spiega l’usabilità con ironia e facilità di lettura approfondendo i singoli argomenti con test e casi pratici.

Sul web invece, per chi abbraccia in pieno la causa usabilità, segnalo una risorsa di sicuro interesse:

http://www.usabile.it/ | di Maurizio Boscarol

http://lau.csi.it : dove troverete tanto altro materiale!

Puoi trovare interessante anche:

• Menu animati con JQuery
• Principi di usabilità – centrare l’obiettivo
• Diventare freelance – scarica l’ebook!
• Trenitalia.it passa al layout fisso
• Roberto Scano ci parla di IWA, l’associazione dei professionisti del web

Esprimi un giudizio sul post!

(+6 rating, 6 voti)

 Loading ...