redesignapp ← Tutti i lavori
Caso studio · redesign non ufficiale

Un'app della banca che si capisce al primo sguardo

Un'app per vedere il conto, pagare le bollette e gestire la carta. Aveva una sola schermata disegnata e dentro c'era troppo, tutto insieme. L'ho ridisegnata: qui vedi com'era, cosa non andava e cosa ho sistemato.

Prima: riquadro nero con saldo, tre pulsanti, cinque azioni e otto fornitori in griglia
Dopo: scheda blu con saldo e tre azioni, pagamenti rapidi in una riga e movimenti divisi per giorno
Prima Dopo

Trascina: la stessa home, con gli stessi dati.

La home

Quanto ho? Cosa posso fare? Cosa è successo?

Prima: cosa non andava

  • Tutto era in primo piano insieme: il saldo, un menu per cambiare conto, tre pulsanti, cinque azioni e otto fornitori.
  • I soldi che entrano e quelli che escono sembravano uguali: lo stipendio aveva la stessa freccia di una spesa.
  • Gli ultimi movimenti stavano in fondo: per vederli bisognava scorrere la pagina.

Dopo: cosa ho sistemato

  • Il saldo è grande, con l'IBAN nascosto a metà e i tre gesti che servono ogni giorno: Bonifico, Versa, Paga.
  • I pagamenti rapidi (luce, gas, acqua…) sono una sola riga da scorrere di lato.
  • I movimenti sono divisi per giorno: i soldi che entrano sono verdi e hanno il +, quelli che escono sono scuri e hanno il −.
  • Ho lasciato in primo piano solo quello che si usa davvero: cripto, buoni regalo e cambi non ci sono più.
I pagamenti

Una schermata che prima non c'era

Prima: schermata vuota con solo il titolo e il menu in basso
PrimaVuota.
Dopo: bonifico e ricarica in evidenza e una griglia di bollette da pagare
DopoBonifico, ricarica e bollette.

Prima: cosa non andava

  • La scheda "Servizi" si apriva su una pagina bianca, con solo il titolo.

Dopo: cosa ho sistemato

  • In alto le due cose che si fanno più spesso: fare un bonifico e ricaricare il telefono.
  • Sotto, le bollette in grandi riquadri facili da toccare, ognuna con la sua icona.
Le carte

La carta in mano, con i suoi interruttori

Prima: schermata vuota con solo la parola Cards
PrimaVuota.
Dopo: carta di debito in grande, spesa del mese e interruttori per bloccarla
DopoCarta, spesa e interruttori.

Prima: cosa non andava

  • Anche la scheda "Carte" era una pagina bianca, con solo la scritta "Cards".

Dopo: cosa ho sistemato

  • La carta è disegnata in grande, con gli ultimi numeri e la scadenza.
  • Una barra mostra quanto hai speso questo mese sul limite.
  • Tre interruttori: blocca la carta, pagamenti online, contactless. Se la blocchi, la carta diventa grigia.
Una cosa da sapere

Gli stessi dati, prima e dopo

Per il confronto uso gli stessi dati di prova (conto, movimenti e fornitori inventati, in euro) sia nel prima che nel dopo. Ho cambiato come l'app si vede e si usa; i dati dell'app e il modo in cui li carica sono gli stessi. Nelle schermate Pagamenti e Carte i dati sono d'esempio, perché l'app originale non li aveva.

La tua app merita lo stesso trattamento?

Lavoro sull'app che hai già: niente da rifare da zero, i tuoi clienti si ritrovano la stessa app, solo più chiara.

Per iniziare
190 € audit UX + 3 schermate rifatte
info@redesignapp.it