← Tous les projets 04 — Design sprint en équipe · 2025

Sana, un accueil de clinique qui ne fait plus la queue.

Une borne d'enregistrement bilingue pour cliniques privées, pensée d'abord pour les patients âgés — et le design system accessible qui permet de la décliner sur mobile et sur écran d'attente.

Rôle
Lead UI & design system, dans une équipe de 4 (2 designers, 2 développeurs)
Durée
3 semaines — 2025
Cadre
Design sprint inter-écoles, thème « santé & services »
Outils
Figma (variables, modes), ProtoPie, FigJam
Borne Sana et composants d'interface
01 — Contexte

Un guichet, une file, et des patients qui n'ont pas le choix.

Dans beaucoup de cliniques, chaque patient passe par le guichet d'accueil, même avec un rendez-vous : vérification d'identité, carte d'assurance, orientation. Aux heures de pointe, la file déborde dans le hall.

Les bornes existantes sont généralement pensées pour des utilisateurs à l'aise avec le numérique. Or une grande partie des patients a plus de 60 ans, lit parfois mieux l'arabe que le français, et a peur de « mal faire ».

Infirmière souriante accompagnant une patiente âgée
Des patients souvent âgés, parfois accompagnés
Comptoir d'accueil dans le hall d'un hôpital
Un guichet unique pour tous
Salle d'attente moderne avec chaises
Une attente sans visibilité
Comment permettre à un patient de 75 ans de s'enregistrer seul en moins de deux minutes — et qu'il en sorte rassuré ?
02 — Parcours

Deux portes d'entrée, jamais plus de trois choix par écran.

Après une matinée d'observation dans le hall d'une clinique et des entretiens avec le personnel d'accueil, nous avons construit un parcours en deux branches : avec ou sans rendez-vous.

Étape
01Arriver
02Faire la file
03Guichet
04Salle d'attente
05Consultation
Actions
Cherche l'accueil dans le hall
Attend debout, documents en main
Identité, assurance, orientation
Guette son nom, n'ose pas sortir
Est appelé, parfois en retard
Émotion
😐😩😕😟🙂
Opportunité
Borne visible dès l'entrée
Supprimer la file pour les RDV
Scanner au lieu de saisir
Attente estimée + alerte SMS
Appel par ticket, sans nom crié
Ils me demandent toujours : « et maintenant, je fais quoi ? »

Chaque écran doit dire clairement la prochaine étape.

Agent d'accueil
Je n'ai pas mes lunettes, je ne vois rien sur ces machines.

Taille de texte réglable dès l'accueil, contraste AAA.

Patiente, 71 ans
Je veux savoir combien de temps il me reste.

Afficher l'attente estimée et proposer une alerte SMS.

Patient, 45 ans
  • 01

    Langue et taille de texte sur le premier écran

    Français, arabe, et un bouton « A+ » toujours visible. Le choix est conservé pendant tout le parcours.

  • 02

    Scanner plutôt que saisir

    La convocation SMS ou papier contient un QR code : un geste au lieu de huit champs.

  • 03

    Un ticket qui rassure

    Le numéro, la salle, l'attente estimée, et l'option de recevoir un SMS pour quitter la salle d'attente.

03 — Interface

Un parcours, deux branches, jamais d'impasse.

Hall d'accueil d'un hôpital
En situation

La borne, placée avant le guichet, absorbe les patients avec rendez-vous.

Clinique · AccueilFRعربيA+
Bonjour,
bienvenue.
J'ai un rendez-vous
Sans rendez-vous
Besoin d'aide ?🔔 Accueil
Toucher l'écran ÉcranLangue & taille DécisionRendez-vous ?
ouiÉcranScanner la convocationÉcranVérifier l'identitéTicket
nonÉcranChoisir le serviceÉcranCarte d'assuranceTicket

Chaque écran de la borne respecte trois règles : une question, trois choix maximum, et un bouton « Retour » toujours au même endroit. Une aide humaine peut être appelée à tout moment.

04 — Design system

Un système pensé pour les yeux fatigués.

J'ai pris en charge le design system, construit avec les variables Figma pour gérer trois modes (borne, mobile, écran d'attente) et deux sens de lecture. Les développeurs de l'équipe l'ont repris directement en tokens CSS.

Couleurs — contraste AAA sur fond clair
Ink
Primary
Surface
Success
Warning
Typographie — base 20 px sur borne
BonjourDisplay · 40
Titre de sectionTitle · 28
Texte courant lisibleBody · 20
Boutons — cible minimale 64 px
Continuer Retour Indisponible
N° de dossier●
États & retours
✓ Enregistré Pièce manquante Ticket C-042
Carte d'assuranceÀ vérifier
0composants documentés, avec variantes FR / AR
0modes gérés par variables : borne, mobile, écran
AAAcontraste visé sur tous les textes de la borne
05 — Tests

Un prototype sur tablette, posé sur un carton à hauteur de borne.

Faute de borne réelle, nous avons fixé une tablette à 1,10 m sur un support en carton, avec le prototype ProtoPie. Dix participants, dont six de plus de 60 ans, ont réalisé un enregistrement complet.

0participants ont terminé l'enregistrement sans aide
0durée moyenne du parcours avec rendez-vous
0participants sur 10 ont utilisé le bouton « A+ »
  • ObservationGravitéCorrection
  • Un participant tenait son téléphone collé au lecteur et le scan échouait.ÉlevéeAnimation montrant la bonne distance, testée ensuite avec succès.
  • « Sans rendez-vous » était lu comme « urgence » par 2 participants.MoyenneSous-titre explicite et bouton « Urgences » séparé, en rouge.
  • Le nom complet affiché gênait dans un hall public.FaibleNom de famille réduit à l'initiale, année de naissance seule.

Le seul échec venait du scan : le participant tenait son téléphone trop près du lecteur. Nous avons ajouté une animation montrant la bonne distance, testée ensuite avec succès.

06 — Bilan

Ce que ce projet m'a appris.

  • 1

    L'accessibilité améliore l'expérience de tous

    Les grandes cibles et les textes courts ont aussi accéléré le parcours des participants les plus jeunes.

  • 2

    Un design system est un outil de dialogue

    Nommer les tokens avec les développeurs dès le premier jour nous a évité des allers-retours inutiles.

  • 3

    L'objet compte aussi

    Mon background en design produit a servi : hauteur d'écran, inclinaison, position du lecteur. La borne est une interface physique.

✓ Adresse copiée