Refonte web et mobile du dispositif espace jeunes des Hauts-de-Seine

Client
Pass+
Date
2019-2020
Plateformes
Web, responsive
Expertise
Product design
Quelques interfaces de la refonte web Pass+

Le Pass+ est un dispositif sportif et culturel créé par les Hauts-de-Seine et les Yvelines à destination des 60000 collégiens et lycéens des deux départements. Chaque année, les jeunes s’inscrivent sur le site web pour profiter d’une aide de 80€ pour leurs activités, mais aussi pour accéder à des bons plans et à du soutien scolaire en ligne.

En tant que Product Designer sur ce projet pendant 1 an, j’ai mené avec l’équipe la phase d’audit et de recherche utilisateur, puis la refonte des différents parcours.

L'accompagnement

En 2019, le département des Hauts-de-Seine souhaite refondre son dispositif numérique Pass+ afin d’aider les familles qui ont de plus en plus de difficultés à l’utiliser chaque année.

Nous avons suivi le processus de conception du Double Diamant, la première phase de découverte avec l’audit de l’existant et la recherche utilisateur nous a permis de réaliser 10 préconisations que nous avons ensuite développé dans la deuxième phase.

La solution

Mon travail avec l’équipe produit a été de concevoir une nouvelle expérience utilisateur en conservant le même périmètre fonctionnel que l’ancienne version du site web. Nous avons interrogé des familles de la phase de découverte à la phase de conception afin de proposer une solution qui correspond à leur besoin.

Mon rôle

Réflexion sur le dispositif et sa stratégie, Recherche utilisateur (UX Research), Conception de l’expérience utilisateur, Prototypage, Tests utilisateurs

Comprendre par l'analyse des données

Cette première partie nous a permis de comprendre les habitudes des utilisateurs sur le site. Nous avons décidé de suivre certains indicateurs clés comme les pages de destination, le nombre de pages vues, le temps moyen passé sur une page et le taux de rebond. Ces datas ont fait ressortir certains comportements que nous pressentions :

  • La page de transaction est la plus visitée
  • La page d’accueil est aussi bien visitée
  • La création du compte enfant est en troisième position

Ce qui est plus étonnant se passe du côté des taux de rebond qui se trouvent être très élevés sur ces premières pages, ce qui indiquent que les visiteurs viennent seulement réaliser cette action et ne découvrent pas les autres services mis à leur disposition.

Recherche utilisateur

La recherche utilisateur nous a aidé à comprendre les motivations et les freins derrière ces comportements. Nous avons interrogé 11 utilisateurs en lien avec le dispositif Pass+ avec des profils variés pour creuser nos premières hypothèses.

Méthodologie - recherche utilisateur du dispositif Pass+

Suite à notre première phase d’audit et de recherche utilisateur, nous avons réalisé une matrice avec une série de 10 préconisations. L’objectif était d’indiquer pour chacune, l’impact utilisateur et le temps de conception, afin de faciliter leur priorisation.

Matrice de tri XY des 10 préconisations

Concevoir et tester

J’ai décidé de passer en revu ici les principales évolutions en terme d’expérience utilisateur entre l’ancienne version (à gauche) et la refonte (à droite) avec un texte explicatif.

Parcours d’inscription : ancienne version à gauche et nouvelle version à droite

L’inscription au Pass+ requiert des informations précises sur l’enfant et les parents comme la date de naissance, l’adresse, le collège... etc. Après un benchmark de services qui partagent des problématiques connexes, nous avons décidé de concevoir et tester :

  • Une série d’étapes à renseigner pour encourager l’utilisateur à les compléter
  • Une timeline à gauche pour le guider

Techniquement, nous avons permis à l’utilisateur d’avoir ses informations enregistrées quand il passait d’une étape à l’autre afin qu’il puisse les conserver et venir les compléter plus tard.

Navigation par menu avant (à gauche) et après par tableau de bord (à droite)

La navigation principale du site via un menu en haut de la page n’était pas assez visible, pas reconnu et non compris. Après plusieurs tests utilisateurs, nous avons décidé de concevoir un tableau de bord qui réunit tous les services disponibles pour l’utilisateur.

Hiérarchisation de la page du soutien scolaire avant (à gauche) et après (à droite)

Un des points que nous avons travaillé en transverse sur toutes les pages est la hiérarchisation de l’information, la recherche utilisateur nous a appris que les familles étaient perdues et ne comprenaient pas les informations importantes dans le produit.

Version Mobile responsive

La version mobile du Pass+ n’existait pas et les retours des interviews étaient clairs : les familles avaient besoin de pouvoir utiliser leurs smartphones afin d’inscrire leurs enfants aux différentes activités sportives et culturelles. Nous avons imaginé un système de cards faciles à utiliser que l’on pouvait retrouver en version desktop et en version mobile.

6 mois ont été nécessaires pour cette refonte du produit côté enfants et familles. Nous avons passé les 6 mois suivants à réaliser la refonte de l’espace associations sportives et culturelles qui proposaient des activités sur la plateforme.

Page transactions côté associations

Conclusion

