Presentazione di PowerPoint - ISCOM

Introduzione ad eGLU M
uno strumento per interfacce mobili
Domenico Polimeno
CognitiveLab
slide 1 di 19
CORSO DI INTRODUZIONE ALL’USO DI eGLU 2.1 e eGLU-M
Domenico
Polimeno
Perché mobile?
slide 2 di 19
CORSO DI INTRODUZIONE ALL’USO DI eGLU 2.1 e eGLU-M
Domenico
Polimeno
Fare mobile è diventato una necessità
• Google Penalizza i siti che non sono
mobile ready
• Le persone hanno sviluppato nuove
abitudini e atteggiamenti. Concretamente
hanno aspettative diverse.
• In una nuova prospettiva informativa piena di
rumore essere presenti sul mobile talvolta è
l’unico modo per raggiungere un utente.
slide 3 di 19
CORSO DI INTRODUZIONE ALL’USO DI eGLU 2.1 e eGLU-M
Domenico
Polimeno
Da dove cominciare?
• Adattivo e Responsivo
• Capire come il tema è mobile è affrontato
sul mio sito tramite eGLU M
• Iniziare a produrre contenuti per realtà
omnicanale e cross canale.(Architettura
dell’informazione, ottimizzazioni, Plain
Language)
slide 4 di 19
CORSO DI INTRODUZIONE ALL’USO DI eGLU 2.1 e eGLU-M
Domenico
Polimeno
Adattivo
Versione Desktop
Versione Adattiva
slide 5 di 19
CORSO DI INTRODUZIONE ALL’USO DI eGLU 2.1 e eGLU-M
Domenico
Polimeno
Responsivo
Desktop
Tablet
Mobile
slide 6 di 19
CORSO DI INTRODUZIONE ALL’USO DI eGLU 2.1 e eGLU-M
Domenico
Polimeno
Differenze tra Desktop e Mobile
che hanno portato alla creazione di eGLUM
• Contesto
– I dispositivi mobili vengono utilizzati…in mobilità! Questo cambia
tanto il tipo di consultazione e utilizzo (test strutturati vs non
strutturati)
– I dispositivi mobili vengono utilizzati h24
• Medium
– I dispositivi mobili sono una realtà nuova (< 10 anni)
– UI (design per il touch) e VUI (vocal user interface)
• E tante altre ancora..
slide 7 di 19
CORSO DI INTRODUZIONE ALL’USO DI eGLU 2.1 e eGLU-M
Domenico
Polimeno
eGLU M: Come Iniziare?
• Page speed
– https://developers.google.com/speed/pagespeed/insights/
• Emulatori nel Browser
– https://developer.chrome.com/devtools/docs/device-mode
– https://www.mozilla.org/it/firefox/developer/
• Online Tools
– https://www.google.com/webmasters/tools/mobile-friendly/
– http://mobiletester.it/
– http://validator.w3.org/mobile/
slide 8 di 19
CORSO DI INTRODUZIONE ALL’USO DI eGLU 2.1 e eGLU-M
Domenico
Polimeno
Valutazione Euristica con CELLO
• Un navigatore che conosce l’interfaccia ed esegue le
azioni.
• Due redattori(o esperti) che non conosco l’interfaccia che
sono osservatori e suggeritori.
• Il navigatore chiede cosa fare agli esperti ed esegue
passivamente se c’è totale accordo tra gli esperti e l’azione
è corretta.
• Se c’è disaccordo tra gli esperti e/o l’azione decisa è errata
il navigatore cerca di far motivare a voce la scelta per
indagare i motivi e chiede di indicare fra quale delle
euristiche del sistema potrebbe ricadere l’errore rilevato.
slide 9 di 19
CORSO DI INTRODUZIONE ALL’USO DI eGLU 2.1 e eGLU-M
Domenico
Polimeno
Analytics e Logs
slide 10 di 19
CORSO DI INTRODUZIONE ALL’USO DI eGLU 2.1 e eGLU-M
Domenico
Polimeno
Cosa Abbiamo fatto?
• Stima tecnica
– Il mio sito è tecnologicamente mobile ready?
• Stima Euristica
– Qual è lo stato dell’usabilità del mio sito?
• Stima Audience
– Chi e come visitano il mio sito?
slide 11 di 19
CORSO DI INTRODUZIONE ALL’USO DI eGLU 2.1 e eGLU-M
Domenico
Polimeno
Il risultato delle stime
• Capire se c’è bisogno di un intervento
tecnico
• Orientarsi sul tipo di task da far eseguire
ed iniziare a farsi un’idea sulle criticità da
testare
• Capire quali device testare e quali sono i
miei utenti tipo
slide 12 di 19
CORSO DI INTRODUZIONE ALL’USO DI eGLU 2.1 e eGLU-M
Domenico
Polimeno
Fasi in comune con eGLU
• Selezione dei partecipanti
– Ricordando i dati raccolti nella fase precedente, utilizzando come
criterio di scelta anche il tipo di dispositivo mobile utilizzato
• Creazione e selezione dei compiti
– Aiutandosi con la valutazione euristica fatta precedentemente
• Preparazione dei materiali e dei moduli
per il test
• Test pilota
slide 13 di 19
CORSO DI INTRODUZIONE ALL’USO DI eGLU 2.1 e eGLU-M
Domenico
Polimeno
Esecuzione Strutturata
slide 14 di 19
CORSO DI INTRODUZIONE ALL’USO DI eGLU 2.1 e eGLU-M
Domenico
Polimeno
Esecuzione Non strutturata
• Utile quando il sito è già pubblicato da
molto tempo o la sua realizzazione è già in
fase avanzata
• Può testare la reattività di un’interfaccia in
ambienti pieni di rumore e distrazioni
molto più vicini ad una realtà di utilizzo
quotidiano.
slide 15 di 19
CORSO DI INTRODUZIONE ALL’USO DI eGLU 2.1 e eGLU-M
Domenico
Polimeno
E il resto della procedura?
• Il resto delle fasi in questa prima versione
è ancora molto simile ad eGLU
• eGLUM è uno strumento nuovo e in
continua evoluzione
• Ci piacerebbe far evolvere eGLUM con i
vostri feedback
slide 16 di 19
CORSO DI INTRODUZIONE ALL’USO DI eGLU 2.1 e eGLU-M
Domenico
Polimeno
La FINE?????
slide 17 di 19
CORSO DI INTRODUZIONE ALL’USO DI eGLU 2.1 e eGLU-M
Domenico
Polimeno
È solo l’inizio!
•
•
•
•
•
Il medium è il messaggio!
Usabilità dei testi
Usabilità dei media per il mobile
Architettura delle Informazione
Comunicazione Cross Canale e
Omnicanale
• Social e Sinergie
slide 18 di 19
CORSO DI INTRODUZIONE ALL’USO DI eGLU 2.1 e eGLU-M
Domenico
Polimeno
Ora è veramente tutto!
“Utente è un’antica parola che significa non so con chi ho a che
fare”.
Domenico Polimeno
twitter: @elmook
mail: [email protected]
http://www.innovatoripa.it/users/domenicopolimeno
https://it.linkedin.com/in/domenicopolimeno
slide 19 di 19
CORSO DI INTRODUZIONE ALL’USO DI eGLU 2.1 e eGLU-M
Domenico
Polimeno