Neotys

Faciliter la compréhension de mesures complexes

Neotys

Faciliter la compréhension de mesures complexes

L’avis de notre client

Logo Neotys
Christophe Marton
VP Product Management
« A l’écoute de nos besoins très spécifiques, Usabilis nous a proposé une interface qui correspond à la fois à l’image moderne que nous voulions projeter et qui répond parfaitement aux besoins fonctionnels complexes auxquels nous devions répondre, tout en restant compréhensible et simple d’usage. »

L’utilisabilité à la rencontre de la performance pour une UX totale

Neotys nous a demandé d’intervenir sur ses deux produits phares :

  • NeoLoad qui permet de réaliser des tests de charge et de performance.
  • Neosense, un outil de monitoring, qui supervise en temps réel la performance des applications web et mobiles.

Les enjeux de cette intervention sont plus larges qu’une simple refonte puisque qu’ils marquent la transition des produits Neotys vers le web applicatif. L’héritage du client lourd n’est pas aisé à transposer ; les interactions sont fortement différentes entre une interface logicielle et une interface web.

L’objectif de la mission a donc été de migrer les interfaces conçues en client lourd vers du client léger web responsive et de refondre complètement l’expérience utilisateur.

L’expertise métier complexe était un challenge supplémentaire pour concevoir ces nouvelles interfaces.

Ce contexte particulier a renforcé la collaboration entre l’équipe Usabilis et Neotys pour surmonter ces problématiques qui sont devenus un terrain d’innovation.

Résultats

  • Une interface graphique innovante
  • Une transition vers une interface web responsive
  • Une navigation simplifiée
  • Une interface intuitive pour un usage professionnel
  • Un usage adapté au mobile et au tactile
  • Une expérience utilisateur unifiée des produits Neotys

La pluridisciplinarité en œuvre dans la conception

Les ateliers de co-conception ont été la clé pour réussir ce projet. La polyvalence de nos consultants ergonome psychologue, UX Designer, Directeur Artistique en échange avec les Chefs de Produit, Directeurs Technique et développeurs ont donné lieu à des ateliers de co-conception riches qui ont débouché sur des choix UX convaincants.

Gros plan de la table avec des crayons et des esquisses d'écran sur papier suite à l'atelier de co-conception conduit par Usabilis lors de la refonte UX/UI de l'application Neotys.
Atelier de co- conception et maquettes papier

La démarche itérative en mode Agile a permis d’affiner les solutions vers le résultat le plus simple. De ces ateliers, ont découlé des wireframes ainsi que la création d’une nouvelle identité graphique. Usabilis a facilité la prise en main de la nouvelle expérience utilisateur Neotys pour les équipes de développement en proposant un Design System intégrant le code CSS.

Les différentes étapes de la méthode

  1. Atelier de co-conception
  2. Maquettage
  3. Design graphique
  4. Design System
  5. Kit UI

Conception web et tactile pour un usage flexible

La nouvelle identité graphique proposée par Usabilis est à la mesure des ambitions de Neotys : innovation, clarté de l’information et facilité d’usage. La structure, forte et sobre à la fois, laisse place à un affichage épuré des informations. Le jeu de contraste et de couleurs amène une tonicité à l’interface qui met en valeur la puissance de l’outil.

La page de recherche de l'application Neotys suite à la refonte UX/UI conduite par Usabilis.
La page de recherche NeoLoad
Tableau de bord de l'application Neotys Neoload suite à la refonte UX/UI conduite par Usabilis.
Les graphiques sont traités avec élégance et souci de lisibilité.

Les écrans Overview sont le cœur de l’application NeoLoad. Le travail ergonomique et graphique est axé sur la hiérarchisation des données multiples pour permettre une lecture très structurée (timeline, tableaux, blocs d’indicateur).

Ecran Overview de l'application Neotys Neoload suite à la refonte UX/UI conduite par Usabilis.
La page Overview

Dans l’application Neosense, les alertes, initialement représentées dans un agenda classique, posaient un vrai problème de lisibilité lorsqu’elles étaient trop nombreuses.

La conception d’une timeline astucieuse a permis de résoudre ce problème et d’offrir de nouvelles fonctionnalités pertinentes (vue synthétique en parallèle de la vue détaillée, amélioration des filtres, navigation temporelle, etc.).

Un utilisateur surveille le fonctionnement d'un serveur avec la nouvelle application Neotys conçue avec Usabilis.
La navigation temporelle permet de retrouver précisément les évènements

L’affichage de l’application Neosense sur tablette se prête bien à l’usage consultatif des données. Le soin apporté à la taille des éléments favorise la manipulation au doigt.

Un utilisateur se sert de l'application tablette Neotys Neoload pour superviser le fonctionnement d'une salle machine.
Une navigation optimisée pour un usage en mobilité

Le journal d’alertes est un élément central de plusieurs parcours utilisateurs. Étant donné le caractère imprévisible des alertes, il est essentiel que les utilisateurs puissent en être informés même lorsqu’ils sont éloignés de leur poste de travail. C’est pourquoi nous avons optimisé l’affichage du journal d’alertes pour une utilisation mobile.

L'application mobile Neotys conçue avec Usabilis permet de recevoir directement les alertes sur son téléphone.
Le journal d'alertes en version mobile

Le Design System, intégrant le code CSS des éléments graphiques sur Zeplin, a nettement facilité le développement de l’interface.

Ecran de l'application Zeplin utilisée pour convertir le design graphique en spécifications CSS.
Les spécifications CSS prêtes à l'intégration

A propos de Neotys / NeoLoad

Neotys est l’éditeur français spécialiste du test de performance pour les applications. Neotys développe NeoLoad, la plateforme de test de charge et de performance utilisée en phase de développement pour simuler un grand nombre d’utilisateurs et mesurer la performance d’une application dans un contexte d’utilisation réaliste, avant de la déployer en production. 

NeoLoad est conçu pour répondre aux besoins des équipes qui travaillent en Agile et en DevOps et qui testent des application web et d’entreprise comme par exemple SAP.

Nos autres réalisations

Ecran de l'interface de supervision de remontées mécaniques Semer conçue avec Usabilis.
Ecran du système d'archivage électronique (SAE) Locarchives conçu en démarche Agile avec Usabilis.
Ecran du logiciel administratif WEB@AI de Gilai conçu selon une démarche centrée utilisateur avec Usabilis.

Newsletter

Abonnez-vous à notre newsletter pour rester informé de l’actualité digitale, UX et UI

Inscription validée !
inscription-validee

Merci :)

Vous faites maintenant partie des heureux lecteurs de la newsletter Usabilis.

N’hésitez pas à nous faire part de vos commentaires ou de vos questions. Nous restons à votre écoute.

A bientôt !