Cette refonte du dispositif Pass+ était complexe de part les différentes typologies d’utilisateurs qui gravitent autour. La phase de recherche utilisateurs et l’audit de l’ancienne solution ont été la clé de réussite, car ils nous ont permis de bien comprendre les besoins de chacun pour pouvoir ensuite argumenter auprès du décideur (le département) les différentes préconisations à concevoir. La confiance accordée à ce moment la par le département a soudé l’équipe et nous a permis d’avancer plus sereinement avec les utilisateurs.



Mon travail avec l’équipe a été de convaincre le décideur du bien fondé de nos préconisations, puis de concevoir les différents parcours, interfaces et prototypes en intégrant les utilisateurs tout au long de la méthode à travers des interviews, des ateliers et des tests.



Si vous êtes intéressé par ce projet, n’hésitez pas à me contacter.

Quelques interfaces de la refonte web Pass+

Le Pass+ est un dispositif sportif et culturel créé par les Hauts-de-Seine et les Yvelines à destination des 60000 collégiens et lycéens des deux départements. Chaque année, les jeunes s’inscrivent sur le site web pour profiter d’une aide de 80€ pour leurs activités, mais aussi pour accéder à des bons plans et à du soutien scolaire en ligne.

En tant que Product Designer sur ce projet pendant 1 an, j’ai mené avec l’équipe la phase d’audit et de recherche utilisateur, puis la refonte des différents parcours.

L'accompagnement

En 2019, le département des Hauts-de-Seine souhaite refondre son dispositif numérique Pass+ afin d’aider les familles qui ont de plus en plus de difficultés à l’utiliser chaque année.

Nous avons suivi le processus de conception du Double Diamant, la première phase de découverte avec l’audit de l’existant et la recherche utilisateur nous a permis de réaliser 10 préconisations que nous avons ensuite développé dans la deuxième phase.

La solution

Mon travail avec l’équipe produit a été de concevoir une nouvelle expérience utilisateur en conservant le même périmètre fonctionnel que l’ancienne version du site web. Nous avons interrogé des familles de la phase de découverte à la phase de conception afin de proposer une solution qui correspond à leur besoin.

Mon rôle

Réflexion sur le dispositif et sa stratégie, Recherche utilisateur (UX Research), Conception de l’expérience utilisateur, Prototypage, Tests utilisateurs

Comprendre par l'analyse des données

Cette première partie nous a permis de comprendre les habitudes des utilisateurs sur le site. Nous avons décidé de suivre certains indicateurs clés comme les pages de destination, le nombre de pages vues, le temps moyen passé sur une page et le taux de rebond. Ces datas ont fait ressortir certains comportements que nous pressentions :

  • La page de transaction est la plus visitée
  • La page d’accueil est aussi bien visitée
  • La création du compte enfant est en troisième position

Ce qui est plus étonnant se passe du côté des taux de rebond qui se trouvent être très élevés sur ces premières pages, ce qui indiquent que les visiteurs viennent seulement réaliser cette action et ne découvrent pas les autres services mis à leur disposition.

Recherche utilisateur

La recherche utilisateur nous a aidé à comprendre les motivations et les freins derrière ces comportements. Nous avons interrogé 11 utilisateurs en lien avec le dispositif Pass+ avec des profils variés pour creuser nos premières hypothèses.

Méthodologie - recherche utilisateur du dispositif Pass+

Suite à notre première phase d’audit et de recherche utilisateur, nous avons réalisé une matrice avec une série de 10 préconisations. L’objectif était d’indiquer pour chacune, l’impact utilisateur et le temps de conception, afin de faciliter leur priorisation.

Matrice de tri XY des 10 préconisations

Concevoir et tester

J’ai décidé de passer en revu ici les principales évolutions en terme d’expérience utilisateur entre l’ancienne version (à gauche) et la refonte (à droite) avec un texte explicatif.

Parcours d’inscription : ancienne version à gauche et nouvelle version à droite

L’inscription au Pass+ requiert des informations précises sur l’enfant et les parents comme la date de naissance, l’adresse, le collège... etc. Après un benchmark de services qui partagent des problématiques connexes, nous avons décidé de concevoir et tester :

  • Une série d’étapes à renseigner pour encourager l’utilisateur à les compléter
  • Une timeline à gauche pour le guider

Techniquement, nous avons permis à l’utilisateur d’avoir ses informations enregistrées quand il passait d’une étape à l’autre afin qu’il puisse les conserver et venir les compléter plus tard.

Navigation par menu avant (à gauche) et après par tableau de bord (à droite)

La navigation principale du site via un menu en haut de la page n’était pas assez visible, pas reconnu et non compris. Après plusieurs tests utilisateurs, nous avons décidé de concevoir un tableau de bord qui réunit tous les services disponibles pour l’utilisateur.

Hiérarchisation de la page du soutien scolaire avant (à gauche) et après (à droite)

Un des points que nous avons travaillé en transverse sur toutes les pages est la hiérarchisation de l’information, la recherche utilisateur nous a appris que les familles étaient perdues et ne comprenaient pas les informations importantes dans le produit.

Version Mobile responsive

