Le brief : REFONTE TOTALE DE l’expérience utilisateur ET DE L’OFFRE DE MYTF1.com
Après un audit de l’ancienne interface couplé aux données du client, voici les points de faiblesses qui en sont ressortis :
• Un champ concurrentiel qui évolue vite : France TV, M6, Netflix, Molotov…
• Une marque connue mais peu présente à l’esprit : caractère innovant faible, manque de convivialité, manque de renouvellement…
• Une marque MyTF1 polymorphe mais mal comprise : MyTF1 englobe toutes les chaines du groupes TF1
• Une réflexion faite autour de la refonte du produit vers un produit évolutif de manière pérenne
• Une mise à jour des marques B2C : MyTF1 VOD, MyTF1 VR etc… (constituer une communauté d’utilisateurs autour de leurs différentes plateformes)
Design des vignettes
Tout est une histoire de format
Étant donné que l’accès aux différents contenus se fait à travers les vignettes, une grande réflexion été faite autour de la conception des vignettes.
En utilisant un format spécifique à chaque type de contenu, la lecture de l’offre des chaines du groupe s’en trouve facilitée améliorant ainsi l’expérience utilisateur.
Des codes couleurs permettent de différencier les contenus replay de celui du direct.
les différents types de vignettes
Composition et variations d’une vignette de contenu
Emission en DIRECT / reprise du direct
Vignette desprogrammes et des sous-programmes
Video en cour de lecture et sa variation
Vignette des REPLAYS à l’état normal et au survol de la souris
Un lecteur vidéo amélioré
Un lecteur vidéo immersif offrant l’ensemble de l’offre MYTF1.com au bout des doigts
Donner à l’utilisateur une expérience immersive de bout en bout. Possibilité de passer à l’épisode suivant ou consulter les vidéos similaires directement à partir du navigateur intégré. Ce dernier permet aussi à tout moment, de jeter un coup d’oeil sur les émissions en direct et d’y basculer selon ses envies.
Cette navigation intuitive permet un parcours simplifié au sein de la richesse des contenus qu’offre les chaînes du groupe MyTF1.fr.
une expérience enrichie
Une application mobile native (iOS et Android) offre une multitude d’interactions supplémentaires s’adaptant ainsi à la mobilité des utilisateurs : ajout des vidéos en favoris ou téléchargement des programmes préférés en local pour un visionnage optimal dans les transports ou dans un lieu avec peu de connectivité.
Un design system évolutif
Un système garantissant une cohérence PéRENNE de la nouvelle identité de MyTF1
Un tout nouveau design system est mis en place afin de garantir une langage commun aux différentes équipes travaillant sur le même projet : les designers, la design team de TF1 et les développeurs. Il a surtout permis dans un premier temps, de garantir la cohérence des éléments graphiques tout au long de la conception des pages au sein des équipes de création. Puis dans un deuxième temps, il a assuré et grandement amélioré l’efficacité du workflow minimisant ainsi les risques d’erreurs inhérents aux défaillances dans la communication entre les différentes équipes.
Sur du long terme, ce design système sera le noyau dur de la future évolution des éléments d’interface du site de MyTF1.fr