SlideShare a Scribd company logo
1 of 11
Alessandro Mazzù
Navigazione




• La posizione corrente all’interno del sito è indicata chiaramente
• Il collegamento alla pagina principale del sito è identificato chiaramente
• Le parti più importanti del sito sono direttamente accessibili dalla pagina principale
• La mappa del sito viene fornita (soprattutto per un sito complesso e di grandi
 dimensioni)
• Ove necessario, viene fornita una funzione di Ricerca facile da usare




   www.qadra.net | www.alessandromazzu.it | www.marketingwebtv.it | www.pizzamktg.it | www.webupdate.it
Funzionalità




• Il sito risulta soddisfacente sia per il novizio che per l’utente esperto
• Le funzioni sono identificate chiaramente
• Le funzioni essenziali sono disponibili senza lasciare il sito
• Gli elementi accessori vengono usati soltanto se forniscono valore aggiunto




www.qadra.net | www.alessandromazzu.it | www.marketingwebtv.it | www.pizzamktg.it | www.webupdate.it
Controllo dell’utente




            • L’utente può annullare qualunque operazione
            • Elementi di navigazione evidenti sono forniti in ogni pagina
            • Tutti i browser (su tutti i sistemi operativi) opportuni sono supportati




www.qadra.net | www.alessandromazzu.it | www.marketingwebtv.it | www.pizzamktg.it | www.webupdate.it
Linguaggio e Contenuto



• Alle informazioni e funzioni importanti viene attribuita la necessaria evidenza
• Le informazioni meno importanti o le meno usate non vengono fornite
• Le informazioni o le funzioni collegate sono raggruppate (o nella stessa pagina o menu
 oppure nella stessa zona all’interno di una pagina)
• Il linguaggio è semplice, senza termini gergali
• I paragrafi sono brevi
• I link sono concisi, espressivi e visibili - non sepolti nel testo
• I concetti sono definiti




   www.qadra.net | www.alessandromazzu.it | www.marketingwebtv.it | www.pizzamktg.it | www.webupdate.it
Help online




     • Il sito è progettato per richiedere Help e istruzioni minime
     • L ́Help e le istruzioni, se necessari, sono facilmente accessibili




www.qadra.net | www.alessandromazzu.it | www.marketingwebtv.it | www.pizzamktg.it | www.webupdate.it
Sistema & Feedback




• E' sempre chiaro che cosa sta accadendo nel sito (suggerimenti visivi, ecc.)
• Gli utenti possono ricevere feedback via E-mail se necessario
• Gli utenti possono fornire dei feedback via E-mail o tramite apposito form
• Schermate di conferma vengono fornite dopo l’invio di un form
• Tutte le risposte del sistema sono tempestive
• Gli utenti sono informati se è richiesto un particolare browser o plug-in




www.qadra.net | www.alessandromazzu.it | www.marketingwebtv.it | www.pizzamktg.it | www.webupdate.it
Coerenza




• La stessa parola o frase è usata coerentemente per descrivere una voce
• Il link riflette il titolo della pagina a cui si riferisce
• Il titolo della pagina del browser è significativo e riflette l’intestazione della
 pagina principale




www.qadra.net | www.alessandromazzu.it | www.marketingwebtv.it | www.pizzamktg.it | www.webupdate.it
Errori


• Gli utenti possono contare sul riconoscimento, non sulla memoria, per un uso
 riuscito del sito
• Il sito supporta una varietà ragionevole di azioni dell’utente
• Il sito fornisce istruzioni coincise per le azioni che deve intraprendere l’utente,
 compreso il formato degli eventuali campi da compilare
• I messaggi di errore sono visibili, non nascosti
• I messaggi di errore sono in un linguaggio familiare, normale
• I messaggi di errore descrivono le azioni per rimediare ad un problema
• I messaggi di errore forniscono un chiaro modo per uscire
• I messaggi di errore forniscono i dettagli su chi contattare per l’assistenza




 www.qadra.net | www.alessandromazzu.it | www.marketingwebtv.it | www.pizzamktg.it | www.webupdate.it
Architettura



• Il sito è organizzato in base alla prospettiva dell’utente
• Nel sito sono evidenti l’organizzazione dei contenuti e lo scopo generale del sito
• Il disegno e il layout del sito sono diretti ed immediati
• Il disegno e il layout del sito sono ridondanti solo se necessario per la produttività
 dell’utente