La version mobile du Pass+ n’existait pas et les retours des interviews étaient clairs : les familles avaient besoin de pouvoir utiliser leurs smartphones afin d’inscrire leurs enfants aux différentes activités sportives et culturelles. Nous avons imaginé un système de cards faciles à utiliser que l’on pouvait retrouver en version desktop et en version mobile.

6 mois ont été nécessaires pour cette refonte du produit côté enfants et familles. Nous avons passé les 6 mois suivants à réaliser la refonte de l’espace associations sportives et culturelles qui proposaient des activités sur la plateforme.

Page transactions côté associations

Conclusion

Cette refonte du dispositif Pass+ était complexe de part les différentes typologies d’utilisateurs qui gravitent autour. La phase de recherche utilisateurs et l’audit de l’ancienne solution ont été la clé de réussite, car ils nous ont permis de bien comprendre les besoins de chacun pour pouvoir ensuite argumenter auprès du décideur (le département) les différentes préconisations à concevoir. La confiance accordée à ce moment la par le département a soudé l’équipe et nous a permis d’avancer plus sereinement avec les utilisateurs.



Mon travail avec l’équipe a été de convaincre le décideur du bien fondé de nos préconisations, puis de concevoir les différents parcours, interfaces et prototypes en intégrant les utilisateurs tout au long de la méthode à travers des interviews, des ateliers et des tests.



Si vous êtes intéressé par ce projet, n’hésitez pas à me contacter.

Quelques interfaces de la refonte web Pass+

Le Pass+ est un dispositif sportif et culturel créé par les Hauts-de-Seine et les Yvelines à destination des 60000 collégiens et lycéens des deux départements. Chaque année, les jeunes s’inscrivent sur le site web pour profiter d’une aide de 80€ pour leurs activités, mais aussi pour accéder à des bons plans et à du soutien scolaire en ligne.

En tant que Product Designer sur ce projet pendant 1 an, j’ai mené avec l’équipe la phase d’audit et de recherche utilisateur, puis la refonte des différents parcours.

L'accompagnement

En 2019, le département des Hauts-de-Seine souhaite refondre son dispositif numérique Pass+ afin d’aider les familles qui ont de plus en plus de difficultés à l’utiliser chaque année.

Nous avons suivi le processus de conception du Double Diamant, la première phase de découverte avec l’audit de l’existant et la recherche utilisateur nous a permis de réaliser 10 préconisations que nous avons ensuite développé dans la deuxième phase.

La solution

Mon travail avec l’équipe produit a été de concevoir une nouvelle expérience utilisateur en conservant le même périmètre fonctionnel que l’ancienne version du site web. Nous avons interrogé des familles de la phase de découverte à la phase de conception afin de proposer une solution qui correspond à leur besoin.

Mon rôle

Réflexion sur le dispositif et sa stratégie, Recherche utilisateur (UX Research), Conception de l’expérience utilisateur, Prototypage, Tests utilisateurs

Comprendre par l'analyse des données

Cette première partie nous a permis de comprendre les habitudes des utilisateurs sur le site. Nous avons décidé de suivre certains indicateurs clés comme les pages de destination, le nombre de pages vues, le temps moyen passé sur une page et le taux de rebond. Ces datas ont fait ressortir certains comportements que nous pressentions :

  • La page de transaction est la plus visitée
  • La page d’accueil est aussi bien visitée
  • La création du compte enfant est en troisième position

Ce qui est plus étonnant se passe du côté des taux de rebond qui se trouvent être très élevés sur ces premières pages, ce qui indiquent que les visiteurs viennent seulement réaliser cette action et ne découvrent pas les autres services mis à leur disposition.

Recherche utilisateur

La recherche utilisateur nous a aidé à comprendre les motivations et les freins derrière ces comportements. Nous avons interrogé 11 utilisateurs en lien avec le dispositif Pass+ avec des profils variés pour creuser nos premières hypothèses.

Méthodologie - recherche utilisateur du dispositif Pass+

Suite à notre première phase d’audit et de recherche utilisateur, nous avons réalisé une matrice avec une série de 10 préconisations. L’objectif était d’indiquer pour chacune, l’impact utilisateur et le temps de conception, afin de faciliter leur priorisation.

Matrice de tri XY des 10 préconisations

Concevoir et tester

J’ai décidé de passer en revu ici les principales évolutions en terme d’expérience utilisateur entre l’ancienne version (à gauche) et la refonte (à droite) avec un texte explicatif.

Parcours d’inscription : ancienne version à gauche et nouvelle version à droite

L’inscription au Pass+ requiert des informations précises sur l’enfant et les parents comme la date de naissance, l’adresse, le collège... etc. Après un benchmark de services qui partagent des problématiques connexes, nous avons décidé de concevoir et tester :

  • Une série d’étapes à renseigner pour encourager l’utilisateur à les compléter
  • Une timeline à gauche pour le guider

Techniquement, nous avons permis à l’utilisateur d’avoir ses informations enregistrées quand il passait d’une étape à l’autre afin qu’il puisse les conserver et venir les compléter plus tard.

