Visual design - Irene Chiarolanza

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

Transcript of Visual design - Irene Chiarolanza

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

GrouponApplicazione mobile disponibile su dispositivo iphone

venerdì 12 ottobre 2012

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

Layout d’aperturaGo!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

Irene
Irene

Layout di RicercaGo!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

Irene
Irene
Irene
Irene
Irene

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

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

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

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

Irene
Irene
Irene

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