ESD - Paris

Intervenant ux design

Mission

Faire découvrir l’UX Design aux élèves de 3ème année de Bachelor à travers un projet fictif de refonte d’Aroma-zone réalisé par nos soins. Nous avons prévu cette semaine, pour que les étudiants soient accompagnés pendant ce projet. Chaque journée est décomposée pour correspondre à une étape clé de leur refonte.

Le BRIEF

Dans le cadre d’une refonte UX de leur site, votre client Aroma-Zone fait appel à vos services car ils ont besoin d’aide pour clarifier leur offre et attirer de nouveaux clients.

Problématique :

« Comment clarifier l’offre d’Aroma-Zone auprès des nouveaux utilisateurs alors que le site peut être catégorisé comme vendant principalement des huiles essentielles ? »

Les étapes

Chaque journée est décomposée pour leur faire découvrir les étapes clés d’un projet mené à l’aide de l’UX Design.

Etape 1 : Analyse + 1ère idéation

Etape 2 : V1 du concept + Recherche utilisateur

Etape 3 : Concept Final + Nouveaux Parcours et arborescence

Etape 4 : Conception de leur solution

Etape 5 : Présentation de leur projet

UX DESIGN ETAPES

1 - Analyse et idéation

Pour cette première étape, il est primordial que les élèves comprennent le secteur dans lequel leur client (Aroma-Zone) évoluent. Pour se mettre totalement à leur place, comprendre leurs enjeux, problématiques et besoins. C’est pourquoi ils ont effectué des recherches sur la marque qui comprend (l’historique, les enjeux business, leurs produits et les utilisateurs principaux) et un benchmark de la concurrence.

Ils ont également réaliser un audit UX du site, pour comprendre les forces et faiblesses de la plateforme.

Idéation

L’objectif de cette étape, est de les faire réfléchir en groupe sur leur problématique. On leur a montré un atelier pour simplifier leur réflexion.

Atelier de la pire idée :

L’idée était qu’il s’approprie la problématique globale que l’on avait donné au début afin de prioriser le problème le plus important à régler de leur point de vue.

L’atelier se déroule ainsi : En 5 minutes, noter les pires idées possibles pour résoudre votre problème. Puis les regrouper par catégories (affinités). Ensuite entamer une 2ème session de brainstorming où vous allez inverser ses idées pour répondre à votre problématique.

atelier-pire-idee-ux-design

2 - Définition

Grace à l’idéation, ils ont pu trouver plusieurs idées pouvant répondre à leur problématique. Ils ont ensuite défini leur concept. Nous montrer pourquoi leur projet fait la différence.

ébauche du concept

Constat : Nous pensions que les élèves étaient à l’aise avec le terme de concept, mais ils confondaient la solution et le concept. Nous l’avons redéfini plus clairement avec eux.

Définition du concept : Ce ne sont pas les fonctionnalités de votre projet mais le besoin au quel vous répondez.  C’est comprendre ce que vous faites des les grandes lignes.

« Le concept c’est le quoi et les fonctionnalités c’est le comment. »

Exemple du groupe 8 : Aroma-Zone, personnalise et crée sur mesure votre routine bio durable.

Recherche utilisateur

Nous avons effectué un cours d’introduction à la recherche utilisateur quantitative.

Nous avons axé la recherche uniquement sur ce point, pour qu’ils aient le temps de bien la faire.

Création d’un questionnaire quantitatif, comprenant :

  • Contexte de la recherche
  • Cible
  • Définition des hypothèses de recherche (Priorité 1et 2)
  • Liste des questions lié aux hypothèses
  • Questionnaire final

Nous avons vérifié et validé les hypothèses et questionnaire de chaque groupe.

Ils les ont publié sur leurs différents réseaux avec pour objectif d’avoir au moins 100 réponses.

image arome

3 - Concept final

Suite aux réponses qu’ils ont eu à leur questionnaire, ils ont vérifié que les résultats valide ou non leurs hypothèses. Ils ont alors réalisé des ajustements ou non sur leur concept en fonction des résultats.

Nouveaux parcours

On leur a expliqué ce qu’on attendait pour les nouveaux parcours utilisateur (un rappel sur la notion) a été effectué. La même chose pour l’arborescence du site.

Pour l’arborescence du site, ont leur a conseillé de récupérer tous les contenus et ensuite de les trier. On leur a conseillé de faire un tri de carte

Arborescence

Pour leur faciliter la tache, nous leur avons demandé de trier uniquement la navigation de niveau 1 et 2 du site aroma-zone.

Constat : Certains étudiants ont eu du mal à comprendre les différents niveaux de l’arbo. Pour les parcours, ils ont eu du mal à créer leur parcours. Ils avaient tendances à écrire les actions effectués par l’utilisateur et non les pages par lesquels il va passer pour atteindre son objectif.

Menu Aroma-zone

Conception

Les groupes entament la partie des wireframes de leur solution. Ils ont du réaliser les wireframes de leur parcours utilisateur principal.

Ils avaient pour objectif de réaliser un atelier d’idéation pour les aider dans cette étape.

6to1 (Atelier d’idéation) :

Objectif : Avoir un maximum d’interface et créer la meilleur possible.

Cet atelier a pour but de décliner une interface 6 fois de suite dans un temps limité. Une minutes par déclinaisons. On va ensuite voter pour les éléments qu’on préfère afin de créer la meilleure interface possible.

6t01

4 - Prototype

L’objectif était d’avoir un prototype fonctionnel de leur parcours utilisateur principal. Ce prototype dans une logique d’UX Design sert à être tester pour vérifier qu’il correspond au besoin de notre utilisateur et le corriger si non.

Réalisation

A partir de leur wireframes, les étudiants ont du réaliser leur maquette et prototype pour nous présenter leurs solutions. Les étudiants en étant création digitale, on leur a laissé une totale liberté sur cette partie.

Test utilisateur

Par manque de temps et voulant nous concentrer sur les premières étapes de l’UX Design pour cette introduction. Cette partie était optionnelle pour ce projet. Nous savons que cette étape est cruciale et obligatoire pour des projets d’entreprises. 

Certains groupes ont fait leur test utilisateur en se basant sur un protocole de test (document qui permet de définir le parcours à tester et les différentes étapes à définir) et grâce à ça améliorer leur prototype.

esd-paris-ux-design-sprint

5 - Présentation

On leur a recommandé un plan de présentation crée par nos soins. L’objectif était de sortir d’une présentation scolaire, pour les mettre dans la peau d’une agence qui répond à un appel d’offre. Nous voulions qu’il nous raconte une histoire à travers leur découverte et leur concept.

Notation

Les étudiants ont eu la matinée pour répéter leur oral. Ils sont passés en groupe dans l’après-midi. 

On a établi une grille de notation pour chaque groupe basé sur :

  • La qualité de la présentation orale
  • Le concept
  • La recherche utilisateur
  • Le design de leur solution
  • La qualité des rendu

résumé

Une superbe semaine passée à l’ESD avec la classe de B3 Création digitale. Ils ont tous étaient très investi dans leur projet respectif. Certains ont même travailler le soir pour perfectionner leur rendu. J’ai l’impression qu’ils ont aimé travailler sur ce projet et qu’ils ont appris des choses au cours de cette semaine.

J’ai hâte de pouvoir retenter l’expérience d’être intervenant en UX Design pour une semaine projet. J’ai adoré partager mes connaissances et aider/aiguiller les élèves sur leur projet, pour donner le meilleur d’eux-mêmes.

ateliers linou

création de site

bougies artisanales