Teamleader Blog Article

Le tout nouveau menu de navigation de Teamleader est bientôt disponible !

Benny Waelput Benny Waelput on 9 mars 2018 17:08:00 in Product Updates

Le tout nouveau menu de navigation de Teamleader est bientôt disponible !

Dans le secteur des logiciels d'entreprise, rester immobile c'est risquer d'être à la traîne. C'est pourquoi nous nous efforçons toujours d'évoluer. Des fois nous changeons de petites choses - des ajustements ou des corrections de bugs qui sont à peine visibles pour un utilisateur final comme vous. D'autres fois, nous modifions des éléments visuels et cela a un impact considérable sur votre expérience utilisateur. Depuis 2012, pourtant, il y a quelque chose qui n'a pas beaucoup changé : notre menu de navigation. Et des améliorations étaient souhaitables, notamment pour plus de facilité d'utilisation.

Pourquoi changer maintenant ? Pour deux raisons principales. D'une part, notre menu de navigation occupe pas mal d'espace. À la place, nous pourrions utiliser cet espace pour afficher plus d'informations à d'autres niveaux, par exemple le calendrier et la planification des projets. Une vue élargie nous permet aussi d'afficher plus d'informations concernant ces deux fonctionnalités. À l'inverse, une barre de navigation prend moins d'espace et produit plus de clarté et moins d'encombrement aux alentours.

D'autre part, lors de son lancement l'outil Teamleader comportait peu de fonctionnalités. Nous avons ajouté de nouvelles fonctionnalités au fur et à mesure, mais nous les avons souvent positionnées là où nous le pensions approprié - au moment concerné. Au bout d'un moment, ça a forcément eu un impact sur votre expérience utilisateur. Pour vous donner un exemple : il est très fréquent de cliquer sur les contacts ou encore sur les entreprises. Mais pour arriver aux entreprises, vous avez besoin de cliquer deux fois. Fractionner en deux sections distinctes est la chose logique à faire : nos utilisateurs ont un clic de moins à faire.

La nouvelle barre de navigation n'était pas un simple petit ajustement visuel - et nous ne voulions pas prendre de risques inconsidérés. La nouvelle conception est le résultat de plusieurs mois de réflexion approfondie, d'ajustements successifs, et même parfois de pauses pour laisser reposer tout ça pendant un moment. Nous sommes heureux de partager rapidement avec vous notre façon de travailler.

La psychologie d'une barre de navigation

Il nous a fallu répondre à de nombreuses questions lorsque nous avons imaginé la nouvelle apparence de notre barre de navigation. Aujourd'hui, comment les gens l'utilisent-ils ? Comment pouvons-nous les aider à gagner du temps à l'avenir ? Quelle serait la façon la plus logique d'approcher cette nouvelle barre de navigation ?

Comment les données utilisateur nous apprennent des choses

Mixpanel (qui est un outil permettant de suivre le comportement d'un utilisateur de manière anonyme) nous a aidé à déterminer comment et à quelle fréquence l'utilisateur cliquait sur l'ancien menu de navigation. Nous avons recueilli des données pendant un mois, pour déterminer combien de fois la barre de navigation avait été utilisée en lien avec les modules de Teamleader. Selon le nombre de personnes utilisaient certaines fonctionnalités (par ex. CRM, gestion de projets, ...), un pourcentage a été calculé, ce qui nous permet d'établir l'utilisation relative de ces éléments de menu. Vous pouvez trouver les résultats de notre recherche dans le graphique ci-dessous :

Plot 1 (5).png

Nous en avons tiré les éléments clés suivants :

  1. De nombreux utilisateurs ont activé le module Produits, mais ne l'utilisent pas souvent. Cela nous a permis de comprendre qu'en général vous configurez Produits une fois, sans avoir besoin d'y revenir beaucoup par la suite. C'est pour ça que nous avons déplacé Produits dans les Paramètres, par exemple.
  2. L'anomalie de loin la plus flagrante concernait la Gestion de tickets. Nos clients ne l'utilisent pas tous, mais ceux qui le font l'utilisent très souvent. Cela signifie que ce module doit être facilement accessible pour ces utilisateurs là en particulier.
  3. Chaque utilisateur démarre depuis le Tableau de bord, et il est certain que les gens vont revenir dessus assez souvent. C'est pour ça que nous venons juste de renouveler le tableau de bord, et qu'il figurera à nouveau en bonne place dans la nouvelle barre de navigation.
  4. Les Abonnements ne sont pas utilisés ni activés très souvent, donc nous avons pu les déplacer à un niveau de navigation secondaire.

Comment définir l'ordre du menu de navigation

En gardant toutes ces idées en tête, nous avons travaillé sur un écran de navigation principal à 3 niveaux :

  1. Menu principal : éléments que vous allez utiliser tous les jours
  2. Menu secondaire : fonctionnalité liée à un élément du menu principal, mais qui n'est pas utilisée tous les jours. Elle sera présentée comme un nouveau niveau en haut de votre écran. Par ex., les avoirs sous l'élément Facturation.
  3. Menu tertiaire : il est utilisé pour des fonctionnalités supplémentaires qui ne rentrent pas le menu secondaire. La plupart du temps, cela n'est le cas que pour les Statistiques ou les Paramètres, par exemple pour obtenir plus de détails sur un aspect en particulier.

Enfin, nous nous sommes aidés de ces priorités pour déterminer l'ordre de la barre de navigation :

  1. Les éléments personnels ou valables pour toute l'entreprise
    • Quels éléments sont seulement utilisés de façon personnelle ?
    • Quels éléments sont utilisés à l'échelle de toute une entreprise ?
    • Comment accéder rapidement à « Votre espace personnel » ?
  2. L’ordre logique
    • Quel est l'ordre le plus logique pour afficher les éléments ?
  3. Paramètres
    • Quelles fonctionnalités ne sont pas souvent utilisées ?
    • Lesquelles d'entre elles peuvent être intégrées à un menu secondaire ou tertiaire ?
    • À quoi ressemblerait un regroupement logique ?

Conception

Après avoir compilé toutes ces données, il était temps de se mettre au travail de conception en tant que tel. Notre équipe de conception produit a tout revu en détail, et voici les premiers résultats.

new navigation bar open invoicesnew navigation bar settings

 

Les captures d'écran ci-dessus vous donnent une idée de la future apparence du nouveau menu de navigation. Gardez à l'esprit que cette conception n'est pas encore définitive, puisque nous souhaitons l'améliorer en fonction de vos retours.

Soyez le premier à l'essayer !

Comme nous aimerions vraiment savoir ce que en pensez, nous allons d'abord tester la version bêta auprès d'un groupe d'utilisateurs restreint mais représentatif. Une fois que nous aurons tenu compte de vos retours, nous allons progressivement déployer le nouveau menu de navigation pour tout le monde.

Gardez à l'esprit que c'est juste une première conception, et que nous allons utiliser vos retours pour l'améliorer encore davantage. Mais pour faire tout ça...

Nous avons besoin de vos retours. Qu'est-ce que ce nouveau menu de navigation vous inspire ? Inscrivez-vous pour tester la version bêta, et dites-nous ce que vous en pensez !