• Lo spazio bianco è sufficiente; le pagine non sono troppo dense
• Le animazioni inutili sono evitate
• I colori usati per i link visitati e non visitati sono evidenti e comprensibili
• Il testo corsivo e grassetto è usato con parsimonia




 www.qadra.net | www.alessandromazzu.it | www.marketingwebtv.it | www.pizzamktg.it | www.webupdate.it
Twitter: www.twitter.com/#!/qadranet
Facebook: www.facebook.com/alessandromazzu
Linkedin: www.linkedin.com/in/alessandromazzu
web site: www.alessandromazzu.it

More Related Content

Similar to Checklist per l'Usabilità di un sito web

I template framework Joomla sono veramente necessari?
I template framework Joomla sono veramente necessari?I template framework Joomla sono veramente necessari?
I template framework Joomla sono veramente necessari?
Simone Bussoni
 
Mauro Lorenzutti: Quale CMS per Magento?
Mauro Lorenzutti: Quale CMS per Magento?Mauro Lorenzutti: Quale CMS per Magento?
Mauro Lorenzutti: Quale CMS per Magento?
Meet Magento Italy
 
Colorificio MP- terza lezione web marketing
Colorificio MP- terza lezione web marketingColorificio MP- terza lezione web marketing
Colorificio MP- terza lezione web marketing
hinet-rimini
 
2011 -2014: COSA È CAMBIATO SUL WEB PER LE AZIENDE
2011 -2014: COSA È CAMBIATO SUL WEB PER LE AZIENDE2011 -2014: COSA È CAMBIATO SUL WEB PER LE AZIENDE
2011 -2014: COSA È CAMBIATO SUL WEB PER LE AZIENDE
SMAU
 
Accessibile.it al EAVI camp
Accessibile.it al EAVI campAccessibile.it al EAVI camp
Accessibile.it al EAVI camp
Mentine
 

Similar to Checklist per l'Usabilità di un sito web (20)

I template framework Joomla sono veramente necessari?
I template framework Joomla sono veramente necessari?I template framework Joomla sono veramente necessari?
I template framework Joomla sono veramente necessari?
 
Mauro Lorenzutti: Quale CMS per Magento?
Mauro Lorenzutti: Quale CMS per Magento?Mauro Lorenzutti: Quale CMS per Magento?
Mauro Lorenzutti: Quale CMS per Magento?
 
ProgettoTAG: introduzione a Wordpress
ProgettoTAG: introduzione a WordpressProgettoTAG: introduzione a Wordpress
ProgettoTAG: introduzione a Wordpress
 
Vitamine per la comunicazione
Vitamine per la comunicazioneVitamine per la comunicazione
Vitamine per la comunicazione
 
5 cose da sapere per fare un sito responsive su WordPress
5 cose da sapere per fare un sito responsive su WordPress5 cose da sapere per fare un sito responsive su WordPress
5 cose da sapere per fare un sito responsive su WordPress
 
WordPress Meetup giugno 2013
WordPress Meetup giugno 2013WordPress Meetup giugno 2013
WordPress Meetup giugno 2013
 
Colorificio MP- terza lezione web marketing
Colorificio MP- terza lezione web marketingColorificio MP- terza lezione web marketing
Colorificio MP- terza lezione web marketing
 
Drupal - LinuxDay 2010 (Pistoia)
Drupal - LinuxDay 2010 (Pistoia)Drupal - LinuxDay 2010 (Pistoia)
Drupal - LinuxDay 2010 (Pistoia)
 
Drupal - LinuxDay 2010 (Pistoia)
Drupal - LinuxDay 2010 (Pistoia)Drupal - LinuxDay 2010 (Pistoia)
Drupal - LinuxDay 2010 (Pistoia)
 
Informativo magic portal
Informativo magic portalInformativo magic portal
Informativo magic portal
 
Mèmora. La piattaforma per gli operatori - Patrizia Rossi
Mèmora. La piattaforma per gli operatori - Patrizia RossiMèmora. La piattaforma per gli operatori - Patrizia Rossi
Mèmora. La piattaforma per gli operatori - Patrizia Rossi
 
Aruba SuperSite - GUIDA: Semplici passi per imparare ad utilizzarlo
Aruba SuperSite - GUIDA: Semplici passi per imparare ad utilizzarloAruba SuperSite - GUIDA: Semplici passi per imparare ad utilizzarlo
Aruba SuperSite - GUIDA: Semplici passi per imparare ad utilizzarlo
 
Case history: Quercetti Store
Case history: Quercetti StoreCase history: Quercetti Store
Case history: Quercetti Store
 
Socialtools
SocialtoolsSocialtools
Socialtools
 