Navigation par menu avant (à gauche) et après par tableau de bord (à droite)

La navigation principale du site via un menu en haut de la page n’était pas assez visible, pas reconnu et non compris. Après plusieurs tests utilisateurs, nous avons décidé de concevoir un tableau de bord qui réunit tous les services disponibles pour l’utilisateur.

Hiérarchisation de la page du soutien scolaire avant (à gauche) et après (à droite)

Un des points que nous avons travaillé en transverse sur toutes les pages est la hiérarchisation de l’information, la recherche utilisateur nous a appris que les familles étaient perdues et ne comprenaient pas les informations importantes dans le produit.

Version Mobile responsive

La version mobile du Pass+ n’existait pas et les retours des interviews étaient clairs : les familles avaient besoin de pouvoir utiliser leurs smartphones afin d’inscrire leurs enfants aux différentes activités sportives et culturelles. Nous avons imaginé un système de cards faciles à utiliser que l’on pouvait retrouver en version desktop et en version mobile.

6 mois ont été nécessaires pour cette refonte du produit côté enfants et familles. Nous avons passé les 6 mois suivants à réaliser la refonte de l’espace associations sportives et culturelles qui proposaient des activités sur la plateforme.

Page transactions côté associations

Conclusion

Cette refonte du dispositif Pass+ était complexe de part les différentes typologies d’utilisateurs qui gravitent autour. La phase de recherche utilisateurs et l’audit de l’ancienne solution ont été la clé de réussite, car ils nous ont permis de bien comprendre les besoins de chacun pour pouvoir ensuite argumenter auprès du décideur (le département) les différentes préconisations à concevoir. La confiance accordée à ce moment la par le département a soudé l’équipe et nous a permis d’avancer plus sereinement avec les utilisateurs.



Mon travail avec l’équipe a été de convaincre le décideur du bien fondé de nos préconisations, puis de concevoir les différents parcours, interfaces et prototypes en intégrant les utilisateurs tout au long de la méthode à travers des interviews, des ateliers et des tests.



Si vous êtes intéressé par ce projet, n’hésitez pas à me contacter.

Quelques interfaces de la refonte web Pass+

Le Pass+ est un dispositif sportif et culturel créé par les Hauts-de-Seine et les Yvelines à destination des 60000 collégiens et lycéens des deux départements. Chaque année, les jeunes s’inscrivent sur le site web pour profiter d’une aide de 80€ pour leurs activités, mais aussi pour accéder à des bons plans et à du soutien scolaire en ligne.

En tant que Product Designer sur ce projet pendant 1 an, j’ai mené avec l’équipe la phase d’audit et de recherche utilisateur, puis la refonte des différents parcours.

L'accompagnement

En 2019, le département des Hauts-de-Seine souhaite refondre son dispositif numérique Pass+ afin d’aider les familles qui ont de plus en plus de difficultés à l’utiliser chaque année.

Nous avons suivi le processus de conception du Double Diamant, la première phase de découverte avec l’audit de l’existant et la recherche utilisateur nous a permis de réaliser 10 préconisations que nous avons ensuite développé dans la deuxième phase.

La solution

Mon travail avec l’équipe produit a été de concevoir une nouvelle expérience utilisateur en conservant le même périmètre fonctionnel que l’ancienne version du site web. Nous avons interrogé des familles de la phase de découverte à la phase de conception afin de proposer une solution qui correspond à leur besoin.

Mon rôle

Réflexion sur le dispositif et sa stratégie, Recherche utilisateur (UX Research), Conception de l’expérience utilisateur, Prototypage, Tests utilisateurs

Comprendre par l'analyse des données

Cette première partie nous a permis de comprendre les habitudes des utilisateurs sur le site. Nous avons décidé de suivre certains indicateurs clés comme les pages de destination, le nombre de pages vues, le temps moyen passé sur une page et le taux de rebond. Ces datas ont fait ressortir certains comportements que nous pressentions :

  • La page de transaction est la plus visitée
  • La page d’accueil est aussi bien visitée
  • La création du compte enfant est en troisième position

Ce qui est plus étonnant se passe du côté des taux de rebond qui se trouvent être très élevés sur ces premières pages, ce qui indiquent que les visiteurs viennent seulement réaliser cette action et ne découvrent pas les autres services mis à leur disposition.

Recherche utilisateur

La recherche utilisateur nous a aidé à comprendre les motivations et les freins derrière ces comportements. Nous avons interrogé 11 utilisateurs en lien avec le dispositif Pass+ avec des profils variés pour creuser nos premières hypothèses.

Méthodologie - recherche utilisateur du dispositif Pass+

Suite à notre première phase d’audit et de recherche utilisateur, nous avons réalisé une matrice avec une série de 10 préconisations. L’objectif était d’indiquer pour chacune, l’impact utilisateur et le temps de conception, afin de faciliter leur priorisation.

Matrice de tri XY des 10 préconisations

Concevoir et tester

J’ai décidé de passer en revu ici les principales évolutions en terme d’expérience utilisateur entre l’ancienne version (à gauche) et la refonte (à droite) avec un texte explicatif.

