Progettare l'usabilità di una homepage
1) Comunicare lo scopo del sito
Mostrare chiaramente il nome dell’azienda, o dell’attività e il suo logo in un posto preciso
Includere un sottotitolo breve che dica in modo esplicito cosa fa l’attività
Enfatizzare ciò che l’utente può fare sul sito
Enfatizzare le più importanti funzionalità (vedere i valori dei titoli, il tempo..)
Designare una sola pagina per sito come homepage ufficiale
Progettare la homepage perché si distingua dalle altre pagine del sito
Comunicare informazione riguardo alla propria attività
2) Raggruppare informazione « corporate »:
About Us
Investor Relations
Press Room
Employment
Includere un link a una sezione About Us che dia una panoramica generale dell’attività e includa link utili
3) Permettere un sistema di feedback
Specificare gli scopi del feedback e chi leggerà l’informazione
Distinguere l’informazione interna, utile a chi è dentro la struttura, e l’informazione esterna
Se il sito è un sito commerciale, spiegare il « business model »
4) Il contenuto
Mettere a disposizione esempi, demo
Linkare gli esempi alle aree appropriate del sito
Rendere facilmente accessibile tutta l’informazione che è stata recentemente disponibile sul sito (con una lista degli articoli recenti, per esempio, e un archivio facile da navigare)
Evitare contenuto ridondante
Evitare gergo di marketing
Etichettare le sezioni secondo il valore che hanno per gli utenti, non per l’organizzazione
Usare standard coerenti. EVITARE TROPPE MAIUSCOLE (riducono la leggibilità)
Non etichettare un’area di contenuto chiaramente definita, se la posizione in cui si trova è auto-evidente (per esempio le notizie principali)
Evitare le categorie che contengono un solo elemento: solitamente c’è bisogno di una ricategorizzazione
5) Linguaggio e formattazione
Non usare il linguaggio imperativo come nella pubblicità, ma solo se guida un’azione (sul web si può agire : « Entra in un mondo meraviglioso » significa sul Web che si può andare da qualche parte
Rendere chiare le abbreviazioni, gli acronimi
Evitare i punti esclamativi!(non professionali)
Evitare punteggiature o spaziature S.T.R.A.N.E.
6) Links
Differenziare i link e renderli rapidamente analizzabili (specifici e brevi)
Non usare istruzioni generiche (clicca qui)
Non usare link generici (More of…)
Permettere al colore di mostrare i link visitati e quelli non visitati
Non usate la parola Link per indicare i link nella pagina
Rendere i link strutturali distinguibili dai logo
Se il link rimanda qualsiasi cosa che non sia una web page, tipo un file pdf, un mail-to, o un video, annunciarlo chiaramente nel testo àncora
7) Search
Fornire un input box visibile sulla homepage e non un rimando a una pagina « Search »
Non dare un nome speciale al search: chiamarlo « Search » o « Go »
Ricerche semplici, non avanzate, con un link alle ricerche avanzate
Evitare il « Search the Web »
8) Tools
Dare agli utenti accesso diretto alle funzionalità primarie del sito
Non includere tools che non sono correlati con ciò che la pagina offre, solo perché esistono
Non includere tols che riproducono funzionalità del browser (come mettere la pagine tra i favoriti o settarla come pagina di default)
9) Grafica
Usare la grafica per mostrare contenuto reale, non per decorare la pagina
Etchettare la grafica e le foto se il significato non è chiaro
Non usare animazioni se il solo scopo è attrarre l’attenzione
Non animare elementi critici della pagina, come il logo
Limitare gli stili e le formattazioni
Mostrare chiaramente il nome dell’azienda, o dell’attività e il suo logo in un posto preciso
Includere un sottotitolo breve che dica in modo esplicito cosa fa l’attività
Enfatizzare ciò che l’utente può fare sul sito
Enfatizzare le più importanti funzionalità (vedere i valori dei titoli, il tempo..)
Designare una sola pagina per sito come homepage ufficiale
Progettare la homepage perché si distingua dalle altre pagine del sito
Comunicare informazione riguardo alla propria attività
2) Raggruppare informazione « corporate »:
About Us
Investor Relations
Press Room
Employment
Includere un link a una sezione About Us che dia una panoramica generale dell’attività e includa link utili
3) Permettere un sistema di feedback
Specificare gli scopi del feedback e chi leggerà l’informazione
Distinguere l’informazione interna, utile a chi è dentro la struttura, e l’informazione esterna
Se il sito è un sito commerciale, spiegare il « business model »
4) Il contenuto
Mettere a disposizione esempi, demo
Linkare gli esempi alle aree appropriate del sito
Rendere facilmente accessibile tutta l’informazione che è stata recentemente disponibile sul sito (con una lista degli articoli recenti, per esempio, e un archivio facile da navigare)
Evitare contenuto ridondante
Evitare gergo di marketing
Etichettare le sezioni secondo il valore che hanno per gli utenti, non per l’organizzazione
Usare standard coerenti. EVITARE TROPPE MAIUSCOLE (riducono la leggibilità)
Non etichettare un’area di contenuto chiaramente definita, se la posizione in cui si trova è auto-evidente (per esempio le notizie principali)
Evitare le categorie che contengono un solo elemento: solitamente c’è bisogno di una ricategorizzazione
5) Linguaggio e formattazione
Non usare il linguaggio imperativo come nella pubblicità, ma solo se guida un’azione (sul web si può agire : « Entra in un mondo meraviglioso » significa sul Web che si può andare da qualche parte
Rendere chiare le abbreviazioni, gli acronimi
Evitare i punti esclamativi!(non professionali)
Evitare punteggiature o spaziature S.T.R.A.N.E.
6) Links
Differenziare i link e renderli rapidamente analizzabili (specifici e brevi)
Non usare istruzioni generiche (clicca qui)
Non usare link generici (More of…)
Permettere al colore di mostrare i link visitati e quelli non visitati
Non usate la parola Link per indicare i link nella pagina
Rendere i link strutturali distinguibili dai logo
Se il link rimanda qualsiasi cosa che non sia una web page, tipo un file pdf, un mail-to, o un video, annunciarlo chiaramente nel testo àncora
7) Search
Fornire un input box visibile sulla homepage e non un rimando a una pagina « Search »
Non dare un nome speciale al search: chiamarlo « Search » o « Go »
Ricerche semplici, non avanzate, con un link alle ricerche avanzate
Evitare il « Search the Web »
8) Tools
Dare agli utenti accesso diretto alle funzionalità primarie del sito
Non includere tools che non sono correlati con ciò che la pagina offre, solo perché esistono
Non includere tols che riproducono funzionalità del browser (come mettere la pagine tra i favoriti o settarla come pagina di default)
9) Grafica
Usare la grafica per mostrare contenuto reale, non per decorare la pagina
Etchettare la grafica e le foto se il significato non è chiaro
Non usare animazioni se il solo scopo è attrarre l’attenzione
Non animare elementi critici della pagina, come il logo
Limitare gli stili e le formattazioni
<< Home