diff --git a/docs/identite/charte/README.md b/docs/identite/charte/README.md index a4048ce..0832b07 100644 --- a/docs/identite/charte/README.md +++ b/docs/identite/charte/README.md @@ -14,6 +14,7 @@ Décisions : ADR 0010. Fichiers du logo et des icônes : `../logo/`. | Fichier | Contenu | | --- | --- | | `guide-de-marque.md` | Règles d'usage : ton, couleurs, typographie, formes, mouvement, icônes, composants | +| `ecrans-etape-1.md` | Écrans de l'étape 1, lot par lot : nouvelle partie et match (1c)… | | `accueil-tutoriel-aide.md` | Accueil, installation sans intrusion, tutoriel des règles (forme et première version du texte), aide en questions | | `recette-ux.md` | Critères de recette design de l'écran de jeu, à cocher sur les captures et sur le téléphone | | `interaction.md` | Comportement : réponse immédiate, annuler plutôt que confirmer, mouvement, vibrations, clavier, mises en page de l'écran de jeu (portrait, paysage, ordinateur), pictogrammes | diff --git a/docs/identite/charte/ecrans-etape-1.md b/docs/identite/charte/ecrans-etape-1.md new file mode 100644 index 0000000..b7f7d71 --- /dev/null +++ b/docs/identite/charte/ecrans-etape-1.md @@ -0,0 +1,61 @@ +# Écrans de l'étape 1 + +Règles de design des écrans de l'étape 1 (`docs/etape-1.md`), lot par lot. +Maquettes : canevas https://claude.ai/artifact/CQw6vbDpi6XQqVWQa4sANe, rangées +« Étape 1 ». Comportement général : `interaction.md` ; liens : ADR 0013. + +## 1c. Nouvelle partie et match + +### Écran « Nouvelle partie » (`#/nouvelle-partie`) + +Ouvert depuis le menu, l'accueil et la fin de partie. Une seule page, sans +étapes, de haut en bas : + +1. **Type de partie** : un sélecteur à deux segments, « Partie libre » et + « Match » (fond `surface-sunken`, segment choisi en `surface` avec + `shadow-raised`). + - **Match** : « Le premier à [3] [5] [7] [11] points », quatre boutons + carrés de 44 px, le choisi en brique. Dessous, une phrase sur la règle de + Crawford, avec le lien vers sa fiche du glossaire. + - **Partie libre** : une phrase sur la règle de Jacoby, avec le lien vers + sa fiche. Pas d'interrupteur pour Crawford ni Jacoby : ce sont les règles + usuelles, et le joueur débutant n'a pas à les choisir. +2. **Niveau de l'ordinateur** : six barres de hauteur croissante, à toucher + (Débutant, Amateur, Intermédiaire, Avancé, Expert, Champion) ; les barres + jusqu'au niveau choisi sont en brique, le niveau choisi porte l'anneau de + focus. Dessous, le nom en `heading` et une phrase qui le décrit en mots de + joueur, jamais en plis ni en bruit : + - Débutant : « Joue simplement et laisse passer des occasions. Idéal pour + vos premières parties. » + - Amateur : « Un joueur qui connaît les règles et commet encore des + erreurs. » + - Intermédiaire : « Un habitué de la table : solide, sans être + implacable. » + - Avancé : « Un bon joueur de club. Peu d'erreurs de pions, un videau + sérieux. » + - Expert : « Très peu d'erreurs. Chaque point se gagne. » + - Champion : « GNU Backgammon à son meilleur niveau sur ce téléphone. » +3. **Pendant la partie** : interrupteur « Conseil du maître », sous-titre + « Une ligne après chacun de vos coups ». +4. **Barre d'action collée en bas** : un seul bouton principal, qui dit ce + qu'il lance (« Commencer la partie » ou « Commencer le match en 5 + points »), et la mention « Vos choix sont gardés pour la prochaine fois. ». + +Par défaut : partie libre, Intermédiaire, conseil activé. Fermer (croix en +haut à gauche, ou retour du téléphone) ne change rien à la partie en cours. +Commencer une nouvelle partie alors qu'une partie est en cours suit la règle +« annuler plutôt que confirmer » (bandeau « Reprendre l'ancienne »). + +### Score de match sur l'écran de jeu + +- **Portrait** : une ligne `overline` centrée sous la barre haute, « Match en + 5 points », complétée par « · partie Crawford » pendant la partie Crawford ; + dans chaque bandeau, une pastille carrée (contour `border-strong`, chiffre + gras) avec le score de ce joueur, juste avant son compte de points. +- **Paysage** : dans la colonne de commandes, sous le menu, une case qui + empile le score de l'ordinateur, « sur 5 », puis le vôtre (même ordre que + les bandeaux : l'ordinateur en haut, vous en bas). +- Le score se lit aussi au lecteur d'écran : « Match en 5 points : + l'ordinateur 4, vous 2 ». +- Pendant la partie Crawford, le videau n'est pas affiché : il n'existe pas + pour cette partie.