Parcours d’inscription : ancienne version à gauche et nouvelle version à droite

L’inscription au Pass+ requiert des informations précises sur l’enfant et les parents comme la date de naissance, l’adresse, le collège... etc. Après un benchmark de services qui partagent des problématiques connexes, nous avons décidé de concevoir et tester :

  • Une série d’étapes à renseigner pour encourager l’utilisateur à les compléter
  • Une timeline à gauche pour le guider

Techniquement, nous avons permis à l’utilisateur d’avoir ses informations enregistrées quand il passait d’une étape à l’autre afin qu’il puisse les conserver et venir les compléter plus tard.

Navigation par menu avant (à gauche) et après par tableau de bord (à droite)

La navigation principale du site via un menu en haut de la page n’était pas assez visible, pas reconnu et non compris. Après plusieurs tests utilisateurs, nous avons décidé de concevoir un tableau de bord qui réunit tous les services disponibles pour l’utilisateur.

Hiérarchisation de la page du soutien scolaire avant (à gauche) et après (à droite)

Un des points que nous avons travaillé en transverse sur toutes les pages est la hiérarchisation de l’information, la recherche utilisateur nous a appris que les familles étaient perdues et ne comprenaient pas les informations importantes dans le produit.

Version Mobile responsive

La version mobile du Pass+ n’existait pas et les retours des interviews étaient clairs : les familles avaient besoin de pouvoir utiliser leurs smartphones afin d’inscrire leurs enfants aux différentes activités sportives et culturelles. Nous avons imaginé un système de cards faciles à utiliser que l’on pouvait retrouver en version desktop et en version mobile.

6 mois ont été nécessaires pour cette refonte du produit côté enfants et familles. Nous avons passé les 6 mois suivants à réaliser la refonte de l’espace associations sportives et culturelles qui proposaient des activités sur la plateforme.

Page transactions côté associations

Conclusion

Cette refonte du dispositif Pass+ était complexe de part les différentes typologies d’utilisateurs qui gravitent autour. La phase de recherche utilisateurs et l’audit de l’ancienne solution ont été la clé de réussite, car ils nous ont permis de bien comprendre les besoins de chacun pour pouvoir ensuite argumenter auprès du décideur (le département) les différentes préconisations à concevoir. La confiance accordée à ce moment la par le département a soudé l’équipe et nous a permis d’avancer plus sereinement avec les utilisateurs.



Mon travail avec l’équipe a été de convaincre le décideur du bien fondé de nos préconisations, puis de concevoir les différents parcours, interfaces et prototypes en intégrant les utilisateurs tout au long de la méthode à travers des interviews, des ateliers et des tests.



Si vous êtes intéressé par ce projet, n’hésitez pas à me contacter.

Quelques interfaces de la refonte web Pass+

Le Pass+ est un dispositif sportif et culturel créé par les Hauts-de-Seine et les Yvelines à destination des 60000 collégiens et lycéens des deux départements. Chaque année, les jeunes s’inscrivent sur le site web pour profiter d’une aide de 80€ pour leurs activités, mais aussi pour accéder à des bons plans et à du soutien scolaire en ligne.

En tant que Product Designer sur ce projet pendant 1 an, j’ai mené avec l’équipe la phase d’audit et de recherche utilisateur, puis la refonte des différents parcours.

L'accompagnement

En 2019, le département des Hauts-de-Seine souhaite refondre son dispositif numérique Pass+ afin d’aider les familles qui ont de plus en plus de difficultés à l’utiliser chaque année.

Nous avons suivi le processus de conception du Double Diamant, la première phase de découverte avec l’audit de l’existant et la recherche utilisateur nous a permis de réaliser 10 préconisations que nous avons ensuite développé dans la deuxième phase.

La solution

Mon travail avec l’équipe produit a été de concevoir une nouvelle expérience utilisateur en conservant le même périmètre fonctionnel que l’ancienne version du site web. Nous avons interrogé des familles de la phase de découverte à la phase de conception afin de proposer une solution qui correspond à leur besoin.

Mon rôle

Réflexion sur le dispositif et sa stratégie, Recherche utilisateur (UX Research), Conception de l’expérience utilisateur, Prototypage, Tests utilisateurs

Comprendre par l'analyse des données

Cette première partie nous a permis de comprendre les habitudes des utilisateurs sur le site. Nous avons décidé de suivre certains indicateurs clés comme les pages de destination, le nombre de pages vues, le temps moyen passé sur une page et le taux de rebond. Ces datas ont fait ressortir certains comportements que nous pressentions :

  • La page de transaction est la plus visitée
  • La page d’accueil est aussi bien visitée
  • La création du compte enfant est en troisième position

Ce qui est plus étonnant se passe du côté des taux de rebond qui se trouvent être très élevés sur ces premières pages, ce qui indiquent que les visiteurs viennent seulement réaliser cette action et ne découvrent pas les autres services mis à leur disposition.

Recherche utilisateur

La recherche utilisateur nous a aidé à comprendre les motivations et les freins derrière ces comportements. Nous avons interrogé 11 utilisateurs en lien avec le dispositif Pass+ avec des profils variés pour creuser nos premières hypothèses.

