Design Manager : concevoir la zone d'attente
Le modèle Zone d’attente définit l’apparence de la page précédant le début réel de la réservation lorsqu’une offre contrôle l’accès par une zone d’attente. Utilisez pour cela un design Bootstrap 5.3. Cette page affiche une file d’attente en cours ; la réservation normale sur liste d’attente constitue un processus distinct de l’offre.
Ouvrir le modèle et insérer les éléments
- Configurez la zone d'attente sur l'offre concernée selon le mode d'emploi Paramètres de l'offre.
- Ouvrez le design attribué dans le Design Manager et sélectionnez le modèle Zone d'attente dans le corps.
- Placez Statut de la zone d'attente, Informations de la zone d'attente et Actions de la zone d'attente dans cet ordre.
- Configurez les options et les textes de langue, enregistrez chaque widget et la mise en page.
- Ouvrez l'accès public à la réservation de l'offre concernée.
Configurer les trois widgets de zone d'attente
| Widget | Options | Utilisation pertinente |
|---|---|---|
| Statut de la zone d'attente | Couleur d'accent ; afficher ou masquer la position, le temps d'attente estimé, les places libres et la progression ; titre, introduction et les trois libellés de statut par langue. | Une carte de statut concise rend la situation actuelle compréhensible. Un temps d'attente estimé reste une estimation. |
| Informations de la zone d'attente | Couleur des avis ; avertissement en quittant la page et estimation de la capacité ; textes pour l’attente, le départ, l’offre épuisée, la liste d’attente ouverte ou complète et la capacité suffisante ou limitée. | Expliquer que l’autorisation entraîne un passage automatique à la réservation et que quitter la page peut faire perdre la position actuelle. |
| Actions de la zone d'attente | Afficher séparément Actualiser et le lien vers la page de l’offre ; couleur et libellé multilingue pour chaque action. | La mise à jour manuelle et un retour compréhensible restent utilisables. |
Exemple : Début de cours avec une forte demande
Pour un cours très demandé, le statut affiche la position et le temps d'attente. L'information explique : « Laissez cette page ouverte. Dès que ce sera votre tour, l'inscription démarrera automatiquement. » En dessous se trouvent les boutons Mettre à jour et Vers la page de l'offre. Une estimation de la capacité évite une promesse de place fixe, car les places libres peuvent changer pendant la file d'attente.
Vérifier les états dynamiques
Vérifiez la page avec une capacité libre, une capacité limitée, une offre complète et une liste d'attente ouverte ou complète. Vérifiez la transition de la zone d'attente vers l'inscription. Après la redirection, le formulaire des participants, les prix et la finalisation doivent correspondre au même design attribué.
Ouvrez les vues mobile et bureau ainsi que chaque langue active. La position, les informations et les actions ne doivent pas se chevaucher ni être coupées, même avec des traductions plus longues.
Si la page d'attente ne redirige pas
Vérifiez d’abord que la zone d’attente est active sur la bonne offre et que le lien public mène bien à celle-ci. La page nécessite un design Bootstrap 5.3 attribué ; sélectionner simplement le modèle de zone d’attente ne met pas à niveau un ancien design.
En cas de connexion interrompue, les participants utilisent le bouton Mettre à jour prévu à cet effet. N'annoncez dans vos propres informations ni un temps d'attente fixe ni une place réservée. Si une nouvelle position d'attente est affichée après le retour ou l'expiration de la session, l'affichage actuel fait foi. Vérifiez la transition vers l'inscription réelle après la libération et évitez les formulations qui qualifient l'entrée dans la zone d'attente de réservation déjà effectuée.