Les Handikapables

Contexte

Les Handikapables" est une ASBL visant à offrir un lieu convivial et accessible pour les personnes en situation de handicap, afin de les aider à surmonter les difficultés quotidiennes, notamment en ce qui concerne leur bien-être.

Objectif

Permettre aux personnes en situation de handicap d'accéder à une plateforme informative et accessible sur leurs droits et les moyens d'améliorer leur bien-être, tout en augmentant la visibilité de l'ASBL et de ses activités, qui n'a pas encore de présence digitale.

Kick-off

La phase de kick-off marque le début officiel du projet. Lors de cette réunion initiale avec la fondatrice de l'ASBL, j'ai utilisé un Project Canvas pour structurer notre discussion. Cela m’a permis de :

Clarifier nos objectifs
Aligner notre vision
Définir les résultats attendus

Le Project Canvas a également servi de référence pour ajuster notre direction après la phase de découverte. visuelle.

Interviews

Pour mieux comprendre notre public cible, j'ai utilisé un Proto Persona, qui m'a aidé à supposer que la cible serait des personnes d'âge mûr avec une maîtrise numérique faible ou moyenne.

J'ai ensuite interrogé 7 personnes avec divers handicaps (moteurs, cognitifs, visuels), principalement entre 40 et 50 ans, et 3 personnes plus jeunes (20-30 ans). J'ai également observé un parcours utilisateur du site PHARE pour enrichir l'analyse.

Mes hypothèses

- La recherche de Droits des personnes handicapées et le recherche de Bien-être doivent être séparés pour faciliter le traitement de l’information.
- Le Bien-être se traduit par des activités sociales comme de l’art thérapie, des tables de discussion ou de la relaxation.
- Les organismes et aides au handicap sont trop scindés et dispersés.
- L’accessibilité web est médiocre, y compris sur des sites web d’aide au handicap ce qui décourage les personnes handicapées dans leur recherche.
- Les activités de groupe occupent une grande place dans leur bien-être.
- Le langage utilisé est parfois trop complexe et doit être converti en FALC.

Synthétisation des interviews

A l’aide d’un Affinity Diagram, j'ai synthétisé les interviews en rédigeant des atomes à partir des notes clés, en les regroupant par similitudes, et en reformulant les insights pour en extraire les idées principales.

J'ai constaté une nette différence entre mes hypothèses et les problèmes réels rencontrés par les personnes en situation de handicap dans leur recherche d'informations pour améliorer leur bien-être.

Insights clés

- Les personnes handicapées ne dissocient pas leurs droits juridiques du bien-être parce que ce dernier passe directement par le respect de leur personne, et donc de leurs droits.
- Les personnes handicapées ont besoin d’une mise en contexte pour savoir ce à quoi elles ont droit.
- Les organismes et aides au handicap sont trop scindés et dispersés.
- Les personnes handicapées souhaitent être autonomes pour ne plus dépendre des autres.
- Les personnes handicapées avec un handicap moteur ou visuel ont besoin de pouvoir remplir leurs formulaires et documents sans devoir passer par un personne tierce(actuellement impossible sur le PHARE du fait des formulaires écrits à imprimer).
- Un libellé précis des éléments d'un site web est essentiel pour éviter les problèmes constants rencontrés par les personnes malvoyantes.
- Les personnes handicapées ressentent le besoin de ne plus être constamment infantiliser par les autres.
- Les personnes handicapées peuvent refuser de l’aide ou un diagnostic par soucis de fierté.
- Les permanences sont difficilement joignable par téléphone, les RDV très longs et les réponses aux e-mails sont sporadiques car ces services sont surchargés.
- Le FALC doit être utilisé avec parcimonie car il peut entraîner un soucis de crédibilité.
- Les personnes handicapées en recherche de leurs droits sur le web ont besoin de catégories moins nombreuses mais plus larges, englobant plus d'informations, car elles peuvent se tromper ce qui génère de la frustration.
- Les textes informatifs doivent être simplifiés et concis parce que le traitement de l’information est trop contraignant.(les éléments clés en évidence et des résumés pour ne pas les sauter ou passer à coté.)

Benchmark UX & Card sorting

J'ai mené un audit UX du site web PHARE, accompagné de plusieurs tests utilisateurs. Cette plateforme vise à informer les utilisateurs sur leurs droits et à améliorer leur bien-être.

En utilisant la base du site web PHARE, j'ai réalisé un card sorting Delphi pour concevoir l'architecture de l'information. Grâce à ce processus, nous sommes passés de 10 catégories initiales à 5 catégories, ce qui a permis de clarifier la hiérarchisation de l'information.

Bien que le site respecte les normes d'accessibilité officielles, de nombreux problèmes d'utilisation persistent, ce qui montre la nécessité d'une approche holistique de l'accessibilité web.

