Header Maif

Suite à la refonte de la homepage, l’équipe Navigation & Structure a commencé l’autre chantier très attendu par les métiers : “Le Header principal”.

Le Header dit “principal” à la MAIF correspond au header public déconnecté (il y a 4 types des headers, chaque header a une fonction différente). Je vais donc vous parler du Header principal, ou encore Header “transverse”.

Il accueille les cibles : particuliers, enseignants, professionnels et associations et collectivités. Chaque univers a son propre contenu et des objectifs business différents.

Réduire la taille du header
Améliorer l’expérience utilisateur sur mobile
Faire comprendre les différents cibles / univers
Ajouter la prise de RDV et l’assistance sinistre

Analyse et benchmark

Après une longue d’analyse du header existant, nous avons réalisé un benchmark. L’objectif était de comprendre comment les autres marques arrivent à loger toutes les informations dans un endroit restreint en restant lisible :

Découper les éléments de la structure
Définir les éléments de chaque cible
Ordonner et prioriser le contenu

Ateliers – Crazy8

Nous avons réalisé un premier atelier pour comprendre le contenu du header, les priorités utilisateurs et métier et surtout pour commencer à dessiner une nouvelle forme (pyramide de priorités).

Matérialiser les idées avec les wireframes

A/B tester pour mieux cibler

Évaluer l’utilisabilité : mobile et desktop
Orienter le choix d’une des 2 solutions
Vérifier l’utilisabilité du swipe
Récupérer les données avec les verbatims

Âge moyen :41,7
Succés : 9/10
Tâtonnement : 1/10
Échec : 0/10
Plébiscite : 9/10
Moyenne (s) : 25,5
Écart-type : 45,08

Âge moyen :41,7
Succés : 3/10
Tâtonnement : 8/10
Échec : 1/10
Plébiscite : 2/10
Moyenne (s) : 77,3
Écart-type : 52

Âge moyen : 34,2
Succés : 8/10
Tâtonnement : 2/10
Échec : 0/10
Plébiscite : 9/10
Moyenne (s) : 22,6
Écart-type : 12,3

Âge moyen : 34,2
Succés : 5/10
Tâtonnement : 3/10
Échec : 2/10
Plébiscite : 3/10
Moyenne (s) : 111,9
Écart-type : 64,4

Réussir

l’objectif !

Notre objectif a pu être atteint. Une version a été choisie!

Le choix du swipe , les tags et une hauteur de header “réduit” a fait la différence.

Augmentation très significative du taux de clics sur la cible « Particuliers ».
Augmentation très importante du taux de clics sur la vignette « Espace personnel » qui est bien plus visible qu’avant. Les liens « Prendre rdv » et « Assistance et sinistre » ne viennent en aucun cas dégrader son utilisation.
Baisse notable de l’utilisation de la modale de recherche. Le header semble répondre directement à plus de besoins des utilisateurs.