Nel mondo frenetico di oggi, semplificare attività complesse e offrire esperienze utente intuitive è fondamentale. In qualità di UX Designer presso Oimmei Digital, mi è stato affidato il compito di riprogettare l'app QuiLivorno. Questo progetto ha rappresentato un'opportunità preziosa per applicare i principi del design centrato sull'utente, con l'obiettivo di aumentare il coinvolgimento e ottimizzare le funzionalità dell'app.
Cliente
Oimmei Digital Consulting
Ruolo
Senior Experience Designer
Anno
2024
Settore
News and Media
Overview
L'app QuiLivorno originale presentava diverse criticità: una navigazione poco chiara, la mancanza di un flusso utente ben definito e un basso livello di coinvolgimento. Questi problemi si traducevano in frustrazione generale degli utenti e in un minor utilizzo dell'app.
Processo UX/UI
Nel ridisegnare l'app QuiLivorno, mi sono concentrata su due aspetti fondamentali: una struttura dei contenuti ben organizzata e una navigazione intuitiva. Per offrirti un'esperienza di lettura delle notizie davvero piacevole, ho scelto di utilizzare uno scrolling sia orizzontale che verticale. Vediamo nel dettaglio come ho raggiunto questo obiettivo:
Vetrina delle notizie quotidiane in primo piano: Nella schermata iniziale dell'app, troverai una sezione ben visibile con scorrimento orizzontale dedicata alle notizie principali del giorno. Questa sezione sfrutta il CMS (Content Management System) dei giornalisti locali, permettendo loro di selezionare gli articoli più importanti. In questo modo, potrai avere a colpo d'occhio una panoramica delle notizie principali della giornata e potrai anche salvare gli articoli per consultarli in futuro, avendo così una raccolta delle news di tuo interesse.
Esplora nel dettaglio grazie alla gerarchia dei contenuti: Al di sotto della vetrina delle notizie quotidiane, troverai una sezione con scorrimento verticale che presenta un'organizzazione più ampia dei contenuti.
Categorie di notizie: Le principali categorie di notizie (Notizie locali, Economia, Sport) sono visualizzate in modo chiaro e facilmente accessibili. Potrai toccare una categoria per approfondire gli articoli ad essa collegati.
Layout basato su schede: Gli articoli di news sono presentati in eleganti schede, con titoli chiari, immagini accattivanti e riassunti concisi. Questo ti permette di scorrere rapidamente le notizie e individuare quelle più interessanti per te.
Architettura delle informazioni basata sulle esigenze degli utenti: La ricerca condotta sugli utenti ha avuto un ruolo fondamentale nella definizione dell'architettura delle informazioni. Capire come gli abitanti di Livorno consumano le notizie ci ha permesso di dare la giusta priorità a categorie e sottocategorie, allineandole alle tue aspettative.
Refresh dell'interfaccia utente e identità di brand: accessibilità e richiamo locale in equilibrio
Oltre alla struttura informativa migliorata, l'app ha ricevuto un completo refresh dell'interfaccia utente e un rinnovamento dell'identità di brand:
L'accessibilità rimane fondamentale: Garantire un'esperienza di lettura confortevole per tutti gli utenti è stata una priorità assoluta. Sono stati implementati temi ad alto contrasto, font più grandi e una chiara gerarchia visiva. Abbiamo inoltre rispettato le linee guida WCAG (Web Content Accessibility Guidelines) per la scelta dei colori, favorendo un'esperienza inclusiva.
Conclusione
Grazie a una gerarchia dei contenuti improntata sull'utente, una navigazione intuitiva con elementi per la raccolta di informazioni e un'interfaccia utente accessibile ma allo stesso tempo accattivante, la nuova app QuiLivorno permette ai residenti di Livorno di trovare in modo efficiente le notizie locali di loro interesse, mentre i giornalisti possono facilmente mettere in evidenza i titoli del giorno.
Oimmei Agency x Qui Livorno