User Journey

J'ai créé une User Journey Map en me basant sur les insights des interviews et des tests utilisateurs. Cela m'a permis de concrétiser les insights et le benchmark de PHARE dans un scénario réel avec des utilisateurs.

La User Journey Map a mis en lumière les points de friction et leurs solutions à chaque étape du parcours utilisateur, offrant ainsi une vision claire des défis à surmonter et des opportunités d'amélioration.

Les principaux points de friction identifiés sont :

Recherche d'informations : inefficace et complexe, avec des délais d'attente interminables et une disponibilité limitée pour l'assistance.

Démarche d'aide : formulaires longs, non pertinents et fragmentés sans logique d'accessibilité ou d'indépendances avec une démarche manuscrite malgré des handicaps moteurs.

UNIC Canvas & Value proposition

L'UNIC Canvas m'a permis de regrouper et de structurer les informations clés concernant les utilisateurs, les objectifs et la direction à suivre pour les futures fonctionnalités. Cet outil a également facilité la collaboration en offrant une vue d'ensemble compréhensible du projet aux responsables de l'ASBL.

La Value Proposition vient compléter l'UNIC Canvas. Bien que cela puisse sembler répétitif, la Value Proposition permet de se concentrer davantage sur les aspects concrets du produit et des idées à mettre en œuvre. Elle clarifie les éléments qui répondront aux attentes des utilisateurs et qui distingueront ce produit de la concurrence.

Wireframe

Je suis maintenant entré dans la phase de conception, où je traduis toutes mes recherches et insights en un wireframe.

Je définis la structure de base du site web, en tenant compte des besoins des utilisateurs et des objectifs du projet. En créant ces maquettes, je :

Visualise l'architecture de l'information
Teste et affine la disposition des éléments
Assure une navigation intuitive
Identifie les points de friction potentiels

UI & Ton of Voice

Les personnes handicapées se sentent souvent négligées ou infantilisées. Pour contrer ce problème, identifié dans les insights, j'ai crée une identité visuelle, incluant un logo modernisé et des illustrations avec des personnages au style mûre afin de montrer plus de respect et de considération.

J’ai également créé un guide de style pour le ton de voix. Il est essentiel d'éviter un ton conservateur, autoritaire ou comique, et de privilégier une approche respectueuse et amicale.

Normes accessibilité

Un site web avec un code propre et structuré pour maximiser la compatibilité avec des outils comme AccessiWay.

Le site web est presque conforme au niveau AAA.

Typographie

J'ai choisi la police “Luciole”, spécialement conçue pour l’accessibilité et les personnes ayant des troubles dyslexiques et visuels.

Régine Lambert, experte en accessibilité numérique, m'a expliqué qu’il n’existe pas de police spécifique pour l’accessibilité, car la plupart des polices peuvent être facilement paramétrées selon les préférences.

Cependant, de nombreuses personnes handicapées que j’ai interviewé avaient une connaissance limitée des outils numériques et n’auraient pas fait ces ajustements elles-mêmes.

Homepage

La page d'accueil présente une proposition de valeur claire et directe, avec des CTA pour l'ASBL et pour explorer les droits et aides en ligne. La navigation est simplifiée avec 5 menus pour réduire la charge cognitive.

Les éléments clés de la home page incluent :

Une FAQ (à ajouter ultérieurement) couvrant des questions de base comme l'obtention du statut handicapé.

Un mode sombre, directement accessible, pour les utilisateurs avec une hypersensibilité visuelle.

Une mise en avant des activités de l'ASBL en premier plan.

Catégories et séctions

Les sections du site sont présentées de manière directe, avec une description générale afin d'offrir un aperçu clair.

Toutes les sous-sections sont accessibles directement depuis un sommaire.

Un système d’ancrage avec un bouton sticky permet de revenir facilement au sommaire sans devoir à nouveau scroller et afin de favoriser une navigation exploratoire.

Les sections sont en intervalle de couleur pour faciliter la navigation des personnes DYS et celles ayant d'autres troubles cognitifs.

Chaque section comprend un texte concis avec un bloc "Qu’est-ce que ce service peut vous apporter" au début, suivi d’un exemple concret et d’un résumé des points essentiels.

Formulaires

Making it easier for users to complete PHARE forms directly on our website, with submissions sent by our organization.

Instead of printing and handwriting forms—a challenging process, especially for those with motor disabilities or visual impairments—users can now complete PHARE forms directly on the website or through ITSME.

The forms are processed digitally and then printed by our organization for direct submission to the relevant authorities, ensuring full data confidentiality.

Single-column layout to improve readability, with error indicators that include color and symbols to accommodate colorblind users.

Error summary for easy review.