CLIENTS - TVA Sports

TVA Sports

Un sans-faute

Si vous suivez le sport et que vous aimez être au courant des derniers résultats, échanges, affrontements et autres, vous consultez sans doute TVA Sports pour vous procurer votre dose quotidienne.

Plus important diffuseur sportif francophone en Amérique du Nord et première source d’information sur la LNH, la MLB et la MLS, TVA Sports a de nombreux téléspectateurs fidèles à qui il propose des tonnes de contenu pertinent chaque jour, chaque heure et même chaque minute.

Ce diffuseur a fait appel à nous parce qu’il cherchait un moyen rapide et efficace de transmettre cette vaste quantité de nouvelles, de statistiques et de contenus diffusés en direct. L’idée : une application qui fonctionnerait aussi bien avec iOS qu’avec Android. L’ancienne application mobile était tout simplement mal adaptée : tant les fonctionnalités que la performance et la conception laissaient à désirer. Une refonte majeure s’imposait. Lisez la suite pour savoir comment on s’y est pris.

Pourquoi nous?

L’équipe de TVA Sports a choisi Osedea à cause de notre expérience avec React Native, qui lui permettrait d’utiliser une base de code commune pour mettre en marché une appli hautement performante, agréable à l’œil et compatible avec les plateformes iOS et Android. (Au final, cette méthode coûte moins cher que de coder une application sans React Native, et l’application nécessite moins de maintenance et de soutien, ce qui permet de réaliser de grosses économies de temps et d’argent.)

Mais l’équipe de TVA a vite constaté que notre équipe était particulièrement bien outillée pour concevoir une application offrant une expérience d’utilisation fort agréable. Cet aspect s’est avéré indispensable, puisque les utilisateurs auraient accès à une multitude d’information et de contenu dans la nouvelle appli.

D’entrée de jeu, l’équipe de TVA nous a dit qu’elle avait tout de suite su que la création de son application moderne était entre bonnes mains. Il était évident qu’on travaillerait bien ensemble et qu’on s’amuserait beaucoup durant le processus!

L’objectif

L’équipe de TVA Sports voulait que l’application transmette des statistiques et des nouvelles plus pertinentes et plus souvent mises à jour que l’application originale. Mais elle souhaitait surtout réduire au minimum le délai de transmission des notifications lorsqu’une action se déroulait en direct (un but ou une pénalité). Elle espérait ainsi susciter chez l’utilisateur un plus grand sentiment de proximité et d’instantanéité qu’avec l’application de son concurrent, pour ultimement se positionner comme le diffuseur sportif le plus fiable. Notre équipe a donc collaboré avec TVA pour mettre au point un moyen novateur et fiable de recueillir et de diffuser les statistiques.

Le fait d’aviser des milliers d’utilisateurs de faits sportifs en temps presque réel, et ce, pour plusieurs parties se déroulant simultanément, représentait évidemment un défi. Mais quel défi stimulant! Pour réussir à offrir ce type de « comptes rendus » dans l’appli, on a travaillé avec des infrastructures de pointe et fait appel à des services professionnels évolutifs comme Amazon Simple Notification Service (SNS).

Il s’est aussi avéré intéressant de créer l’interface pour les abonnés et de gérer plusieurs sources de vérité (les nouvelles et les faits saillants des matchs proviennent d’infrastructures distinctes). L’application de TVA permet maintenant aux utilisateurs de « s’abonner » pour recevoir des alertes à propos de clubs ou de sports en particulier; ils ont ainsi une expérience ciblée et personnalisée.

Il fallait aussi collaborer étroitement avec l’équipe de TVA pour concevoir un produit à la fois esthétique et convivial qui permettrait à l’utilisateur de consulter aisément du contenu sportif contextuel très varié. Peu importe comment l’application est utilisée – lecture de divers articles de nouvelles, alternance entre les articles et les statistiques ou consultation directe des résultats des matchs ou des statistiques des joueurs –, il est impossible de s’y perdre ou de ne pas trouver ce qu’on cherche. L’architecture informationnelle, la conception des tableaux de statistiques et la mise en page du fil d’actualité de la page d’accueil ont toutes été pensées et codées avec le plus grand soin.

