Pelizzone MaurizioTorino, 16 Giugno 2015

Maurizio Pelizzone

Titolare @ mavida.comSviluppatore e formatoreConsulente WordPressOrganizzatore @ WordCamp Bologna 2013Organizzatore @ WordPress Meetup Torino 2013Organizzatore @ WordPress Day 2013Organizzatore @ WPCON Torino 2012

maurizio@mavida.com http://www.mavida.com http://maurizio.mavida.com https://twitter.com/miziomon http://www.slideshare.net/miziomon http://www.linkedin.com/in/mauriziopelizzone

Bello != Usabile

bello

usabile

Bellezza: «La qualità capace di appagare l'animo attraverso i sensi, divenendo oggetto di meritata e degna contemplazione»

Devoto Oli

Coerenza grafica (colori, dimensioni e tipografia) Immagini «emozionali» Animazioni CSS Parallasse Video

Usabilità: «la capacità di un sistema di essere compreso, appreso, utilizzato e attraente per gli utenti quando usato sotto condizioni specificate»

Normativa ISO/IEC 2001a

1. Efficacia2. Efficienza3. Appropriatezza4. Soddisfazione

Efficacia: «la capacità di raggiungere un obiettivo producendo l’effetto ed i risultati voluti»

Efficienza: «la capacità di minimizzare costi e risorse a parità di risultati»

Appropriatezza: «la capacità rispondere in modo adeguato ad un bisogno»

Soddisfazione: «la capacità di rispondere ai bisogni informativi consentendo un adeguato livello di comprensione»

«Credo che l’obiettivo della maggioranza dei progetti web dovrebbe essere il rendere semplice per le persone (o per i clienti) lo svolgimento delle attività che hanno un qualche fine pratico»

Jacob Nielsen

Obiettivo: utente

Il design responsivo, o responsive web design (RWD), indica una tecnica di web design per la realizzazione di siti in grado di adattarsi graficamente in modo automatico al dispositivo coi quali vengono visualizzati (computer con diverse risoluzioni, tablet, smartphone, cellulari, web tv), riducendo al minimo la necessità per l'utente di ridimensionamento e scorrimento dei contenuti.Il design responsivo è un importante elemento dell'accessibilità, la quale tiene conto inoltre di numerosi altri fattori, incentrati non solo sui dispositivi ma anche sulle caratteristiche dell'utente (quali: capacità cognitive, vista, difficoltà fisiche, e così via).

Wikipedia

1. Coerenza grafica e tipografica2. Evidenziare lo scopo del sito in modo sintetico e significativo.3. Limitare il numero di voci del menu4. Usare della terminologia significativa per tutti i contenuti5. Creare percorsi di navigazione alternativi

6.Velocità caricamento

Prima di scegliere un template:

Perfomance User Experience Responsività Personalizzazione Supporto tecnico

?