Rethinking User Experience

image background

C'est quoi RUX?

Rux ou "rethinking user experience" est un atelier qui consiste à analyser l'expérience utilisateur d'un site, de trouver et résoudre ses problèmes. Dans le cadre de ce projet, le site à analyser était une archive du site de l'Imal.

Premier pas vers la réussite.

La première étape afin d'analyser et de trouver les problèmes d'expérience utilisateur de la plateforme, c'était de faire un test utilisateur de celle-ci. Avec l'aide de mon frère qui a eu la gentillesse de me servir de testeur, j'ai pu réaliser ce test que vous pouvez retrouver en détail dans cet article médium.

screenshot du test-utilisateur

La RéUXite.

À ce niveau du projet, nous avons formé des groupes afin de centraliser nos idées. Avec l'aide de trois camarades, tous plus talentueux les uns que les autres, nous avons établi une liste des problèmes majeurs du site de l'Imal suite au test utilisateur que nous avions fait précédemment. La conclusion était la suivante:

  • Une navigation trop discrète à l’agencement chaotique;
  • Un manque de respect des Lois de la Gestalt (Exemple: Manque d’espace entres les blocs d'informations);
  • Une mauvaise architecture de l’information: Les blocs de contenus ne sont pas regroupés de manière pertinente.

N'hésite pas à aller voir les projets de mon groupe!

Définir l'Imal.

Avant de se lancer sur le site et de proposer des solutions aux problèmes trouvés, il nous fallait bien comprendre ce qu'était l'Imal, qu'est-ce qu'ils proposent comme services... Pour répondre à cette question, nous avons réalisé un inventaire de contenu du site avec toutes les informations et fonctionnalités qu'on peut retrouver sur le site, ce qui nous a aidé à mieux cerner en quoi consiste l’Imal.

screenshot inventaire de contenu

Nous en sommes venus à cette définition:

iMAL: Centre créatif et artistique à Bruxelles, ouvert au public, et à vocation d’exposition et d’expérimentation sur les sujets de l’art, des médias et des nouvelles technologies. Le centre offre un accès à diverses infrastructures pour ses visiteurs ainsi que des conférences et ateliers.

Grâce à cet inventaire de contenu, nous avons pu faire un compte rendu de toutes les fonctionnalités proposées par l'Imal et en faire une liste des tâches. Nous avons sélectionné par groupes les tâches qui nous paraissaient essentielles, primordiales pour le site. À partir de cette liste de tâches, mon groupe, la RéUXite, on s'est mis d'accord sur une tâche sur laquelle on allait retravailler l'expérience utilisateur.

screenshot Task List

La tâche sélectionnée par mon groupe était: informer l’utilisateur sur les prochains ateliers / Activités / expo / ...

Besoin utilisateur.

Une fois la tâche choisie, on établit en groupe, par le biais d’interviews et discussions, les composants qui peuvent être utiles à l’utilisateur pour réaliser cette tâche (Informer l’utilisateur sur les prochains ateliers / Activités / expo / … ). Nous avons fait une liste des fonctionnalités et micro-fonctionnalités qui nous paraissaient nécessaires pour améliorer l’expérience utilisateur.

Les fonctionnalités qui nous paraissaient les plus intéressantes sont les suivantes:

1. Un système de filtres généraux (tags) pour que l’utilisateur puisse orienter sa recherche et trouver plus facilement un atelier (ou autres) qui l'intéresse.

screenshot du site Numerama

2. Une partie “susceptible de vous intéresser”, basée sur les cookies, qui proposerait à l’utilisateur de nouvelles activités en lien avec ses anciennes recherches.

screenshot du site Amazon.fr

3. Un marque-page ou un pseudo panier pour que l’utilisateur puisse garder les activités qui l'intéressent et les revoir ultérieurement.

screenshot du site JustWatch

4. Une newsletter pour recevoir par mail des informations sur les évènements à venir et ne rien rater.

screenshot du site FondatoionCartier

Après nous avons recherché ces fonctionnalités sur les autres sites internet afin d’identifier et de collecter les informations sur les bonnes pratiques de celles-ci. On a cherché à les comparer afin de comprendre leurs atouts et leurs faiblesses. Dans ce cas-ci, les sites sélectionnés sont numerama, amazon, justwatch et fondationcartier.

Dans le vif du sujet.

Après avoir analysé les différents problèmes d’UX et les besoins utilisateur grâce aux étapes vues précédemment, il était enfin temps de se lancer dans les premiers croquis. Je me munis d’un crayon et d’une feuille et c’est parti! Le but est d'essayer de mettre en forme les idées vues en groupe. À cette étape-ci, ce ne sont que des dessins rapides visant à dégager l'essentiel du sujet. Cet exercice est primordial pour visualiser et avoir une première idée du projet. Ça nous permet de concrétiser les idées qu’on a travaillées en groupe, assez tôt dans le processus du projet.

photo des croquis

User Journey.

Le User Journey nous a permis de visualiser et de documenter l’expérience qu’un utilisateur a lorsqu’il utilise le site, il représente le parcours de l’utilisateur. Dans le cadre de ce projet, nous avons réalisé trois User Journey avec chacun un scénario différent. Ci-joint vous retrouvez mon premier User Journey.

Le scénario était le suivant:

Une personne à mobilité réduite souhaite consulter les ateliers/expositions à venir sur le site de l'Imal avec son ordinateur portable.

screenshot du User-Journey

Ce parcours utilisateur m’a permis de comprendre plusieurs problèmes d’UX liés à mes premiers croquis. Je me suis rendu compte de l’importance d’instaurer un système de filtres pour faciliter la recherche et permettre à l’utilisateur de trouver exactement ce qu’il cherche. J’ai aussi noté que l’ajout d’un agenda/calendrier peut être très utile pour un utilisateur, pour qu’il puisse plus facilement visualiser les horaires et les dates des évènements. Enfin, grâce à ce scénario, j’ai ajouté un onglet “informations pratiques” qui s'avère indispensable pour les personnes à mobilité réduite. Cet onglet regroupe des infos sur l'accessibilité, le matériel, l’inscription...

Premiers prototypes.

Après toutes ces étapes qui nous ont permis d’identifier les problèmes d'expérience utilisateur du site de l’Imal, il était maintenant temps de proposer des prototypes pour y pallier. Grâce à ce cheminement, nous avons pu voir comment bien répondre aux besoins utilisateurs. Il s’agissait de faire évoluer les premiers croquis en prototypes papier, tout en tenant en compte des changements effectués suite aux User Journey.

Afin de gagner du temps et de rendre mes prototypes plus facilement testables, j’ai décidé de travailler à partir de collages. Je dessine chacun de mes éléments à part afin de pouvoir les manier à ma guise et construire plusieurs pages avec ces mêmes éléments.

photo des collages pour les prototypes

Je me suis d’abord intéressé à la page activités/évènements, qui est le sujet de ma tâche principale. J’ai travaillé le système de filtres avec des catégories pour améliorer la recherche. Après avoir fait tester mon prototype par une amie, je me suis rendu compte qu’il serait intéressant d’ajouter des informations comme le prix et la date dans les filtres. J’ai aussi ajouté un onglet favoris qu’on peut sélectionner directement dans les filtres afin de pouvoir garder et organiser les activités souhaitées. J’ai ajouté des informations qui pourraient intéresser l’utilisateur (le titre, le nom de l’artiste, la catégorie, le prix et la date), directement sur les vignettes des activités afin d’éviter des cliques non nécessaires.

photo des prototypes

J’ai ajouté un calendrier quand on clique sur un évènement, pour trouver plus facilement une date qui convienne. J’ai aussi ajouté un bouton “voir aussi” qui reprend des activités en lien avec les favoris.

photo des prototypes

Qu’est ce que j’en ai appris?

Ce projet m’a appris beaucoup de choses. Repenser le design d’un site n’est pas chose aisée. J’ai réalisé l’importance de toutes ces étapes qui servent à améliorer l'expérience utilisateur. Un site peut avoir une interface qui nous paraît accessible, facile à prendre en main, mais ce n’est pas le cas pour tous les utilisateurs. D’où l’importance de faire tester son site par un maximum de personnes afin de se rendre compte de ses défauts.