Conception d’une plateforme événementielle pour une conférence internationale

Conception d’une plateforme événementielle pour une conférence internationale

Cadrage projet

Cadrage projet

Contexte

Une organisation internationale organisait une conférence à Évian pour plusieurs collaborateurs venant de différents pays. L’objectif était de concevoir une plateforme permettant de centraliser les inscriptions et la gestion logistique de l’événement : hébergements, transports, navettes, arrivées autonomes, besoins spécifiques et informations complémentaires.

Contexte

Une organisation internationale organisait une conférence à Évian pour plusieurs collaborateurs venant de différents pays. L’objectif était de concevoir une plateforme permettant de centraliser les inscriptions et la gestion logistique de l’événement : hébergements, transports, navettes, arrivées autonomes, besoins spécifiques et informations complémentaires.

Problème

Le parcours comportait de nombreux scénarios et dépendances entre les réponses. Une mauvaise compréhension des questions ou une logique mal structurée pouvait générer des erreurs d’organisation, des informations incomplètes ou des difficultés de traitement pour les équipes internes.

Problème

Le parcours comportait de nombreux scénarios et dépendances entre les réponses. Une mauvaise compréhension des questions ou une logique mal structurée pouvait générer des erreurs d’organisation, des informations incomplètes ou des difficultés de traitement pour les équipes internes.

Mon rôle

. Organisation de la logique du formulaire

. Structuration des scénarios utilisateurs

. Conception des wireframes et prototypes

. Analyse des points de friction

Contraintes

. Participants internationaux

. Dépendances conditionnelles entre les réponses

. Multiples scénarios

. Délais de mise en production (une semaine)

Architecture & parcours utilisateur

Architecture & parcours utilisateur

Objectif

L’objectif était de structurer les différents scénarios utilisateurs afin de simplifier la collecte des informations et limiter les erreurs liées à l’organisation de l’événement.

Méthodologie

Le travail s’est déroulé en plusieurs étapes :

  • Analyse du parcours utilisateur et de la structure initiale du questionnaire

  • Création d’une flowchart pour restructurer et simplifier la logique du formulaire

  • Réorganisation des questions et des dépendances entre les réponses

  • Création de scénarios utilisateurs afin d’anticiper les points de friction, cas spécifiques et erreurs possibles

  • Travail sur la continuité du parcours utilisateur : validations, réponses obligatoires, messages d’erreur et redirections

  • Conception des wireframes et prototypes du site et du formulaire

  • Relecture et ajustements du contenu : cohérence des informations, liens, formulations et corrections avant mise en production

  • Tests responsive et multi navigateurs avant mise en production

Le travail s’est déroulé en plusieurs étapes :

  • Analyse du parcours utilisateur et de la structure initiale du questionnaire

  • Création d’une flowchart pour restructurer et simplifier la logique du formulaire

  • Réorganisation des questions et des dépendances entre les réponses

  • Création de scénarios utilisateurs afin d’anticiper les points de friction, cas spécifiques et erreurs possibles

  • Travail sur la continuité du parcours utilisateur : validations, réponses obligatoires, messages d’erreur et redirections

  • Conception des wireframes et prototypes du site et du formulaire

  • Relecture et ajustements du contenu : cohérence des informations, liens, formulations et corrections avant mise en production

  • Tests responsive et multi navigateurs avant mise en production

Analyse et observations

Analyse et observations

Exemple 1

Exemple 1

  • Plusieurs décisions présentées dans un même bloc

  • Difficulté à distinguer les choix liés à l’aller ou au retour

  • La réponse “I will not use the shuttle” ne permettait pas de savoir comment la personne viendrait

  • Textes trop longs et peu adaptés à une lecture mobile

Exemple 2

Exemple 2


  • Informations importantes noyées dans de longs paragraphes

  • Lecture difficile sur mobile

  • Difficulté à scanner rapidement les informations essentielles

  • Manque de hiérarchie entre les informations principales et secondaires

Optimisations / Restructuration du parcours

Optimisations / Restructuration du parcours

Flowchart

Afin de restructurer le questionnaire et clarifier les différents parcours utilisateurs, une flowchart a été créée pour organiser les dépendances entre les réponses et simplifier la logique du formulaire.

Structure du parcours
  • Séparation des étapes aller et retour

  • Parcours plus progressif

  • Réorganisation des informations liées au transport

Logique conditionnelle
  • Affichage de champs selon certaines réponses

  • Clarification des dépendances entre les choix

  • Gestion des cas spécifiques

Expérience utilisateur
  • Parcours plus lisible

  • Décisions simplifiées

  • Informations plus faciles à scanner

  • Réduction d'erreur

Structure du parcours
  • Séparation des étapes aller et retour

  • Parcours plus progressif

  • Réorganisation des informations liées au transport

Logique conditionnelle
  • Affichage de champs selon certaines réponses

  • Clarification des dépendances entre les choix

  • Gestion des cas spécifiques

Expérience utilisateur
  • Parcours plus lisible

  • Décisions simplifiées

  • Informations plus faciles à scanner

  • Réduction d'erreur

Scénarios utilisateurs

Scénarios utilisateurs

Des scénarios utilisateurs ont ensuite été créés afin d’anticiper les cas spécifiques, les risques d’erreur et les incompréhensions avant la mise en production.

Continuité du parcours

Continuité du parcours

Une attention particulière a également été portée à la continuité du parcours utilisateur afin de limiter les erreurs de saisie et éviter les ruptures dans le formulaire.

  • Vérification des champs obligatoires avant validation

  • Messages d’erreur affichés en cas d’informations manquantes

  • Ajout d’indicateurs visuels pour les réponses requises

  • Création d’une page 404 dédiée pour rediriger rapidement les utilisateurs vers le formulaire

  • Vérification des liens et redirections avant mise en production

  • Contrôle de la cohérence des informations affichées

Prototype basse fidélité

Prototype basse fidélité

Compte tenu des délais, un prototype basse fidélité annoté a été réalisé afin de faciliter la coordination avec le développeur web et valider rapidement la logique du formulaire.

Cette wireframe fonctionnelle a notamment permis de :

  • séparer plus clairement les parcours aller et retour

  • réduire les blocs de texte trop longs

  • rendre les informations importantes plus visibles

  • clarifier les choix de transport et d’hébergement

  • intégrer des champs complémentaires selon certaines réponses

  • simplifier la lecture du formulaire sur mobile

Tests & ajustements avant mise en production

Tests & ajustements avant mise en production

Avant la mise en production, plusieurs tests et ajustements ont été réalisés afin d’assurer la cohérence du parcours et limiter les erreurs utilisateur.

  • Vérification des champs obligatoires et messages d’erreur, et doublons bloqués

  • Contrôle des liens, redirections et pages associées

  • Relecture et correction des contenus, formulations et fautes d’orthographe

  • Harmonisation des titres et informations affichées

  • Vérification de la conservation des données lors du retour arrière

  • Tests responsive et multi navigateurs avant déploiement

Impact et suivi

Impact et suivi

Le formulaire a ensuite été déployé auprès d’environ 250 participants internationaux. Aucun problème majeur n’a été remonté après la mise en ligne et le client a été satisfait du déroulement du projet.

Afin d’anticiper d’éventuels problèmes techniques, une solution de sauvegarde et de récupération des données par email avait également été prévue pour sécuriser les informations transmises aux équipes organisatrices.

Mes projets

Disponible pour vos projets

Collaborons ensemble

Disponible pour vos projets

Collaborons ensemble

Disponible pour vos projets

Collaborons ensemble

Create a free website with Framer, the website builder loved by startups, designers and agencies.