Méthodologie - recherche utilisateur du dispositif Pass+

Suite à notre première phase d’audit et de recherche utilisateur, nous avons réalisé une matrice avec une série de 10 préconisations. L’objectif était d’indiquer pour chacune, l’impact utilisateur et le temps de conception, afin de faciliter leur priorisation.

Matrice de tri XY des 10 préconisations

Concevoir et tester

J’ai décidé de passer en revu ici les principales évolutions en terme d’expérience utilisateur entre l’ancienne version (à gauche) et la refonte (à droite) avec un texte explicatif.

Parcours d’inscription : ancienne version à gauche et nouvelle version à droite

L’inscription au Pass+ requiert des informations précises sur l’enfant et les parents comme la date de naissance, l’adresse, le collège... etc. Après un benchmark de services qui partagent des problématiques connexes, nous avons décidé de concevoir et tester :

  • Une série d’étapes à renseigner pour encourager l’utilisateur à les compléter
  • Une timeline à gauche pour le guider

Techniquement, nous avons permis à l’utilisateur d’avoir ses informations enregistrées quand il passait d’une étape à l’autre afin qu’il puisse les conserver et venir les compléter plus tard.

Navigation par menu avant (à gauche) et après par tableau de bord (à droite)

La navigation principale du site via un menu en haut de la page n’était pas assez visible, pas reconnu et non compris. Après plusieurs tests utilisateurs, nous avons décidé de concevoir un tableau de bord qui réunit tous les services disponibles pour l’utilisateur.

Hiérarchisation de la page du soutien scolaire avant (à gauche) et après (à droite)

Un des points que nous avons travaillé en transverse sur toutes les pages est la hiérarchisation de l’information, la recherche utilisateur nous a appris que les familles étaient perdues et ne comprenaient pas les informations importantes dans le produit.

Version Mobile responsive

La version mobile du Pass+ n’existait pas et les retours des interviews étaient clairs : les familles avaient besoin de pouvoir utiliser leurs smartphones afin d’inscrire leurs enfants aux différentes activités sportives et culturelles. Nous avons imaginé un système de cards faciles à utiliser que l’on pouvait retrouver en version desktop et en version mobile.

6 mois ont été nécessaires pour cette refonte du produit côté enfants et familles. Nous avons passé les 6 mois suivants à réaliser la refonte de l’espace associations sportives et culturelles qui proposaient des activités sur la plateforme.

Page transactions côté associations

Conclusion

Cette refonte du dispositif Pass+ était complexe de part les différentes typologies d’utilisateurs qui gravitent autour. La phase de recherche utilisateurs et l’audit de l’ancienne solution ont été la clé de réussite, car ils nous ont permis de bien comprendre les besoins de chacun pour pouvoir ensuite argumenter auprès du décideur (le département) les différentes préconisations à concevoir. La confiance accordée à ce moment la par le département a soudé l’équipe et nous a permis d’avancer plus sereinement avec les utilisateurs.



Mon travail avec l’équipe a été de convaincre le décideur du bien fondé de nos préconisations, puis de concevoir les différents parcours, interfaces et prototypes en intégrant les utilisateurs tout au long de la méthode à travers des interviews, des ateliers et des tests.



Si vous êtes intéressé par ce projet, n’hésitez pas à me contacter.

Quelques interfaces de la refonte web Pass+

Le Pass+ est un dispositif sportif et culturel créé par les Hauts-de-Seine et les Yvelines à destination des 60000 collégiens et lycéens des deux départements. Chaque année, les jeunes s’inscrivent sur le site web pour profiter d’une aide de 80€ pour leurs activités, mais aussi pour accéder à des bons plans et à du soutien scolaire en ligne.

En tant que Product Designer sur ce projet pendant 1 an, j’ai mené avec l’équipe la phase d’audit et de recherche utilisateur, puis la refonte des différents parcours.

L'accompagnement

En 2019, le département des Hauts-de-Seine souhaite refondre son dispositif numérique Pass+ afin d’aider les familles qui ont de plus en plus de difficultés à l’utiliser chaque année.

Nous avons suivi le processus de conception du Double Diamant, la première phase de découverte avec l’audit de l’existant et la recherche utilisateur nous a permis de réaliser 10 préconisations que nous avons ensuite développé dans la deuxième phase.

La solution

Mon travail avec l’équipe produit a été de concevoir une nouvelle expérience utilisateur en conservant le même périmètre fonctionnel que l’ancienne version du site web. Nous avons interrogé des familles de la phase de découverte à la phase de conception afin de proposer une solution qui correspond à leur besoin.

Mon rôle

Réflexion sur le dispositif et sa stratégie, Recherche utilisateur (UX Research), Conception de l’expérience utilisateur, Prototypage, Tests utilisateurs

Comprendre par l'analyse des données

Cette première partie nous a permis de comprendre les habitudes des utilisateurs sur le site. Nous avons décidé de suivre certains indicateurs clés comme les pages de destination, le nombre de pages vues, le temps moyen passé sur une page et le taux de rebond. Ces datas ont fait ressortir certains comportements que nous pressentions :

  • La page de transaction est la plus visitée
  • La page d’accueil est aussi bien visitée
  • La création du compte enfant est en troisième position