Aujourd’hui, nous sommes fiers de dire qu’en nous associant avec TVA Sports, nous avons réussi à offrir une expérience interactive qui répond au désir des amateurs de sport québécois de ne rien manquer des derniers affrontements, tournois et championnats, sans compter qu’elle permet à chaque utilisateur d’accéder aux plus récentes actualités sportives de son choix. En plus, l’application devient une télé format de poche qui vous suit partout où vous allez! Vous ne raterez plus jamais le but gagnant parce que vous étiez à l’épicerie ou en camping avec des amis!

Le défi

Il a fallu surmonter quelques grands obstacles pour mener ce projet à bien. Tout d’abord, on a dû trouver une façon d’accéder au flux de télévision en direct à partir de différents diffuseurs en ligne. Ce n’était pas évident non plus de travailler avec les diverses infrastructures d’authentification et de les intégrer au fonctionnement de l’application mobile, mais on y est arrivés!

Côté conception, l’un des aspects les plus importants de notre travail était de faire en sorte que les tableaux de statistiques soient faciles à lire, peu importe le sport ou la taille de l’écran.

Restait ensuite les détails : sélection des statistiques pertinentes, ordre de présentation, sélection de la meilleure famille de polices ainsi que de la taille et du poids des caractères (à la lumière de beaucoup de recherches, de discussions et d’essais) et choix de l’abréviation ou du sigle approprié pour chaque colonne. Après avoir fait quelques tests et pris nos décisions, on savait que l’application allait connaître un franc succès.

Pour le visuel, il fallait trouver une façon créative de présenter toutes les actualités et statistiques en respectant l’image de TVA, mais aussi en se démarquant des autres applications sportives. C’était un processus itératif, mais on s’est montrés à la hauteur. TVA Sports a d’ailleurs changé son image de marque durant le développement de l’application, et il va sans dire qu’il fallait pouvoir nous adapter en cours de route.

La suite

Pour donner à TVA Sports toute la latitude voulue en matière de contenu pour chaque sport, affrontement et équipe, on a privilégié le développement axé sur l’API, qui offre deux moyens de choisir ce que l’utilisateur voit à l’ouverture de l’appli.

D’une part, il est possible d’ajouter à tout moment des onglets dynamiques sur la page d’accueil pour offrir à l’utilisateur une nouvelle façon de suivre les événements sportifs du moment. Par exemple, lors des séries de la LNH ou de la Coupe du Monde de la FIFA, l’équipe de TVA peut facilement ajouter du contenu sur le tournoi dans l’application. D’autre part, elle peut aussi modifier ce qui figure dans les tableaux de statistiques (les rendant plus ou moins détaillés en ajoutant ou en supprimant des rangées et des colonnes). Tout ça à partir d’un « backend » convivial.

L’équipe de TVA Sports avait une vision assez claire de ce qu’elle voulait pour la nouvelle application. Comme on le fait pour tous nos clients, on a aussi proposé d’autres caractéristiques qui, selon nous, amélioreraient l’expérience de l’utilisateur, par exemple une présentation plus claire visuellement des statistiques générales d’une équipe, ou l’ajout de liens renvoyant à du contenu connexe au bas des articles pour inciter l’utilisateur à explorer d’autres sujets, et donc à passer plus de temps dans l’appli.

On a aussi aidé le client à optimiser les types de caractères, notamment en disposant les titres et sous-titres de diverses longueurs dans un format carte qui respectait son image de marque et les ratios d’images qu’il avait choisis. Enfin, on a ajouté une fenêtre dynamique et intégrée qui indique les pointages, dans le format propre à chaque sport, et peut servir à publier du contenu d’avant-match, des parties en direct ou des résultats.

Et vous, jusqu’où vous mènera-t-on?

Informations

Votre source de nouvelles sportives au Québec

App Store
Projets Application mobile
Année 2017-2018
Client TVA Sports
Technologies React Native
Fastlane
Bitrise
Ansible