Situé en Normandie, le département de la Seine-Maritime est un territoire riche pour son patrimoine culturel et industriel comptant plus de 1,2 million d'habitants. Nous avons été sollicité pour refaire à neuf leur application 76 Pocket afin d'améliorer l'architecture et l'ergonomie de leur plateforme.
L'application 76 Pocket permet aux plus de 1,2 million d'habitants du département 76 de s'informer sur les horaires des bacs de Seine (transports). De plus, elle communique sur l'actualité du département sous différents formats, tels que vidéos, podcasts et magazines. Elle propose également différents sites et centres d'aide, tels que tourisme, activités de randonnée et véloroutes, centres médicaux. C'est pourquoi une hiérarchisation du contenu et une optimisation du parcours ont été primordiales pour améliorer l’expérience utilisateur.
D'abord, nous avons réalisé un audit UX UI sur le parcours et l'interface de l'application, évaluant chaque élément selon les critères de Bastien et Scapin. Il s'agissait d'identifier les points de friction concernant la navigation, l'affordance, la gestion des erreurs, l'adaptabilité et la charge cognitive des interfaces.
Nous avons identifié différents points nécessitant des améliorations pour fluidifier et optimiser l'expérience utilisateur :
Nous nous sommes réunis avec la direction adjointe des systèmes d'information et du numérique, ainsi qu'avec l'adjoint à la cheffe de service Information et Numérique, afin de concrétiser le résultat attendu de l'application et de discuter des contraintes potentielles à anticiper durant le projet. Par exemple, le projet devait être livré dans un mois, ce qui nécessitait de prioriser les écrans pour répondre au mieux à cette contrainte de temps.
Au sein de l'équipe design, nous avons commencé à comprendre les fonctionnalités les moins utilisées via une analyse quantitative mise en place par le client (analytiques). Également, nous avons réalisé un benchmark pour comprendre quelles sont les rubriques et les fonctionnalités communes au sein de chaque application dans les différents départements en France.
Puis, nous avons organisé un atelier de tri de cartes avec le client, qui a permis de catégoriser chaque fonctionnalité et de mieux hiérarchiser le contenu tout en restant fidèle à son parcours existant. C'est une approche collaborative et efficace pour examiner plus en détail les interfaces. Nous avons mis en avant 4 rubriques principales qui regroupent les pages importantes de l'application (comme accueil, actualités, infos pratiques et mon compte).
Cet atelier nous a aidés à optimiser l'arborescence de l'application en se concentrant sur les fonctionnalités essentielles pour offrir un parcours utilisateur fluide et intuitif.
Suite à l'hiérarchisation du contenu, nous avons commencé à réaliser les premiers écrans sous forme de wireframes mid-fi avec un contenu textuel provisoire pour élaborer un prototype. Le but était de tester la navigation et le contenu auprès de 5 personnes appartenant à une cible assez large, de 30 à 58 ans, intéressées par la vie de leur département et désireuses d'utiliser une telle application.
Ce test utilisateur a été réalisé pour confirmer les différents objectifs et hypothèses, tels que :
À partir d'un UI kit moderne, tout en restant simple et clair, dont les couleurs évoquent l’univers maritime et accessible sur les différents modes (sombre et clair), nous avons finalisé la création de tous les écrans de l'application.
Nous avons été heureux de participer à ce projet de refonte afin d'offrir aux habitants de Seine-et-Maritime une expérience agréable, fluide et accessible, leur permettant de découvrir quotidiennement l'actualité, les horaires des bacs de Seine, ainsi que les différentes rubriques d'informations pratiques accessibles depuis l'application 76 Pocket.
