
Repenser la navigation
Photo : Maxime De Hulster

Repenser la navigation
Photo : Maxime De Hulster
C'est la première chose que vous avez découverte en ouvrant la nouvelle version de Trackkarma : nous avons entièrement repensé l'interface et la navigation de l'application. Ce résultat est le fruit d'un long travail d'analyse et de réflexion ayant pour but de rendre l'utilisation de Trackkarma encore plus simple et intuitive.
Cette réflexion commence dès l'arrivée sur la page d'accueil. Celle-ci a été revue de fond en comble pour vous donner une vue rapide sur toutes les choses qui se passent dans votre ligue. A gauche, vous trouverez la liste des événements (entraînements, matchs et réunions) à venir dans le mois, groupés par semaine afin de faciliter la lecture. Pour chaque événement, votre pouvez directement mettre à jour votre disponibilité. A gauche, un ensemble de widgets contextuels vous donnent un vue rapide sur un ensemble de fonctionnalités offertes par Trackkarma. C'est par exemple ici que vous pourrez voir vos propositions de matchs en attente de réponse, votre historique de présences ou l'état de vos cotisations.

La barre de menus a elle aussi été entièrement revue. Toutes les fonctionnalités sont désormais regroupées par thème et celles-ci sont affichées ou non en fonction des droits d'accès définis dans votre profil. Sur mobile, cette barre de navigation latérale s'efface au profit d'un menu en bas de l'écran, plus compact et facilement accessible, mettant en avant les fonctionnalités les plus utilisées par les utilisateurs de Trackkarma.

La nagivation générale dans les écrans a également été totalement repensée. Auparavant, les écrans avaient parfois tendance à ne pas toujours suivre la même logique, rendant les interactions peu intuitives car différentes d'une fonctionnalité à l'autre. Dans la nouvelle version de Trackkarma, cette logique a été homogéinisée et tous les écrans adoptent désormais un comportement similaire afin de garantir une navigation simple et cohérente.
Ainsi, dans un écran listant une série d'éléments, par exemple des entraînements, des matchs ou des membres, vous trouverez toujours en premier lieu le titre de la page. Ensuite, apparaîtront les différentes actions possibles sur les éléments de la page. A gauche, des filtres permettent de limiter le nombre d'éléments affichés et uniquement lister les éléments qui vous sont pertinents. A droite, vous pouvez choisir entre un affichage des éléments en grille ou en liste. Enfin, les actions possibles dans l'écran sont affichées, parfois rassemblées dans un menu lorsque celles-ci sont trop nombreuses afin de converser une lisibilé correcte. Bien évidemment, le nombre d'actions visibles dépend du nombre de droits associés à votre compte.

Au centre de ces écrans, vous trouverez les éléments en eux-mêmes, affichés sous forme de cartes ou de tableaux en fonction du mode d'affichage sélectionné. En mode 'Grille', les cartes vous donnent un aperçu rapide et complet sur les élements ainsi que la possibilité d'agir directement sur ceux-ci. Par exemple, dans le cadre d'entraînements, vous pouvoir consulter rapidement les nombres de personnes disponibles, les entraîneurs et les équipes concernées. Vous pouvez également changer votre propre disponibilité ainsi que vous ajoutez/retirez de la liste des entraîneurs si vous en avez le droit. Enfin, en effectuant une pression longue sur la carte, vous afficherez le menu contextuel lié à l'élément vous permettant d'accéder à toute une série d'action rapidement.

Les écrans de détails d'éléments ont eux aussi été repensés pour offrir une navigation plus claire. En haut de l'écran, vous trouverez le titre de l'élément ainsi que les détails de celui-ci. Par exemple, dans le cadre d'un match, les équipes de ce match, le score ainsi que les différentes informations pratiques telles l'horaire ou l'adresse sont affichées.
En dessous, on retrouve à gauche des onglets permettant de naviguer dans les différentes vues disponibles et à droite les actions, ici encore éventuellement regroupées dans un menu.

Cette refonte visuelle nous a également donné l'occasion de repenser certains écrans qui pouvaient autrefois manquer de clarté. C'est par exemple le cas de tout ce qui touchait aux paramètres de votre compte utilisateur ou de votre ligue. Les informations étaient éparpillées à plusieurs endroits, rendant la compréhension difficile. Désormais, l'ensemble des paramètres modifiables ont été rassemblés dans un menu commun et regroupés dans des sections plus claires.
Enfin, nous avons toujours gardé comme objectif de proposer une application agréable à utiliser peu importe la taille de l'écran sur laquelle elle est consultée. Que vous utilisiez un ordinateur, une tablette ou un smartphone, Trackkarma demeure parfaitement utilisable. La navigation reste simple et globalement similaire, même si des adaptations visuelles existent afin de tirer profit de chaque taille d'écran. Par exemple, outre l'utilisation sur smartphone du menu plus simple en bas de l'écran évoqué dans un paragraphe précédent, l'interface mobile de Trackkarma privilégie les boutons avec icônes plutôt que du texte afin de s'adapter à l'espace disponible réduit par rapport à l'écran d'un ordinateur et ainsi éviter une navigation trop encombrée.

Même si la précédente interface de Trackkarma était relativement simple, nous pensons être allés dans la bonne direction avec cette nouvelle version et ainsi proposer une navigation plus claire et cohérence et, en fin de compte, plus agréable à utiliser et à prendre en main !