Retour à la liste des projets

Comment faire évoluer l'expérience utilisateur d'une application web?

Article écrit par David Pizzotti pour le hors série UX Design de Mai 2017 de Cinnk Magazine.

Comment faire évoluer l’expérience utilisateur d’une application web tout en gardant son attractivité ? Je vous propose d’y répondre au travers de l’analyse du projet que nous avons effectué en 2016 sur le service de monitoring Watchful.li.

Tableau de bord de l'application web watchful.li

En 2012, nous avons lancé un service de monitoring de sites Joomla! et, depuis 2016, pour WordPress.

Cette plateforme a comme objectif d’aider les agences web dans le suivi et la maintenance de leurs sites web. Il permet de vérifier l’état de santé des sites, de faire des mises à jour et d’être alerté en cas de problèmes. A l’origine, une interface basique a été rapidement mise en place afin de pouvoir valider le concept.

Au fil du temps, nous avons effectué une mise à jour annuelle de l’application, pour répondre à son évolution et aux besoins des utilisateurs.

Nous avons implémenté, entre autres, les 8 points suivants:

  1. Réduire les zones mortes du haut de l’écran pour maximiser l’espace et augmenter l’affichage d’informations sur un premier écran;
  2. Remonter les boutons d’action et permettre leur personnalisation simplement et rapidement;
  3. Ajouter la possibilité d’effectuer des actions similaires sur plusieurs sites en même temps;
  4. Permettre la personnalisation, la réorganisation et le renommage des colonnes (picto roue et sa lightbox);
  5. Sortir les filtres du haut de l’écran et les glisser dans les colonnes et les rendre activables à tout moment (picto filtre);
  6. Affiner l’iconographie en périphérie du tableau pour alléger l’impression générale (droite + haut);
  7. Ne pas imposer des outils par défaut, mais les ranger au bon endroit pour être accessible à tout moment (filtres, recherche, paramétrages des colonnes, etc.);
  8. Revoir les couleurs entourant le tableau de bord pour que le regard se focalise mieux sur les informations du tableau.

Article complet sur le site Cinnk Magazine