SlideShare une entreprise Scribd logo
1  sur  3
Télécharger pour lire hors ligne
Kea s.r.l. | Via Strà, 102 | 37042 Caldiero (VR)
Tel. / Fax: +39 045 6152381
Web: www.keanet.it | E-mail: info@keanet.it
Report sul libero di Jakob Nielsen e Raluca
Budiu, Mobile Usability, Apogeo, Milano,
2013
Considerato una delle massime autorità sull’usabilità del web, Jakob Nielsen, in
collaborazione con Raluca Budiu, dedica il suo nuovo libero alla mobile usability,
ovvero all’usabilità di app e siti ottimizzati per il mobile.
Corsi e ricorsi storici… In “Mobile Usability” ricorrono molti temi che l’autore aveva già affrontato nel 1999,
nello storico libro “Web Usability”, e nel 2000 nello studio sull’usabilità delle applicazioni per i telefoni WAP
(Wireless Application Protocol). Come sottolineano Nielsen e Budiu, ogni nuova tecnologia, ripropone
problemi di usabilità che si credevano superati, richiedendo a progettisti e sviluppatori di rielaborarne la
soluzione nel nuovo contesto.
Nielsen e Budiu constatano anzitutto le difficoltà oggettive che i dispositivi mobili pongono agli utenti,
nonché la specificità della navigazione mobile.
Le principali difficoltà che il mobile pone agli utenti sono:
• Tempi di download in media più lunghi
• Necessità di scorrere o zoomare per ingrandire i testi. Ciò rende la lettura più difficoltosa, poiché fa
perdere all’utente il contesto, costringendolo a fare affidamento alla labile memoria breve termine
• Input disagevole
• Elementi di interattività (menu, bottoni, ecc.): se sono piccoli e ravvicinati è difficile fare tap per attivarli
(problema del “dito grosso”).
Secondo Nielsen e Budiu la specificità della fruizione mobile sta nel fatto che di norma gli utenti desiderano
raggiungere uno dei due obiettivi seguenti:
• Ottenere risposte rapide a problemi specifici (per esempio ripianificare un volo o consultare il meteo)
• Passare il tempo (per esempio sfogliando news di vario tipo o giocando).
Rispetto alle sessioni su smartphone, quelle su tablet risultano in media meno frammentate e più estese.
Come gli altri libri di Jakob Nielsen, anche “Mobile Usability” nasce dall’osservazione diretta di come gli
utenti interagiscono con siti e app. Qui di seguito una sintesi dei consigli pratici di Nielsen e Budiu:
• Sito per PC, sito ottimizzato per il mobile o app nativa?
• Nielsen e Budiu consigliano di realizzare una versione del sito ottimizzata per mobile, con la
possibilità di passare alla versione desktop e viceversa. Per “ottimizzata” Nielsen e Budiu intendono
non solo un sito che, dal punto di vista del layout, risponda al dispositivo mobile, ma anche e
1
Mobile Usability – Agosto 2013
Kea s.r.l. | Via Strà, 102 | 37042 Caldiero (VR)
Tel. / Fax: +39 045 6152381
Web: www.keanet.it | E-mail: info@keanet.it
soprattutto un sito le cui funzionalità e i cui contenuti sono sintetizzati e mirati agli obiettivi
dell’utente in mobilità
• Fra app nativa e sito ottimizzato, attualmente Nielsen e Budiu consigliano l’app nativa, perché
garantisce una migliore esperienza utente. A loro giudizio, tuttavia, in futuro i siti ottimizzati
potrebbero vincere sulle app native, soprattutto per siti informativi e e-commerce, che non
richiedono interazioni complesse (com’è invece nel caso di giochi o applicazioni di foto editing). I
motivi della loro previsione sono vari:
• Sviluppare un unico sito ottimizzato, anziché una app nativa per ogni piattaforma risulta un
fattore di risparmio
• Quando l’utente cerca risposte rapide e deve confrontare varie fonti, il web è più immediato
delle app. Un’unica ricerca su Google permette all’utente di accedere direttamente a varie fonti,
mentre, per ottenere lo stesso risultato con le app, egli dovrebbe accedere allo store, cercare
una o più app, scaricarle, installarle, aprirle e verificare se contengono le informazioni desiderate.
Un procedimento senza dubbio meno lineare
• Grazie a tecnologie come HTML 5, l’interfaccia utente dei siti ottimizzati e delle web app sarà
sempre più simile a quella delle app native
• Suggerimenti generali per siti ottimizzati e app:
• Utilizzare lo stesso URL per il sito ottimizzato e quello desktop, attivando funzioni di riconoscimento
automatico del dispositivo per indirizzare l’utente al sito più idoneo, permettendogli comunque di
passare manualmente dall’una all’altra versione
• In particolare per le app:
• Non utilizzare splash screen e audio introduttivi
• Non richiedere una registrazione preventiva
• Limitare la pubblicità che, dato l’esiguo spazio disponibile, disturba l'utente
• Interfaccia utente, in particolare delle app:
• Inserire bottoni Home e Indietro, nonché una funzione di ricerca e la data di ultimo aggiornamento.
Si tratta di comandi, funzioni e informazioni che sarebbe opportuno standardizzare, in modo tale
che, con il passare del tempo, gli utenti possano trasferire sempre più da un’app all’altra le
esperienze acquisite, così com’è avvenuto in passato con i siti
• Rispetto agli elementi di interattività visibili, i gesti sono meno intuitivi e più difficili da memorizzare,
anche se il loro supporto permette di salvare spazio. Il consiglio è di supportare solo i gesti più
comuni: tap (per selezionare), pizzico (per ingrandire), trascinamento (per esempio per passare a un
elemento seguente)
• Gli elementi di interattività (per esempio i bottoni) dovrebbero essere grandi almeno 1x1 cm e
distare almeno 1 cm l’uno dall’altro per agevolare il tap
• Gli elementi dovrebbero essere dotati di affordance, cioè far intuire all’utente il risultato dell’azione
• Visualizzare gli elementi in base al principio della rivelazione progressiva: prima quelli che attivano le
funzioni più importanti, poi – a richiesta e in base al contesto – gli altri
2
Mobile Usability – Agosto 2013
Kea s.r.l. | Via Strà, 102 | 37042 Caldiero (VR)
Tel. / Fax: +39 045 6152381
Web: www.keanet.it | E-mail: info@keanet.it
• In particolare nel caso di iPad e tablet, è consentito modificare il layout in base all’orientamento del
dispositivo (orizzontale o verticale), ma funzioni e contenuti devono restare invariati
• Nel complesso, l’interfaccia utente di siti, siti ottimizzati, web app, app e app ibride andrebbero
improntate al principio della “continuità transmediatica”: per ogni dispositivo va progettata
un’interfaccia differente, ma simile. La somiglianza deriva dalla continuità visiva, in particolare di
logo, schema di colori, sembianze degli elementi di interattività
• Architettura delle informazioni di siti ottimizzati e app:
• Classificare i contenuti secondo un modello mentale condiviso dall'utente, meglio se basato sulle
attività che egli deve compiere
• Nelle app, etichettare in modo chiaro il menu a discesa che contiene la classificazione dei contenuti
• Applicare anche ai contenuti il principio della rivelazione progressiva, spostando in pagine
secondarie contenuti non fondamentali, evitando però gerarchie troppo profonde
• La densità di informazioni sulla schermata dovrebbe essere tale da offrire all’utente una
panoramica su tutte le funzioni e informazioni importanti, ma non così elevata da confonderlo
• In particolare nelle app i contenuti secondari possono essere inseriti in schede successive (se si
preferisce un layout fisso, corrispondente alle dimensioni della schermata) oppure in fondo alla
pagina, raggiungibili scrollando
• Se i contenuti sono inseriti in schede successive, aggiungere frecce o visualizzare del contenuto
troncato (per esempio facendo apparire parte del contenuti seguente e precedente, non
troncando il testo con l’aggiunta di punti di sospensione) per evidenziare all’utente la presenza di
informazioni aggiuntive
• Contenuti per siti ottimizzati e app:
• Scrivere testi molto concisi, poiché leggere sul mobile è due volte più difficile
• Per aumentare la riconoscibilità del contenuto nelle anteprime:
• Visualizzare titoli e nomi di prodotti completi, non troncati o abbreviati
• Inserire un breve riassunto
• Utilizzare foto significative e dettagliate
• Proporre sempre l’insieme completo di dati, cioè – per esempio nel caso di un catalogo prodotti –
proporre la gamma completa delle categorie e dei prodotti trattati, non solo una parte
• Form per siti ottimizzati e app:
• Richiedere solo le informazioni strettamente necessarie, data l’oggettiva difficoltà di input
• Pre-compilare il modulo quando possibile
• Attivare funzioni di compilazione automatica dei campi
• Supportare il copia e incolla.
Autore: Petra Dal Santo (www.keanet.it | http://blog.keanet.it/)
3
Mobile Usability – Agosto 2013

Contenu connexe

Similaire à Mobile Usability

Web Usability - 2 | WebMaster & WebDesigner
Web Usability - 2 | WebMaster & WebDesignerWeb Usability - 2 | WebMaster & WebDesigner
Web Usability - 2 | WebMaster & WebDesignerMatteo Magni
 
Web usability - 2 | WebMaster & WebDesigner
Web usability - 2 | WebMaster & WebDesignerWeb usability - 2 | WebMaster & WebDesigner
Web usability - 2 | WebMaster & WebDesignerMatteo Magni
 
App: caratteristiche e potenzialità
App: caratteristiche e potenzialitàApp: caratteristiche e potenzialità
App: caratteristiche e potenzialitàKEA s.r.l.
 
Best Practices Mobile Web: Il "Tap" è il nuovo "Click" @ Codemotion Roma
Best Practices Mobile Web: Il "Tap" è il nuovo "Click" @ Codemotion RomaBest Practices Mobile Web: Il "Tap" è il nuovo "Click" @ Codemotion Roma
Best Practices Mobile Web: Il "Tap" è il nuovo "Click" @ Codemotion RomaLuca Degli Esposti
 
Best Practices per il Web Mobile by Luca Degli Esposti
Best Practices per il Web Mobile by Luca Degli EspostiBest Practices per il Web Mobile by Luca Degli Esposti
Best Practices per il Web Mobile by Luca Degli EspostiCodemotion
 
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 AZIENDESMAU
 
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 aziendeGabriele Romanato
 
Drupal Day 2012 - IL RESPONSIVE WEB DESIGN NON È SOLO UNA QUESTIONE DI LAYOUT...
Drupal Day 2012 - IL RESPONSIVE WEB DESIGN NON È SOLO UNA QUESTIONE DI LAYOUT...Drupal Day 2012 - IL RESPONSIVE WEB DESIGN NON È SOLO UNA QUESTIONE DI LAYOUT...
Drupal Day 2012 - IL RESPONSIVE WEB DESIGN NON È SOLO UNA QUESTIONE DI LAYOUT...DrupalDay
 
Web o app? Questo è il dilemma!
Web o app? Questo è il dilemma!Web o app? Questo è il dilemma!
Web o app? Questo è il dilemma!KEA s.r.l.
 
Responsive web design RT
Responsive web design RTResponsive web design RT
Responsive web design RTJservice
 
Web content design: creare contenuti di qualità con Newired
Web content design: creare contenuti di qualità con NewiredWeb content design: creare contenuti di qualità con Newired
Web content design: creare contenuti di qualità con NewiredProfesia Srl, Lynx Group
 
Documentazione tecnica mobile
Documentazione tecnica mobileDocumentazione tecnica mobile
Documentazione tecnica mobileKEA s.r.l.
 
Responsive Web Design: 7 Problemi da Evitare – 6^ parte
Responsive Web Design: 7 Problemi da Evitare – 6^ parteResponsive Web Design: 7 Problemi da Evitare – 6^ parte
Responsive Web Design: 7 Problemi da Evitare – 6^ parteFormazioneTurismo
 
Responsive Design: Guida Pratica – 3^ Parte
Responsive Design: Guida Pratica – 3^ ParteResponsive Design: Guida Pratica – 3^ Parte
Responsive Design: Guida Pratica – 3^ ParteFormazioneTurismo
 
Progetto di ergonomia cognitiva / relazione
Progetto di ergonomia cognitiva / relazioneProgetto di ergonomia cognitiva / relazione
Progetto di ergonomia cognitiva / relazioneGiulia Camedda
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web DesignSimone Viani
 

Similaire à Mobile Usability (20)

Web Usability - 2 | WebMaster & WebDesigner
Web Usability - 2 | WebMaster & WebDesignerWeb Usability - 2 | WebMaster & WebDesigner
Web Usability - 2 | WebMaster & WebDesigner
 
Web usability - 2 | WebMaster & WebDesigner
Web usability - 2 | WebMaster & WebDesignerWeb usability - 2 | WebMaster & WebDesigner
Web usability - 2 | WebMaster & WebDesigner
 
App: caratteristiche e potenzialità
App: caratteristiche e potenzialitàApp: caratteristiche e potenzialità
App: caratteristiche e potenzialità
 
Best Practices Mobile Web: Il "Tap" è il nuovo "Click" @ Codemotion Roma
Best Practices Mobile Web: Il "Tap" è il nuovo "Click" @ Codemotion RomaBest Practices Mobile Web: Il "Tap" è il nuovo "Click" @ Codemotion Roma
Best Practices Mobile Web: Il "Tap" è il nuovo "Click" @ Codemotion Roma
 
Best Practices per il Web Mobile by Luca Degli Esposti
Best Practices per il Web Mobile by Luca Degli EspostiBest Practices per il Web Mobile by Luca Degli Esposti
Best Practices per il Web Mobile by Luca Degli Esposti
 
Gal.Internet
Gal.InternetGal.Internet
Gal.Internet
 
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
 
Drupal Day 2012 - IL RESPONSIVE WEB DESIGN NON È SOLO UNA QUESTIONE DI LAYOUT...
Drupal Day 2012 - IL RESPONSIVE WEB DESIGN NON È SOLO UNA QUESTIONE DI LAYOUT...Drupal Day 2012 - IL RESPONSIVE WEB DESIGN NON È SOLO UNA QUESTIONE DI LAYOUT...
Drupal Day 2012 - IL RESPONSIVE WEB DESIGN NON È SOLO UNA QUESTIONE DI LAYOUT...
 
Web o app? Questo è il dilemma!
Web o app? Questo è il dilemma!Web o app? Questo è il dilemma!
Web o app? Questo è il dilemma!
 
Post PC Devices
Post PC DevicesPost PC Devices
Post PC Devices
 
Responsive web design RT
Responsive web design RTResponsive web design RT
Responsive web design RT
 
Web content design: creare contenuti di qualità con Newired
Web content design: creare contenuti di qualità con NewiredWeb content design: creare contenuti di qualità con Newired
Web content design: creare contenuti di qualità con Newired
 
Responsivedesign
ResponsivedesignResponsivedesign
Responsivedesign
 
Documentazione tecnica mobile
Documentazione tecnica mobileDocumentazione tecnica mobile
Documentazione tecnica mobile
 
Responsive Web Design: 7 Problemi da Evitare – 6^ parte
Responsive Web Design: 7 Problemi da Evitare – 6^ parteResponsive Web Design: 7 Problemi da Evitare – 6^ parte
Responsive Web Design: 7 Problemi da Evitare – 6^ parte
 
DM Publishing
DM PublishingDM Publishing
DM Publishing
 
Responsive Design: Guida Pratica – 3^ Parte
Responsive Design: Guida Pratica – 3^ ParteResponsive Design: Guida Pratica – 3^ Parte
Responsive Design: Guida Pratica – 3^ Parte
 
Progetto di ergonomia cognitiva / relazione
Progetto di ergonomia cognitiva / relazioneProgetto di ergonomia cognitiva / relazione
Progetto di ergonomia cognitiva / relazione
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web Design
 

Plus de KEA s.r.l.

Argo CCMS: come usare al meglio i file di configurazione per export in Word, ...
Argo CCMS: come usare al meglio i file di configurazione per export in Word, ...Argo CCMS: come usare al meglio i file di configurazione per export in Word, ...
Argo CCMS: come usare al meglio i file di configurazione per export in Word, ...KEA s.r.l.
 
Dialogare con le macchine in linguaggio naturale... Finalmente! Ma ci voleva ...
Dialogare con le macchine in linguaggio naturale... Finalmente! Ma ci voleva ...Dialogare con le macchine in linguaggio naturale... Finalmente! Ma ci voleva ...
Dialogare con le macchine in linguaggio naturale... Finalmente! Ma ci voleva ...KEA s.r.l.
 
Argo CMS: assegnare in modo rapido le Proprietà ai Livelli con export/import ...
Argo CMS: assegnare in modo rapido le Proprietà ai Livelli con export/import ...Argo CMS: assegnare in modo rapido le Proprietà ai Livelli con export/import ...
Argo CMS: assegnare in modo rapido le Proprietà ai Livelli con export/import ...KEA s.r.l.
 
Software per realizzare manuali e documentazione tecnica: Argo CCMS di KEA
Software per realizzare manuali e documentazione tecnica: Argo CCMS di KEASoftware per realizzare manuali e documentazione tecnica: Argo CCMS di KEA
Software per realizzare manuali e documentazione tecnica: Argo CCMS di KEAKEA s.r.l.
 
Perché e come usare i fumetti nella comunicazione tecnica e di prodotto
Perché e come usare i fumetti nella comunicazione tecnica e di prodottoPerché e come usare i fumetti nella comunicazione tecnica e di prodotto
Perché e come usare i fumetti nella comunicazione tecnica e di prodottoKEA s.r.l.
 
Riflessioni sulla peculiarità della relazione biunivoca fra uomo e intelligen...
Riflessioni sulla peculiarità della relazione biunivoca fra uomo e intelligen...Riflessioni sulla peculiarità della relazione biunivoca fra uomo e intelligen...
Riflessioni sulla peculiarità della relazione biunivoca fra uomo e intelligen...KEA s.r.l.
 
I principi base dell’intelligenza artificiale spiegata ai non tecnici
I principi base dell’intelligenza artificiale spiegata ai non tecnici I principi base dell’intelligenza artificiale spiegata ai non tecnici
I principi base dell’intelligenza artificiale spiegata ai non tecnici KEA s.r.l.
 
Come migliorare l’efficienza della formazione aziendale
Come migliorare l’efficienza della formazione aziendaleCome migliorare l’efficienza della formazione aziendale
Come migliorare l’efficienza della formazione aziendaleKEA s.r.l.
 
Che cosa hanno in comune la cara vecchia lavatrice e l’intelligenza artificiale?
Che cosa hanno in comune la cara vecchia lavatrice e l’intelligenza artificiale?Che cosa hanno in comune la cara vecchia lavatrice e l’intelligenza artificiale?
Che cosa hanno in comune la cara vecchia lavatrice e l’intelligenza artificiale?KEA s.r.l.
 
Metaverso, ma non solo: come la vita digitale e l’economia digitale potrebber...
Metaverso, ma non solo: come la vita digitale e l’economia digitale potrebber...Metaverso, ma non solo: come la vita digitale e l’economia digitale potrebber...
Metaverso, ma non solo: come la vita digitale e l’economia digitale potrebber...KEA s.r.l.
 
Telegram per le aziende
Telegram per le aziendeTelegram per le aziende
Telegram per le aziendeKEA s.r.l.
 
Social e valorizzazione della complessità
Social e valorizzazione della complessitàSocial e valorizzazione della complessità
Social e valorizzazione della complessitàKEA s.r.l.
 
Il colore: crocevia fra tecnica, economia, scienza, percezione, memoria e con...
Il colore: crocevia fra tecnica, economia, scienza, percezione, memoria e con...Il colore: crocevia fra tecnica, economia, scienza, percezione, memoria e con...
Il colore: crocevia fra tecnica, economia, scienza, percezione, memoria e con...KEA s.r.l.
 
Argo CCMS: tutte le funzioni della finestra Gestione documenti
Argo CCMS: tutte le funzioni della finestra Gestione documentiArgo CCMS: tutte le funzioni della finestra Gestione documenti
Argo CCMS: tutte le funzioni della finestra Gestione documentiKEA s.r.l.
 
Argo CCMS: come tradurre testi esportando e importando file MS Excel e XML
Argo CCMS: come tradurre testi esportando e importando file MS Excel e XMLArgo CCMS: come tradurre testi esportando e importando file MS Excel e XML
Argo CCMS: come tradurre testi esportando e importando file MS Excel e XMLKEA s.r.l.
 
La SEO come conversazione fra le nostre presenze online, Google e chi cerca
La SEO come conversazione fra le nostre presenze online, Google e chi cercaLa SEO come conversazione fra le nostre presenze online, Google e chi cerca
La SEO come conversazione fra le nostre presenze online, Google e chi cercaKEA s.r.l.
 
L’importanza dei metadati nella comunicazione tecnica e di prodotto e come ge...
L’importanza dei metadati nella comunicazione tecnica e di prodotto e come ge...L’importanza dei metadati nella comunicazione tecnica e di prodotto e come ge...
L’importanza dei metadati nella comunicazione tecnica e di prodotto e come ge...KEA s.r.l.
 
Invito alla lettura di Riccardo Falcinelli: Figure. Come funzionano le immagi...
Invito alla lettura di Riccardo Falcinelli: Figure. Come funzionano le immagi...Invito alla lettura di Riccardo Falcinelli: Figure. Come funzionano le immagi...
Invito alla lettura di Riccardo Falcinelli: Figure. Come funzionano le immagi...KEA s.r.l.
 
Catalogo Natale Kasanova: edizioni 2020 e 2021 a confronto
Catalogo Natale Kasanova: edizioni 2020 e 2021 a confrontoCatalogo Natale Kasanova: edizioni 2020 e 2021 a confronto
Catalogo Natale Kasanova: edizioni 2020 e 2021 a confrontoKEA s.r.l.
 
Argo CMS – Come riusare manualmente contenuti all’interno di documenti distinti
Argo CMS – Come riusare manualmente contenuti all’interno di documenti distintiArgo CMS – Come riusare manualmente contenuti all’interno di documenti distinti
Argo CMS – Come riusare manualmente contenuti all’interno di documenti distintiKEA s.r.l.
 

Plus de KEA s.r.l. (20)

Argo CCMS: come usare al meglio i file di configurazione per export in Word, ...
Argo CCMS: come usare al meglio i file di configurazione per export in Word, ...Argo CCMS: come usare al meglio i file di configurazione per export in Word, ...
Argo CCMS: come usare al meglio i file di configurazione per export in Word, ...
 
Dialogare con le macchine in linguaggio naturale... Finalmente! Ma ci voleva ...
Dialogare con le macchine in linguaggio naturale... Finalmente! Ma ci voleva ...Dialogare con le macchine in linguaggio naturale... Finalmente! Ma ci voleva ...
Dialogare con le macchine in linguaggio naturale... Finalmente! Ma ci voleva ...
 
Argo CMS: assegnare in modo rapido le Proprietà ai Livelli con export/import ...
Argo CMS: assegnare in modo rapido le Proprietà ai Livelli con export/import ...Argo CMS: assegnare in modo rapido le Proprietà ai Livelli con export/import ...
Argo CMS: assegnare in modo rapido le Proprietà ai Livelli con export/import ...
 
Software per realizzare manuali e documentazione tecnica: Argo CCMS di KEA
Software per realizzare manuali e documentazione tecnica: Argo CCMS di KEASoftware per realizzare manuali e documentazione tecnica: Argo CCMS di KEA
Software per realizzare manuali e documentazione tecnica: Argo CCMS di KEA
 
Perché e come usare i fumetti nella comunicazione tecnica e di prodotto
Perché e come usare i fumetti nella comunicazione tecnica e di prodottoPerché e come usare i fumetti nella comunicazione tecnica e di prodotto
Perché e come usare i fumetti nella comunicazione tecnica e di prodotto
 
Riflessioni sulla peculiarità della relazione biunivoca fra uomo e intelligen...
Riflessioni sulla peculiarità della relazione biunivoca fra uomo e intelligen...Riflessioni sulla peculiarità della relazione biunivoca fra uomo e intelligen...
Riflessioni sulla peculiarità della relazione biunivoca fra uomo e intelligen...
 
I principi base dell’intelligenza artificiale spiegata ai non tecnici
I principi base dell’intelligenza artificiale spiegata ai non tecnici I principi base dell’intelligenza artificiale spiegata ai non tecnici
I principi base dell’intelligenza artificiale spiegata ai non tecnici
 
Come migliorare l’efficienza della formazione aziendale
Come migliorare l’efficienza della formazione aziendaleCome migliorare l’efficienza della formazione aziendale
Come migliorare l’efficienza della formazione aziendale
 
Che cosa hanno in comune la cara vecchia lavatrice e l’intelligenza artificiale?
Che cosa hanno in comune la cara vecchia lavatrice e l’intelligenza artificiale?Che cosa hanno in comune la cara vecchia lavatrice e l’intelligenza artificiale?
Che cosa hanno in comune la cara vecchia lavatrice e l’intelligenza artificiale?
 
Metaverso, ma non solo: come la vita digitale e l’economia digitale potrebber...
Metaverso, ma non solo: come la vita digitale e l’economia digitale potrebber...Metaverso, ma non solo: come la vita digitale e l’economia digitale potrebber...
Metaverso, ma non solo: come la vita digitale e l’economia digitale potrebber...
 
Telegram per le aziende
Telegram per le aziendeTelegram per le aziende
Telegram per le aziende
 
Social e valorizzazione della complessità
Social e valorizzazione della complessitàSocial e valorizzazione della complessità
Social e valorizzazione della complessità
 
Il colore: crocevia fra tecnica, economia, scienza, percezione, memoria e con...
Il colore: crocevia fra tecnica, economia, scienza, percezione, memoria e con...Il colore: crocevia fra tecnica, economia, scienza, percezione, memoria e con...
Il colore: crocevia fra tecnica, economia, scienza, percezione, memoria e con...
 
Argo CCMS: tutte le funzioni della finestra Gestione documenti
Argo CCMS: tutte le funzioni della finestra Gestione documentiArgo CCMS: tutte le funzioni della finestra Gestione documenti
Argo CCMS: tutte le funzioni della finestra Gestione documenti
 
Argo CCMS: come tradurre testi esportando e importando file MS Excel e XML
Argo CCMS: come tradurre testi esportando e importando file MS Excel e XMLArgo CCMS: come tradurre testi esportando e importando file MS Excel e XML
Argo CCMS: come tradurre testi esportando e importando file MS Excel e XML
 
La SEO come conversazione fra le nostre presenze online, Google e chi cerca
La SEO come conversazione fra le nostre presenze online, Google e chi cercaLa SEO come conversazione fra le nostre presenze online, Google e chi cerca
La SEO come conversazione fra le nostre presenze online, Google e chi cerca
 
L’importanza dei metadati nella comunicazione tecnica e di prodotto e come ge...
L’importanza dei metadati nella comunicazione tecnica e di prodotto e come ge...L’importanza dei metadati nella comunicazione tecnica e di prodotto e come ge...
L’importanza dei metadati nella comunicazione tecnica e di prodotto e come ge...
 
Invito alla lettura di Riccardo Falcinelli: Figure. Come funzionano le immagi...
Invito alla lettura di Riccardo Falcinelli: Figure. Come funzionano le immagi...Invito alla lettura di Riccardo Falcinelli: Figure. Come funzionano le immagi...
Invito alla lettura di Riccardo Falcinelli: Figure. Come funzionano le immagi...
 
Catalogo Natale Kasanova: edizioni 2020 e 2021 a confronto
Catalogo Natale Kasanova: edizioni 2020 e 2021 a confrontoCatalogo Natale Kasanova: edizioni 2020 e 2021 a confronto
Catalogo Natale Kasanova: edizioni 2020 e 2021 a confronto
 
Argo CMS – Come riusare manualmente contenuti all’interno di documenti distinti
Argo CMS – Come riusare manualmente contenuti all’interno di documenti distintiArgo CMS – Come riusare manualmente contenuti all’interno di documenti distinti
Argo CMS – Come riusare manualmente contenuti all’interno di documenti distinti
 

Mobile Usability

  • 1. Kea s.r.l. | Via Strà, 102 | 37042 Caldiero (VR) Tel. / Fax: +39 045 6152381 Web: www.keanet.it | E-mail: info@keanet.it Report sul libero di Jakob Nielsen e Raluca Budiu, Mobile Usability, Apogeo, Milano, 2013 Considerato una delle massime autorità sull’usabilità del web, Jakob Nielsen, in collaborazione con Raluca Budiu, dedica il suo nuovo libero alla mobile usability, ovvero all’usabilità di app e siti ottimizzati per il mobile. Corsi e ricorsi storici… In “Mobile Usability” ricorrono molti temi che l’autore aveva già affrontato nel 1999, nello storico libro “Web Usability”, e nel 2000 nello studio sull’usabilità delle applicazioni per i telefoni WAP (Wireless Application Protocol). Come sottolineano Nielsen e Budiu, ogni nuova tecnologia, ripropone problemi di usabilità che si credevano superati, richiedendo a progettisti e sviluppatori di rielaborarne la soluzione nel nuovo contesto. Nielsen e Budiu constatano anzitutto le difficoltà oggettive che i dispositivi mobili pongono agli utenti, nonché la specificità della navigazione mobile. Le principali difficoltà che il mobile pone agli utenti sono: • Tempi di download in media più lunghi • Necessità di scorrere o zoomare per ingrandire i testi. Ciò rende la lettura più difficoltosa, poiché fa perdere all’utente il contesto, costringendolo a fare affidamento alla labile memoria breve termine • Input disagevole • Elementi di interattività (menu, bottoni, ecc.): se sono piccoli e ravvicinati è difficile fare tap per attivarli (problema del “dito grosso”). Secondo Nielsen e Budiu la specificità della fruizione mobile sta nel fatto che di norma gli utenti desiderano raggiungere uno dei due obiettivi seguenti: • Ottenere risposte rapide a problemi specifici (per esempio ripianificare un volo o consultare il meteo) • Passare il tempo (per esempio sfogliando news di vario tipo o giocando). Rispetto alle sessioni su smartphone, quelle su tablet risultano in media meno frammentate e più estese. Come gli altri libri di Jakob Nielsen, anche “Mobile Usability” nasce dall’osservazione diretta di come gli utenti interagiscono con siti e app. Qui di seguito una sintesi dei consigli pratici di Nielsen e Budiu: • Sito per PC, sito ottimizzato per il mobile o app nativa? • Nielsen e Budiu consigliano di realizzare una versione del sito ottimizzata per mobile, con la possibilità di passare alla versione desktop e viceversa. Per “ottimizzata” Nielsen e Budiu intendono non solo un sito che, dal punto di vista del layout, risponda al dispositivo mobile, ma anche e 1 Mobile Usability – Agosto 2013
  • 2. Kea s.r.l. | Via Strà, 102 | 37042 Caldiero (VR) Tel. / Fax: +39 045 6152381 Web: www.keanet.it | E-mail: info@keanet.it soprattutto un sito le cui funzionalità e i cui contenuti sono sintetizzati e mirati agli obiettivi dell’utente in mobilità • Fra app nativa e sito ottimizzato, attualmente Nielsen e Budiu consigliano l’app nativa, perché garantisce una migliore esperienza utente. A loro giudizio, tuttavia, in futuro i siti ottimizzati potrebbero vincere sulle app native, soprattutto per siti informativi e e-commerce, che non richiedono interazioni complesse (com’è invece nel caso di giochi o applicazioni di foto editing). I motivi della loro previsione sono vari: • Sviluppare un unico sito ottimizzato, anziché una app nativa per ogni piattaforma risulta un fattore di risparmio • Quando l’utente cerca risposte rapide e deve confrontare varie fonti, il web è più immediato delle app. Un’unica ricerca su Google permette all’utente di accedere direttamente a varie fonti, mentre, per ottenere lo stesso risultato con le app, egli dovrebbe accedere allo store, cercare una o più app, scaricarle, installarle, aprirle e verificare se contengono le informazioni desiderate. Un procedimento senza dubbio meno lineare • Grazie a tecnologie come HTML 5, l’interfaccia utente dei siti ottimizzati e delle web app sarà sempre più simile a quella delle app native • Suggerimenti generali per siti ottimizzati e app: • Utilizzare lo stesso URL per il sito ottimizzato e quello desktop, attivando funzioni di riconoscimento automatico del dispositivo per indirizzare l’utente al sito più idoneo, permettendogli comunque di passare manualmente dall’una all’altra versione • In particolare per le app: • Non utilizzare splash screen e audio introduttivi • Non richiedere una registrazione preventiva • Limitare la pubblicità che, dato l’esiguo spazio disponibile, disturba l'utente • Interfaccia utente, in particolare delle app: • Inserire bottoni Home e Indietro, nonché una funzione di ricerca e la data di ultimo aggiornamento. Si tratta di comandi, funzioni e informazioni che sarebbe opportuno standardizzare, in modo tale che, con il passare del tempo, gli utenti possano trasferire sempre più da un’app all’altra le esperienze acquisite, così com’è avvenuto in passato con i siti • Rispetto agli elementi di interattività visibili, i gesti sono meno intuitivi e più difficili da memorizzare, anche se il loro supporto permette di salvare spazio. Il consiglio è di supportare solo i gesti più comuni: tap (per selezionare), pizzico (per ingrandire), trascinamento (per esempio per passare a un elemento seguente) • Gli elementi di interattività (per esempio i bottoni) dovrebbero essere grandi almeno 1x1 cm e distare almeno 1 cm l’uno dall’altro per agevolare il tap • Gli elementi dovrebbero essere dotati di affordance, cioè far intuire all’utente il risultato dell’azione • Visualizzare gli elementi in base al principio della rivelazione progressiva: prima quelli che attivano le funzioni più importanti, poi – a richiesta e in base al contesto – gli altri 2 Mobile Usability – Agosto 2013
  • 3. Kea s.r.l. | Via Strà, 102 | 37042 Caldiero (VR) Tel. / Fax: +39 045 6152381 Web: www.keanet.it | E-mail: info@keanet.it • In particolare nel caso di iPad e tablet, è consentito modificare il layout in base all’orientamento del dispositivo (orizzontale o verticale), ma funzioni e contenuti devono restare invariati • Nel complesso, l’interfaccia utente di siti, siti ottimizzati, web app, app e app ibride andrebbero improntate al principio della “continuità transmediatica”: per ogni dispositivo va progettata un’interfaccia differente, ma simile. La somiglianza deriva dalla continuità visiva, in particolare di logo, schema di colori, sembianze degli elementi di interattività • Architettura delle informazioni di siti ottimizzati e app: • Classificare i contenuti secondo un modello mentale condiviso dall'utente, meglio se basato sulle attività che egli deve compiere • Nelle app, etichettare in modo chiaro il menu a discesa che contiene la classificazione dei contenuti • Applicare anche ai contenuti il principio della rivelazione progressiva, spostando in pagine secondarie contenuti non fondamentali, evitando però gerarchie troppo profonde • La densità di informazioni sulla schermata dovrebbe essere tale da offrire all’utente una panoramica su tutte le funzioni e informazioni importanti, ma non così elevata da confonderlo • In particolare nelle app i contenuti secondari possono essere inseriti in schede successive (se si preferisce un layout fisso, corrispondente alle dimensioni della schermata) oppure in fondo alla pagina, raggiungibili scrollando • Se i contenuti sono inseriti in schede successive, aggiungere frecce o visualizzare del contenuto troncato (per esempio facendo apparire parte del contenuti seguente e precedente, non troncando il testo con l’aggiunta di punti di sospensione) per evidenziare all’utente la presenza di informazioni aggiuntive • Contenuti per siti ottimizzati e app: • Scrivere testi molto concisi, poiché leggere sul mobile è due volte più difficile • Per aumentare la riconoscibilità del contenuto nelle anteprime: • Visualizzare titoli e nomi di prodotti completi, non troncati o abbreviati • Inserire un breve riassunto • Utilizzare foto significative e dettagliate • Proporre sempre l’insieme completo di dati, cioè – per esempio nel caso di un catalogo prodotti – proporre la gamma completa delle categorie e dei prodotti trattati, non solo una parte • Form per siti ottimizzati e app: • Richiedere solo le informazioni strettamente necessarie, data l’oggettiva difficoltà di input • Pre-compilare il modulo quando possibile • Attivare funzioni di compilazione automatica dei campi • Supportare il copia e incolla. Autore: Petra Dal Santo (www.keanet.it | http://blog.keanet.it/) 3 Mobile Usability – Agosto 2013