User-Centric Design of UI for Mobile Banking Apps: Improving UI and Features for Better Customer Experience

Questo studio propone un design centrato sull'utente per le app di banking mobile, basato su ricerche e test di usabilità che evidenziano la necessità di migliorare sicurezza, navigazione e funzionalità personalizzate per risolvere le attuali problematiche e aumentare la soddisfazione dei clienti.

L'essenziale

Immagina che le app bancarie attuali siano come vecchie automobili di lusso: hanno un motore potente (i soldi al sicuro), ma il volante è strano, i sedili sono scomodi e la radio fa solo rumore. La gente le usa perché deve, ma non si diverte a guidarle.

Questo studio è come un officina di design dove un gruppo di giovani ingegneri (gli studenti dell'Università di Kathmandu) ha deciso di ridisegnare completamente l'auto per renderla un'esperienza di guida piacevole, sicura e intuitiva.

Ecco come hanno fatto, passo dopo passo:

1. Il Problema: "Perché tutti usano le app dei vicini?"

Gli studenti hanno fatto un sondaggio (come chiedere a 100 amici cosa pensano della loro auto).

• La scoperta: L'81% delle persone usa le app bancarie ogni giorno, ma il 77% si lamenta. È come guidare un'auto che ti fa arrabbiare ogni volta che provi a cambiare marcia.
• Il sintomo: Molti utenti (quasi la metà) preferiscono usare app di terze parti (come e-Sewa o Khalti) per le piccole spese, proprio come preferirebbero prendere un taxi invece di guidare la propria auto rotta.
• I dolori: Le app sono lente, piene di parole difficili, difficili da navigare e a volte non capiscono la lingua locale. Inoltre, la sicurezza (come le impronte digitali) a volte dà problemi invece di aiutare.

2. La Soluzione: Costruire un'App "Su Misura"

Invece di costruire un'auto standard, hanno deciso di usare la Psicologia e l'Intelligenza Artificiale (in realtà principi di interazione uomo-computer) per creare un'esperienza su misura.

Hanno usato alcune "regole d'oro" della mente umana:

• La Legge di Miller (Il Limite del Cervello): Il nostro cervello può tenere a mente solo circa 7 cose alla volta. Quindi, invece di mostrare 50 pulsanti tutti insieme, hanno diviso le cose in piccoli passi. È come servire un pasto: non metti tutto il buffet sul tavolo in una volta, ma porti i piatti uno alla volta.
• La Legge di Fitts (La Distanza): Se un pulsante è piccolo e lontano, è difficile premere. Hanno reso i pulsanti importanti (come "Invia Soldi") grandi e facili da raggiungere con il pollice, proprio come i pedali di un'auto devono essere facili da premere.
• La Psicologia della Gestalt (Il Raggruppamento): Se vedi un gruppo di oggetti vicini, il cervello pensa che siano correlati. Hanno raggruppato le spese simili (scuola, bollette, cibo) in "cestini" visivi, così l'utente non si perde in un mare di numeri.
• L'Effetto Von Restorff (La Stella dello Spettacolo): Se in una stanza piena di persone vestite di grigio c'è una persona in rosso, la ricorderai. Hanno usato colori brillanti per evidenziare le offerte speciali, così l'occhio le nota subito.

3. Il Processo di Progettazione: Dal Foglio alla Realtà

Non hanno subito costruito l'app. Hanno lavorato come architetti:

1. Disegni su carta (Prototipi): Hanno disegnato le schermate su fogli di carta per vedere se il flusso aveva senso.
2. Test "Pensando ad Alta Voce": Hanno dato il prototipo a delle persone e le hanno guardate mentre usavano l'app, chiedendo loro di dire ad alta voce cosa stavano pensando. "Ora mi sento confuso", "Cosa fa questo pulsante?". È come fare una prova generale di uno spettacolo prima di aprirlo al pubblico.
3. Test "Guerrilla" (La Prova Stradale): Sono usciti in strada, nei mercati e nei bar, e hanno chiesto a sconosciuti di provare l'app per 2 minuti. Hanno raccolto feedback immediati da persone che non sapevano nulla del progetto, proprio come un cuoco che chiede a un passante se assaggia bene il suo nuovo piatto.
4. Le Mappe di Calore: Hanno usato una tecnologia che mostra dove le persone toccano più spesso lo schermo (come una mappa che si illumina dove c'è più traffico). Hanno visto che la gente cliccava molto sulla barra in basso e usava spesso il tasto "Indietro", confermando che la navigazione era intuitiva.

4. Cosa Hanno Creato?

Il risultato finale è un'app che:

• Parla la tua lingua: Non usa termini bancari complicati, ma parole semplici.
• Ti dà il controllo: Puoi annullare azioni per errore (come tornare indietro in un video).
• È sicura ma facile: Usa le impronte digitali in modo intelligente.
• Ti aiuta a risparmiare: Ha una funzione di "budgeting" (come un diario delle spese) che il 84% delle persone chiedeva disperatamente.
• Ti aiuta se sei cieco: È accessibile anche per chi non vede bene, grazie a comandi vocali e design pensati per tutti.

In Sintesi

Questo studio ci dice che per rendere le app bancarie migliori, non serve solo aggiungere più funzioni (come aggiungere più strumenti a un coltellino svizzero). Serve semplificare.

È come trasformare una macchina ingombrante e rumorosa in una bicicletta elettrica moderna: leggera, veloce, facile da usare e che ti fa sentire bene mentre la guidi. L'obiettivo non è solo spostare i soldi da un conto all'altro, ma farlo in modo che l'utente si senta felice, sicuro e padrone della situazione.

Sommario tecnico

Titolo: Progettazione Centrata sull'Utente dell'UI per App di Mobile Banking: Miglioramento dell'Interfaccia e delle Funzionalità per una Migliore Esperienza del Cliente

1. Problema di Ricerca

Nonostante la proliferazione delle applicazioni di mobile banking, specialmente in Nepal, queste piattaforme soffrono di una significativa carenza nell'applicazione dei principi di Interazione Uomo-Macchina (HCI).

• Criticità Identificate: Le app esistenti presentano interfacce complesse, tempi di caricamento elevati, terminologia poco chiara, barriere linguistiche e problemi di navigazione.
• Insoddisfazione Utente: Un'indagine preliminare ha rivelato che il 77% degli utenti affronta difficoltà nell'uso delle app correnti, mentre il 44,7% preferisce ricorrere a app di terze parti (come e-Sewa e Khalti) per le transazioni quotidiane a causa della scarsa usabilità delle app bancarie.
• Gap Specifici: Mancanza di funzionalità di budgeting (richiesta dall'84% degli utenti), problemi con l'autenticazione biometrica (46% di lamentele) e assenza di interfacce personalizzate o accessibili per utenti con disabilità (es. non vedenti).

2. Metodologia

Lo studio ha adottato un approccio rigoroso basato sul Design Centrato sull'Utente (UCD), integrando teorie HCI consolidate e diverse tecniche di valutazione.

• Raccolta Dati e Validazione:

  • Survey: Indagine su 103-104 partecipanti (diversi per età, occupazione e settore) per mappare i punti di dolore e le preferenze.
  • Test di Usabilità:
    • Think Aloud Remoto: Sessioni di test a distanza con condivisione schermo per osservare i processi decisionali.
    • Guerrilla Testing: Test informali in luoghi pubblici (es. mercati locali) per ottenere feedback da utenti non esperti in scenari reali.
    • Test Comparativo: Confronto diretto tra l'app esistente e il prototipo proposto.
  • Analisi Visiva: Utilizzo di Heat Maps per tracciare l'attenzione e le interazioni degli utenti.

• Principi di Design Implementati:
  Il prototipo è stato sviluppato utilizzando Figma applicando una serie di leggi psicologiche e regole di design:

  • Regole d'Oro di Schneiderman: Coerenza, feedback informativo, possibilità di annullare azioni, controllo interno per l'utente.
  • Legge di Miller: Limitazione delle informazioni presentate (chunking) per ridurre il carico cognitivo (es. 3-4 campi per pagina).
  • Legge di Fitts: Ottimizzazione delle dimensioni e della posizione dei pulsanti per ridurre il tempo di interazione.
  • Principi di Gestalt: Uso della prossimità e della simmetria per raggruppare elementi correlati e creare armonia visiva.
  • Effetto Von Restorff: Evidenziazione visiva delle offerte speciali per migliorare il ricordo.
  • Legge di Jakob: Adozione di pattern di interfaccia familiari per ridurre la curva di apprendimento.
  • Principi di Norman: Visibilità, feedback, vincoli, mappatura, coerenza, affordance e discoverability.

3. Contributi Chiave e Soluzioni Proposte

Il team ha sviluppato un MVP (Minimum Viable Product) e un prototipo ad alta fedeltà che risolvono le criticità identificate:

• Ridisegno dell'Interfaccia (UI):
  • Implementazione di un layout pulito con una palette di colori rassicurante (blu) per ridurre l'overload informativo.
  • Introduzione di una barra di navigazione inferiore intuitiva e di un pulsante "Indietro" chiaro per facilitare il recupero dagli errori.
  • Uso di icone standard e linguaggio semplice per migliorare la discoverability.
• Nuove Funzionalità:
  • Budgeting: Una dashboard dedicata per il tracciamento delle spese e dei flussi di cassa (funzione richiesta dall'84% degli utenti).
  • Autenticazione Biometrica Migliorata: Integrazione ottimizzata per un accesso rapido e sicuro.
  • Assistenza Vocale e "Shake for Help": Funzioni innovative per l'accessibilità e la segnalazione rapida di problemi.
  • Personalizzazione: Opzioni per cambiare lingua, dimensione del font e preferenze di notifica.
• Prototipazione:
  • Sviluppo iterativo da schizzi cartacei (paper prototyping) a prototipi digitali interattivi, validati tramite valutazioni euristica basate sulle 10 Euristiche di Nielsen.

4. Risultati e Analisi

I test di usabilità e l'analisi dei dati hanno confermato l'efficacia dell'approccio proposto:

• Miglioramento dell'Usabilità: I partecipanti hanno riportato una maggiore soddisfazione, tassi di completamento delle task più elevati e una riduzione degli errori rispetto alle app bancarie tradizionali.
• Feedback Quantitativo:
  • L'interfaccia è stata percepita come più intuitiva e i processi bancari semplificati.
  • Le Heat Maps hanno mostrato un utilizzo efficace della barra di navigazione inferiore e un interesse significativo per la funzione di assistenza vocale.
  • L'uso della biometria ha migliorato la percezione di sicurezza e velocità.
• Limitazioni Rilevate:
  • Alcuni utenti hanno notato una leggera curva di apprendimento dovuta ai nuovi flussi di lavoro.
  • Essendo un prototipo Figma, mancava la sensazione tattile e l'immersione di un'app nativa completa.
  • Alcune funzionalità avanzate (es. modalità SMS offline completa) non erano ancora fully developed nel prototipo.

5. Significato e Impatto

Questo studio dimostra che l'integrazione sistematica dei principi HCI nel design delle app bancarie non è solo teorica, ma porta a risultati tangibili:

• Adozione e Fiducia: Migliorando l'usabilità e riducendo l'ansia da errore, le banche possono aumentare l'adozione del mobile banking, specialmente tra utenti meno esperti o in aree rurali.
• Accessibilità: L'attenzione a principi come la visibilità e il supporto per utenti con disabilità rende i servizi finanziari più inclusivi.
• Strategia per Sviluppatori: Il lavoro fornisce una roadmap pratica per sviluppatori e banche, dimostrando come l'uso di modelli come TAM (Technology Acceptance Model) e principi psicologici (Gestalt, Fitts, Miller) possa trasformare un'app funzionale in un'esperienza utente superiore, riducendo la dipendenza da app di terze parti.

In sintesi, la ricerca valida l'ipotesi che un design centrato sull'utente, guidato da principi scientifici di HCI, sia fondamentale per risolvere le inefficienze attuali nel settore del mobile banking e per promuovere una maggiore soddisfazione e fedeltà del cliente.