Ce qui est plus étonnant se passe du côté des taux de rebond qui se trouvent être très élevés sur ces premières pages, ce qui indiquent que les visiteurs viennent seulement réaliser cette action et ne découvrent pas les autres services mis à leur disposition.

Recherche utilisateur

La recherche utilisateur nous a aidé à comprendre les motivations et les freins derrière ces comportements. Nous avons interrogé 11 utilisateurs en lien avec le dispositif Pass+ avec des profils variés pour creuser nos premières hypothèses.

Méthodologie - recherche utilisateur du dispositif Pass+

Suite à notre première phase d’audit et de recherche utilisateur, nous avons réalisé une matrice avec une série de 10 préconisations. L’objectif était d’indiquer pour chacune, l’impact utilisateur et le temps de conception, afin de faciliter leur priorisation.

Matrice de tri XY des 10 préconisations

Concevoir et tester

J’ai décidé de passer en revu ici les principales évolutions en terme d’expérience utilisateur entre l’ancienne version (à gauche) et la refonte (à droite) avec un texte explicatif.

Parcours d’inscription : ancienne version à gauche et nouvelle version à droite

L’inscription au Pass+ requiert des informations précises sur l’enfant et les parents comme la date de naissance, l’adresse, le collège... etc. Après un benchmark de services qui partagent des problématiques connexes, nous avons décidé de concevoir et tester :

  • Une série d’étapes à renseigner pour encourager l’utilisateur à les compléter
  • Une timeline à gauche pour le guider

Techniquement, nous avons permis à l’utilisateur d’avoir ses informations enregistrées quand il passait d’une étape à l’autre afin qu’il puisse les conserver et venir les compléter plus tard.

Navigation par menu avant (à gauche) et après par tableau de bord (à droite)

La navigation principale du site via un menu en haut de la page n’était pas assez visible, pas reconnu et non compris. Après plusieurs tests utilisateurs, nous avons décidé de concevoir un tableau de bord qui réunit tous les services disponibles pour l’utilisateur.

Hiérarchisation de la page du soutien scolaire avant (à gauche) et après (à droite)

Un des points que nous avons travaillé en transverse sur toutes les pages est la hiérarchisation de l’information, la recherche utilisateur nous a appris que les familles étaient perdues et ne comprenaient pas les informations importantes dans le produit.

Version Mobile responsive

La version mobile du Pass+ n’existait pas et les retours des interviews étaient clairs : les familles avaient besoin de pouvoir utiliser leurs smartphones afin d’inscrire leurs enfants aux différentes activités sportives et culturelles. Nous avons imaginé un système de cards faciles à utiliser que l’on pouvait retrouver en version desktop et en version mobile.

6 mois ont été nécessaires pour cette refonte du produit côté enfants et familles. Nous avons passé les 6 mois suivants à réaliser la refonte de l’espace associations sportives et culturelles qui proposaient des activités sur la plateforme.

Page transactions côté associations

Conclusion

Cette refonte du dispositif Pass+ était complexe de part les différentes typologies d’utilisateurs qui gravitent autour. La phase de recherche utilisateurs et l’audit de l’ancienne solution ont été la clé de réussite, car ils nous ont permis de bien comprendre les besoins de chacun pour pouvoir ensuite argumenter auprès du décideur (le département) les différentes préconisations à concevoir. La confiance accordée à ce moment la par le département a soudé l’équipe et nous a permis d’avancer plus sereinement avec les utilisateurs.



Mon travail avec l’équipe a été de convaincre le décideur du bien fondé de nos préconisations, puis de concevoir les différents parcours, interfaces et prototypes en intégrant les utilisateurs tout au long de la méthode à travers des interviews, des ateliers et des tests.



Si vous êtes intéressé par ce projet, n’hésitez pas à me contacter.

Quelques interfaces de la refonte web Pass+

Le Pass+ est un dispositif sportif et culturel créé par les Hauts-de-Seine et les Yvelines à destination des 60000 collégiens et lycéens des deux départements. Chaque année, les jeunes s’inscrivent sur le site web pour profiter d’une aide de 80€ pour leurs activités, mais aussi pour accéder à des bons plans et à du soutien scolaire en ligne.

En tant que Product Designer sur ce projet pendant 1 an, j’ai mené avec l’équipe la phase d’audit et de recherche utilisateur, puis la refonte des différents parcours.

L'accompagnement

En 2019, le département des Hauts-de-Seine souhaite refondre son dispositif numérique Pass+ afin d’aider les familles qui ont de plus en plus de difficultés à l’utiliser chaque année.

Nous avons suivi le processus de conception du Double Diamant, la première phase de découverte avec l’audit de l’existant et la recherche utilisateur nous a permis de réaliser 10 préconisations que nous avons ensuite développé dans la deuxième phase.

La solution

