Météo France
UX / UI
Altran ID
2018
Météo-France souhaite procéder à la refonte de son dispositif Internet qui comprend une 10e de sites Web, dont meteofrance.com classé parmi les médias les plus consultés en France (entre la 20e et la 30e position selon Nielsen Net ratings, avec une audience annuelle de plus de 1,1 milliard de pages vues).
Prévisions météorologiques, informations climatologiques, données d’observation, missions de service public… Véritable emblème dans le paysage médiatique, Météo-France est une institution de confiance qui dispose d’une aura, d’une image et d’une notoriété fortes. Toutefois, à l’heure de la transformation numérique et digitale de la société et des nouveaux usages de consommation de l’information, Météo-France doit faire face à une véritable concurrence.
Objectifs
Le site devra capitaliser sur le cœur de métier de Météo-France, à savoir la prévision météorologique, le climat et la vigilance, afin de rester la référence dans ces domaines. Centré utilisateurs, le site devra proposer des contrats de lecture clarifiés, des parcours utilisateurs clairs et bien définis, afin d’améliorer l’expérience globale des internautes. Le site devra permettre de positionner l’établissement comme un acteur public de l’innovation numérique. Le site devra être attractif pour les annonceurs, afin d’optimiser la monétisation des audiences.
Déroulement du projet
Audit ergonomique du site existant
Définition de personas
Rédaction d’un protocole de tests utilisateurs
Animation de tests utilisateurs du site existant
Création des templates et outils
Ateliers de co-création
Wireframes
Développement d’une charte graphique
Création des interfaces
Tests utilisateurs des nouvelles interfaces
Multiples itérations
Spécifications
Atelier de co-création
Création des wireframes
Segmentation du travail en templates et outils.
Les templates sont des éléments structurants, ce sont les pages principales du site. Ils comprennent les données météo ainsi que des services complémentaires qui complètent l'offre de Météo-France.
Quant à eux, les outils sont des éléments récurrents qui s'incrustent dans les templates comme des blocs. Ce sont des outils techniques qui permettent de communiquer de manière visuelle les données météorologiques. Ils prennent la forme de cartes, graphiques, tableaux etc...
TEMPLATES
Accueil
Ville
Vigilance
Actualité - Météomag
Service+ Dashboard
Service+ Où et Quand partir
Service+ Écotrajet
OUTILS
Cartes
Atmogramme
Pluie dans l’heure
Google +layers
Windy
Horaires des marées
Cyclones
Cyclones
Climat
Comparer les villes
Recherche
UX Templates
UX Outils
Une des volontés de Météo-France dans la refonte de ses sites internet est d'offrir des services qui contextualisent les données météo dans le quotidien de ses utilisateurs. Pour exemple, Éco-trajet, il permet à l'utilisateur de planifier le meilleur moment pour un trajet en fonction de la météo pour limiter son empreinte carbone et favoriser la marche à pied ou à vélo.
Exemple d'un outil : Horaires de marées
Page d'accueil meteofrance.com
Un des enjeux cruciaux du projet est la carte emblématique de Météo-France. Elle est un marqueur d'identité et doit refléter par son esthétisme et son fonctionnement, la qualité des données diffusées par l'entreprise.
Premier élément visible à l'arrivée sur le site, en plus de devoir être attrayante, elle se doit également de répondre à des normes d'accessibilité très strictes en terme de couleurs, de contraste, de lisibilité et de compréhension.
1. Carte de France
2. Survol Région
3. Carte Région
4. Survol département
5. Carte département
6. Survol pictogramme
Page ville
Le principe de "Météo sans couture" permet de changer l'échelle des prévisions météo dans le temps (aujourd'hui, demain, 7 jours etc...) sans avoir à changer de page. L'atmogramme, l'outil qui présente les données météorologiques, s'adapte en fonction de l'échelle de temps sélectionnée dans la barre supérieure.
Une fois les interfaces prototypées, s'en sont suivi une série de tests utilisateurs. Ces derniers nous ont permis de révéler les points à améliorer pour qu'après plusieurs itérations, nous soyons sûr de répondre correctement aux besoins des usagés du site de Météo-France.
