<aside> <img src="/icons/arrow-right_blue.svg" alt="/icons/arrow-right_blue.svg" width="40px" /> imd • UI Design • Brief

</aside>

<aside> <img src="/icons/info-alternate_blue.svg" alt="/icons/info-alternate_blue.svg" width="40px" /> Travail par équipes de 2 élèves Durée : 1h Evaluation : sans (pas de note).

</aside>

Vous traduirez les questionnaires suivants en formulaires destinés à être intégrés dans un site Internet. Vous déterminerez pour chaque saisie quel est le composant UI adéquat.

cas 1

inscription à un événement

<aside> <img src="/icons/info-alternate_blue.svg" alt="/icons/info-alternate_blue.svg" width="40px" />

Vous réaliserez ce travail sur papier.

Vous pouvez vous aider de supports en ligne : bibliothèques de composants, exemples, documentation. Pas d’IA.

</aside>

Un·e utilisateur·trice souhaite s’inscrire à un événement et doit remplir un formulaire en plusieurs étapes pour fournir ses informations et sélectionner ses préférences.

Étape 1 : Informations personnelles

• Nom et prénom
• Adresse email
• Numéro de téléphone

Étape 2 : Type d’inscription

• Type de billet : Standard, VIP, Étudiant / AVS / AI, Enfant [1 option sélectionnée maximum]
• Participation à des ateliers : [6 ateliers proposés, pas de limite de sélection d’options]
• Besoin d’une attestation de participation ?

Étape 3 : Préférences et accessibilité

• Langue de l’événement préférée : [5 langues disponibles, 1 option sélectionnée maximum]
• Préférences alimentaires : [pas de limite de sélection d’options]