2011 -2014: COSA È CAMBIATO SUL WEB PER LE AZIENDE
2011 -2014: COSA È CAMBIATO SUL WEB PER LE AZIENDE2011 -2014: COSA È CAMBIATO SUL WEB PER LE AZIENDE
2011 -2014: COSA È CAMBIATO SUL WEB PER LE AZIENDE
 
2011-2014: cosa è cambiato sul Web per le aziende
2011-2014: cosa è cambiato sul Web per le aziende2011-2014: cosa è cambiato sul Web per le aziende
2011-2014: cosa è cambiato sul Web per le aziende
 
webMKthink – Season 1, Episode 3
webMKthink – Season 1, Episode 3webMKthink – Season 1, Episode 3
webMKthink – Season 1, Episode 3
 
Seo Audit Demo
Seo Audit DemoSeo Audit Demo
Seo Audit Demo
 
Conversion Oriented Design
Conversion Oriented DesignConversion Oriented Design
Conversion Oriented Design
 
Accessibile.it al EAVI camp
Accessibile.it al EAVI campAccessibile.it al EAVI camp
Accessibile.it al EAVI camp
 

More from Alessandro Mazzù

More from Alessandro Mazzù (16)

4 Step per analizzare un sito web
4 Step per analizzare un sito web4 Step per analizzare un sito web
4 Step per analizzare un sito web
 
Beach&Love: l'importanza delle persone sui Social Network
Beach&Love: l'importanza delle persone sui Social NetworkBeach&Love: l'importanza delle persone sui Social Network
Beach&Love: l'importanza delle persone sui Social Network
 
Social Media: Check list per aumentare le prestazioni delle tue attività sui ...
Social Media: Check list per aumentare le prestazioni delle tue attività sui ...Social Media: Check list per aumentare le prestazioni delle tue attività sui ...
Social Media: Check list per aumentare le prestazioni delle tue attività sui ...
 
Scuola di Web Marketing: Open Day 2015
Scuola di Web Marketing: Open Day 2015 Scuola di Web Marketing: Open Day 2015
Scuola di Web Marketing: Open Day 2015
 
Facebook: statistiche Aprile-Settembre 2014
Facebook: statistiche Aprile-Settembre 2014Facebook: statistiche Aprile-Settembre 2014
Facebook: statistiche Aprile-Settembre 2014
 
Web Marketing: i principali errori (slide speech inaugurazione Re.Work)
Web Marketing: i principali errori (slide speech inaugurazione Re.Work)Web Marketing: i principali errori (slide speech inaugurazione Re.Work)
Web Marketing: i principali errori (slide speech inaugurazione Re.Work)
 
SEO: Search Engine Optimization (slide del TT Tourism 2014)
SEO: Search Engine Optimization (slide del TT Tourism 2014)SEO: Search Engine Optimization (slide del TT Tourism 2014)
SEO: Search Engine Optimization (slide del TT Tourism 2014)
 
La coda lunga
La coda lungaLa coda lunga
La coda lunga
 
Cercare lavoro in modo corretto ed efficace
Cercare lavoro in modo corretto ed efficaceCercare lavoro in modo corretto ed efficace
Cercare lavoro in modo corretto ed efficace
 
Il Principio 80/20
Il Principio 80/20Il Principio 80/20
Il Principio 80/20
 
Marketing degli eventi
Marketing degli eventiMarketing degli eventi
Marketing degli eventi
 
Corso di Web Marketing a Napoli
Corso di Web Marketing a NapoliCorso di Web Marketing a Napoli
Corso di Web Marketing a Napoli
 
La griglia delle priorità
La griglia delle prioritàLa griglia delle priorità
La griglia delle priorità
 
Video marketing: 7 consigli
Video marketing: 7 consigliVideo marketing: 7 consigli
Video marketing: 7 consigli
 
Il colore rosso nella comunicazione visiva
Il colore rosso nella comunicazione visivaIl colore rosso nella comunicazione visiva
Il colore rosso nella comunicazione visiva
 
Il Piano pubblicitario
Il Piano pubblicitarioIl Piano pubblicitario
Il Piano pubblicitario
 

