Visual design - Irene Chiarolanza

of 9 /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

Embed Size (px)

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 dellapplicazione non chiaro.

    Affordance - Colore - metafora

    venerd 12 ottobre 2012

  • Layout daperturaGo!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 linterfaccia.

    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 dapertura 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

    allinserimento 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

  • ConclusioniGo! Beach VS. Groupon

    Lanalisi compiuta su queste due applicazioni, una di uso diffuso (Groupon) e laltra 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. Laspetto pi grave

    a mio avviso dato dallaccesso oscuro e dallinterferenza 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 dellapplicazione 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