Mon travail avec l’équipe produit a été de concevoir une nouvelle expérience utilisateur en conservant le même périmètre fonctionnel que l’ancienne version du site web. Nous avons interrogé des familles de la phase de découverte à la phase de conception afin de proposer une solution qui correspond à leur besoin.

Mon rôle

Réflexion sur le dispositif et sa stratégie, Recherche utilisateur (UX Research), Conception de l’expérience utilisateur, Prototypage, Tests utilisateurs

Comprendre par l'analyse des données

Cette première partie nous a permis de comprendre les habitudes des utilisateurs sur le site. Nous avons décidé de suivre certains indicateurs clés comme les pages de destination, le nombre de pages vues, le temps moyen passé sur une page et le taux de rebond. Ces datas ont fait ressortir certains comportements que nous pressentions :

  • La page de transaction est la plus visitée
  • La page d’accueil est aussi bien visitée
  • La création du compte enfant est en troisième position

Ce qui est plus étonnant se passe du côté des taux de rebond qui se trouvent être très élevés sur ces premières pages, ce qui indiquent que les visiteurs viennent seulement réaliser cette action et ne découvrent pas les autres services mis à leur disposition.

Recherche utilisateur

La recherche utilisateur nous a aidé à comprendre les motivations et les freins derrière ces comportements. Nous avons interrogé 11 utilisateurs en lien avec le dispositif Pass+ avec des profils variés pour creuser nos premières hypothèses.

Méthodologie - recherche utilisateur du dispositif Pass+

Suite à notre première phase d’audit et de recherche utilisateur, nous avons réalisé une matrice avec une série de 10 préconisations. L’objectif était d’indiquer pour chacune, l’impact utilisateur et le temps de conception, afin de faciliter leur priorisation.

Matrice de tri XY des 10 préconisations

Concevoir et tester

J’ai décidé de passer en revu ici les principales évolutions en terme d’expérience utilisateur entre l’ancienne version (à gauche) et la refonte (à droite) avec un texte explicatif.

Parcours d’inscription : ancienne version à gauche et nouvelle version à droite

L’inscription au Pass+ requiert des informations précises sur l’enfant et les parents comme la date de naissance, l’adresse, le collège... etc. Après un benchmark de services qui partagent des problématiques connexes, nous avons décidé de concevoir et tester :

  • Une série d’étapes à renseigner pour encourager l’utilisateur à les compléter
  • Une timeline à gauche pour le guider

Techniquement, nous avons permis à l’utilisateur d’avoir ses informations enregistrées quand il passait d’une étape à l’autre afin qu’il puisse les conserver et venir les compléter plus tard.

Navigation par menu avant (à gauche) et après par tableau de bord (à droite)

La navigation principale du site via un menu en haut de la page n’était pas assez visible, pas reconnu et non compris. Après plusieurs tests utilisateurs, nous avons décidé de concevoir un tableau de bord qui réunit tous les services disponibles pour l’utilisateur.

Hiérarchisation de la page du soutien scolaire avant (à gauche) et après (à droite)

Un des points que nous avons travaillé en transverse sur toutes les pages est la hiérarchisation de l’information, la recherche utilisateur nous a appris que les familles étaient perdues et ne comprenaient pas les informations importantes dans le produit.

Version Mobile responsive

La version mobile du Pass+ n’existait pas et les retours des interviews étaient clairs : les familles avaient besoin de pouvoir utiliser leurs smartphones afin d’inscrire leurs enfants aux différentes activités sportives et culturelles. Nous avons imaginé un système de cards faciles à utiliser que l’on pouvait retrouver en version desktop et en version mobile.

6 mois ont été nécessaires pour cette refonte du produit côté enfants et familles. Nous avons passé les 6 mois suivants à réaliser la refonte de l’espace associations sportives et culturelles qui proposaient des activités sur la plateforme.

Page transactions côté associations

Conclusion

Cette refonte du dispositif Pass+ était complexe de part les différentes typologies d’utilisateurs qui gravitent autour. La phase de recherche utilisateurs et l’audit de l’ancienne solution ont été la clé de réussite, car ils nous ont permis de bien comprendre les besoins de chacun pour pouvoir ensuite argumenter auprès du décideur (le département) les différentes préconisations à concevoir. La confiance accordée à ce moment la par le département a soudé l’équipe et nous a permis d’avancer plus sereinement avec les utilisateurs.



Mon travail avec l’équipe a été de convaincre le décideur du bien fondé de nos préconisations, puis de concevoir les différents parcours, interfaces et prototypes en intégrant les utilisateurs tout au long de la méthode à travers des interviews, des ateliers et des tests.



Si vous êtes intéressé par ce projet, n’hésitez pas à me contacter.

Le Pass+ est un dispositif sportif et culturel créé par les Hauts-de-Seine et les Yvelines à destination des 60000 collégiens et lycéens des deux départements. Chaque année, les jeunes s’inscrivent sur le site web pour profiter d’une aide de 80€ pour leurs activités, mais aussi pour accéder à des bons plans et à du soutien scolaire en ligne.

En tant que Product Designer sur ce projet pendant 1 an, j’ai mené avec l’équipe la phase d’audit et de recherche utilisateur, puis la refonte des différents parcours.