Checklist per l'Usabilità di un sito web

  • 2. Navigazione • La posizione corrente all’interno del sito è indicata chiaramente • Il collegamento alla pagina principale del sito è identificato chiaramente • Le parti più importanti del sito sono direttamente accessibili dalla pagina principale • La mappa del sito viene fornita (soprattutto per un sito complesso e di grandi dimensioni) • Ove necessario, viene fornita una funzione di Ricerca facile da usare www.qadra.net | www.alessandromazzu.it | www.marketingwebtv.it | www.pizzamktg.it | www.webupdate.it
  • 3. Funzionalità • Il sito risulta soddisfacente sia per il novizio che per l’utente esperto • Le funzioni sono identificate chiaramente • Le funzioni essenziali sono disponibili senza lasciare il sito • Gli elementi accessori vengono usati soltanto se forniscono valore aggiunto www.qadra.net | www.alessandromazzu.it | www.marketingwebtv.it | www.pizzamktg.it | www.webupdate.it
  • 4. Controllo dell’utente • L’utente può annullare qualunque operazione • Elementi di navigazione evidenti sono forniti in ogni pagina • Tutti i browser (su tutti i sistemi operativi) opportuni sono supportati www.qadra.net | www.alessandromazzu.it | www.marketingwebtv.it | www.pizzamktg.it | www.webupdate.it
  • 5. Linguaggio e Contenuto • Alle informazioni e funzioni importanti viene attribuita la necessaria evidenza • Le informazioni meno importanti o le meno usate non vengono fornite • Le informazioni o le funzioni collegate sono raggruppate (o nella stessa pagina o menu oppure nella stessa zona all’interno di una pagina) • Il linguaggio è semplice, senza termini gergali • I paragrafi sono brevi • I link sono concisi, espressivi e visibili - non sepolti nel testo • I concetti sono definiti www.qadra.net | www.alessandromazzu.it | www.marketingwebtv.it | www.pizzamktg.it | www.webupdate.it
  • 6. Help online • Il sito è progettato per richiedere Help e istruzioni minime • L ́Help e le istruzioni, se necessari, sono facilmente accessibili www.qadra.net | www.alessandromazzu.it | www.marketingwebtv.it | www.pizzamktg.it | www.webupdate.it
  • 7. Sistema & Feedback • E' sempre chiaro che cosa sta accadendo nel sito (suggerimenti visivi, ecc.) • Gli utenti possono ricevere feedback via E-mail se necessario • Gli utenti possono fornire dei feedback via E-mail o tramite apposito form • Schermate di conferma vengono fornite dopo l’invio di un form • Tutte le risposte del sistema sono tempestive • Gli utenti sono informati se è richiesto un particolare browser o plug-in www.qadra.net | www.alessandromazzu.it | www.marketingwebtv.it | www.pizzamktg.it | www.webupdate.it
  • 8. Coerenza • La stessa parola o frase è usata coerentemente per descrivere una voce • Il link riflette il titolo della pagina a cui si riferisce • Il titolo della pagina del browser è significativo e riflette l’intestazione della pagina principale www.qadra.net | www.alessandromazzu.it | www.marketingwebtv.it | www.pizzamktg.it | www.webupdate.it
  • 9. Errori • Gli utenti possono contare sul riconoscimento, non sulla memoria, per un uso riuscito del sito • Il sito supporta una varietà ragionevole di azioni dell’utente • Il sito fornisce istruzioni coincise per le azioni che deve intraprendere l’utente, compreso il formato degli eventuali campi da compilare • I messaggi di errore sono visibili, non nascosti • I messaggi di errore sono in un linguaggio familiare, normale • I messaggi di errore descrivono le azioni per rimediare ad un problema • I messaggi di errore forniscono un chiaro modo per uscire • I messaggi di errore forniscono i dettagli su chi contattare per l’assistenza www.qadra.net | www.alessandromazzu.it | www.marketingwebtv.it | www.pizzamktg.it | www.webupdate.it
  • 10. Architettura • Il sito è organizzato in base alla prospettiva dell’utente • Nel sito sono evidenti l’organizzazione dei contenuti e lo scopo generale del sito • Il disegno e il layout del sito sono diretti ed immediati • Il disegno e il layout del sito sono ridondanti solo se necessario per la produttività dell’utente • Lo spazio bianco è sufficiente; le pagine non sono troppo dense • Le animazioni inutili sono evitate • I colori usati per i link visitati e non visitati sono evidenti e comprensibili • Il testo corsivo e grassetto è usato con parsimonia www.qadra.net | www.alessandromazzu.it | www.marketingwebtv.it | www.pizzamktg.it | www.webupdate.it
  • 11. Twitter: www.twitter.com/#!/qadranet Facebook: www.facebook.com/alessandromazzu Linkedin: www.linkedin.com/in/alessandromazzu web site: www.alessandromazzu.it