Programmazione di interfacce e valutazione dell' usabilità: analisi di applicazioni mobili e desktop a confronto.

1. Visual Design
Analisi di applicazioni mobili
Go!Beach VS. Groupon
Irene Chiarolanza
Corso di laurea
magistrale
Informatica
Umanistica
anno 2012/2013Go!Beach
Applicazione mobile
disponibile su
dispositivo iphone
Groupon
Applicazione mobile
disponibile su
dispositivo iphone
venerdì 12 ottobre 2012

2. Analisi del Logo
• Immagine simbolica semplice
essenziale e chiara: pochi elementi
rappresentati e corretto uso della
metafora ciabatte/spiaggia: il tema
trattato è riconoscibile.
• Accurata scelta dei colori: rosso e
verde su fondo neutro. L’ immagine
è garbata ed appropriata.
• Nome applicazione in tema
semantico con il servizio offerto:
“Go! Beach” ci fa subito pensare alla
spiaggia ed al mare.
?✓
• Immagine simbolica che rinuncia alla
rappresentazione di oggetti a favore
di un logo con una sola lettera
alfabetica: il carattere G in bianco su
fondo verde chiaro. Il tema trattato
non è comprensibile e implicito.
• Scelta di colori con buon contrasto:
verde e bianco, tonalità cromatiche
fresche, sobrie, giovanili.
• Nome applicazione non indicativo
del servizio offerto o dell’ argomento
trattato.
✓
✓
✓
?
Il logo è caratterizzato da
buona affordance.
Il logo non soddisfa una buona
affordance, il tema
dell’applicazione non è chiaro.
Affordance - Colore - metafora
venerdì 12 ottobre 2012

3. Layout d’apertura
Go!Beach
La schermata di apertura non è particolarmente
accurata nello studio degli elementi grafici.
Colori neutri sui toni del marrone. Contrasto
sufficiente ma non particolarmente attraente.
Rappresentazione chiara e rapporto equilibrato
tra gli elementi di ricerca: allineati, ordinati,
proporzionati.
Spreco di spazio nella parte dedicata al logo,
potrebbe essere utilizzato per rendere più
accattivante l’interfaccia.
Menù in basso regolarizzato, ben leggibile,
intuitivo.
Uso di font chiaro
Nessun suggerimento grafico e/o dialogo di
navigazione iniziale
✓
?
?
✓
Colore - Contrasto - Utilizzo dello spazio - Uso di Font
✓
?
venerdì 12 ottobre 2012

4. Layout di Ricerca
Go!Beach
Ripetizione inutile e sovraffollata della
parola “cerca” per i campi dedicati.
Accesso oscuro, non efficace e con
errori di leggibilità.
Interferenza tra gli elementi: non si
vede cosa viene digitato nei campi
per iniziare la ricerca.
Il layout appare subito
dilettantistico:
è poco chiaro come iniziare la
navigazione
?
?
Affordance - Accesso -Interferenza tra gli elementi
?
venerdì 12 ottobre 2012

5. Layout d’apertura Groupon
Colori con buon contrasto: layout che
sviluppa il concetto essenziale del
logo.
Rappresentazione chiara e rapporto
equilibrato tra gli elementi di ricerca:
essenziali, allineati, ordinati,
proporzionati.
Font chiari, grafica accattivante e
riempitiva dello spazio grazie
all’inserimento del tipo di offerta
attraverso immagini tematiche-
descrittive.
✓
La schermata di apertura è
chiara e particolarmente
accurata nello studio
degli elementi grafici.
Colore - Contrasto - Utilizzo dello spazio - Uso di Font
✓
✓
venerdì 12 ottobre 2012

6. Layout di Ricerca Groupon
Finestre di dialogo che indirizzano e guidano la navigazione.
Accesso facilitato grazie a suggerimenti ed indicazioni grafiche chiare, semplici, non formali.
✓
La schermata di ricerca ha buona affordance, accesso e
armonia tra gli elementi.
é subito chiaro come procedere nella navigazione.
Affordance - Accesso -Interferenza tra gli elementi
✓
venerdì 12 ottobre 2012

7. Conclusioni
Go! Beach VS. Groupon
L’analisi compiuta su queste due applicazioni,
una di uso diffuso (Groupon) e l’altra di
nicchia (Go! Beach) ne ha messo in evidenza
aspetti compositivi e strutturali che ne
influenzano l’ usabilità degli utenti.
Go!Beach è risultata essere fallace in svariati
aspetti di design visuale. L’aspetto più grave
a mio avviso è dato dall’accesso oscuro e
dall’interferenza degli elementi compositivi tra
di loro che oscurano la ricerca.
Groupon sicuramente gode di un’
impostazione compositiva professionale ed
accurata. Offre una navigazione piacevole,
semplice ed assistita. Il logo nato prima
dell’applicazione può anche permettersi di
non essere esplicito perché già conosciuto
grazie ad una vasta campagna pubblicitaria.
venerdì 12 ottobre 2012

8. Sul mercato: Le recensioni
I giudizi ed il
gradimento sono
per lo più
negativi
(escludendo
come spesso
accade gli auto-
giudizi!)
L’ applicazione non
riscuote successo ed
appare carente a gran
parte degli utenti.
Viene suggerito di
prendere spunto da
altra applicazione simile
23 Valutazioni ne
testimoniano la
pochissima diffusone
venerdì 12 ottobre 2012

9. Sul mercato: Le recensioni
I giudizi ed il
gradimento
sono positivi
L’ applicazione riscuote
successo grazie ad
caratteristiche precise
molto ben evidenziate dagli
utenti
14.743 Valutazioni ne
testimoniano la
grandissima diffusone
ed il successo
venerdì 12 ottobre 2012