Repository navigation
Expand file tree
/
Copy pathinterfaces.html
More file actions
390 lines (377 loc) · 48.5 KB
/
Copy pathinterfaces.html
File metadata and controls
390 lines (377 loc) · 48.5 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="L’inventaire des interfaces de la PWA d’ÉtymoLogique, sur mobile et sur ordinateur.">
<meta name="theme-color" content="#f3eee3">
<title>Interfaces · ÉtymoLogique</title>
<link rel="icon" href="assets/logo.svg" type="image/svg+xml">
<link rel="stylesheet" href="assets/site-nav.css">
<link rel="stylesheet" href="assets/etymo.css">
</head>
<body>
<div class="progress" aria-hidden="true"></div>
<a class="skip-link" href="#contenu">Aller au contenu</a>
<header class="site-nav"></header>
<main id="contenu">
<section class="section if-intro" id="interfaces">
<div class="wrap">
<div class="sec-head">
<div data-reveal><span class="sec-num">Jeu · Interfaces</span><h2>Trente-quatre <em>interfaces</em></h2></div>
<div class="sec-intro" data-reveal style="--d:120ms"><p>L’inventaire des écrans et des états de la PWA, chacun avec sa maquette. Une seule application, responsive et installable : le même modèle d’interaction sur mobile et sur ordinateur, avec une mise en page adaptée plutôt qu’un écran réduit.</p><p class="xrefs"><span>Voir aussi</span><a class="xref" href="adr.html#adr-0001" data-kind="adr">ADR 0001</a><a class="xref" href="maquettes.html">Les maquettes</a><a class="xref" href="design-system.html#ecrans">Écrans types</a><a class="xref" href="game-design.md">Vision du jeu (Markdown)</a></p></div>
</div>
<p class="if-legend" data-reveal><span>Avancement</span><span class="if-status is-demo">Démo</span>une démonstration jouable existe <span class="if-status is-model">Maquette</span>un composant ou un écran type existe <span class="if-status is-todo">À dessiner</span>rien n’est encore dessiné</p>
</div>
</section>
<section class="section" id="responsive">
<div class="wrap">
<div class="sec-head">
<div data-reveal><span class="sec-num">Interfaces · Principes</span><h2>Adapter, <em>pas réduire</em></h2></div>
<div class="sec-intro" data-reveal style="--d:120ms"><p>Conception mobile d’abord. Les règles ci-dessous valent pour tous les écrans de l’inventaire.</p><p class="xrefs"><span>Voir aussi</span><a class="xref" href="design-system.html#ds-1-7">Grille et points de rupture</a><a class="xref" href="design-system.html#ds-4-7">Choisir la bonne superposition</a></p></div>
</div>
<div class="pillars">
<article class="pillar" data-reveal style="--d:0ms"><span>Règle 01</span><h3>Quatre destinations</h3><p>Table, Plis, Codex, Réglages, dans cet ordre. Barre d’onglets en bas sur mobile, rail vertical à gauche au-delà de 1 100 px. Changer d’onglet conserve l’état de chaque écran.</p><p class="xrefs"><span></span><a class="xref" href="design-system.html#ds-4-1">Navigation principale</a></p></article>
<article class="pillar" data-reveal style="--d:60ms"><span>Règle 02</span><h3>Un geste, deux voies</h3><p>Glisser-déposer, ou un toucher sur la brique pour la poser. Tout se fait aussi au clavier.</p><p class="xrefs"><span></span><a class="xref" href="design-system.html#ds-4-4">Gestes</a><a class="xref" href="design-system.html#ds-4-5">Clavier</a></p></article>
<article class="pillar" data-reveal style="--d:120ms"><span>Règle 03</span><h3>Côte à côte ou empilé</h3><p>Sur ordinateur, les panneaux liés se montrent ensemble (réserve et table, grille et carte). Sur mobile, ils s’empilent ou passent dans une feuille.</p><p class="xrefs"><span></span><a class="xref" href="design-system.html#ds-2-7">Superpositions</a></p></article>
<article class="pillar" data-reveal style="--d:180ms"><span>Règle 04</span><h3>Une superposition à la fois</h3><p>Toujours la plus légère qui convient : message en ligne, toast, feuille (mobile) ou menu (ordinateur), dialogue pour l’irréversible seulement. Jamais de dialogue au lancement.</p><p class="xrefs"><span></span><a class="xref" href="design-system.html#ds-4-7">Le bon niveau</a></p></article>
<article class="pillar" data-reveal style="--d:240ms"><span>Règle 05</span><h3>Hors connexion honnête</h3><p>Codex et préparation d’une fusion restent disponibles. Plis, énergie, découvertes et synchronisation attendent le serveur : aucune découverte n’est annoncée avant validation.</p><p class="xrefs"><span></span><a class="xref" href="adr.html#adr-0001" data-kind="adr">ADR 0001</a><a class="xref" href="adr.html#adr-0007" data-kind="adr">ADR 0007</a></p></article>
<article class="pillar" data-reveal style="--d:300ms"><span>Règle 06</span><h3>Pour tous les joueurs</h3><p>Cibles d’au moins 44 px, zones sûres respectées, contrastes 4,5:1, couleur jamais seule, animations réduites sur demande.</p><p class="xrefs"><span></span><a class="xref" href="design-system.html#accessibilite">Accessibilité</a></p></article>
</div>
</div>
</section>
<section class="section" id="inventaire">
<div class="wrap">
<div class="sec-head">
<div data-reveal><span class="sec-num">Interfaces · Inventaire</span><h2>Écran <em>par écran</em></h2></div>
<div class="sec-intro" data-reveal style="--d:120ms"><p>Sept groupes. Pour chaque interface : son rôle, ce qu’elle montre, sa forme sur mobile et sur ordinateur, et les décisions dont elle découle.</p></div>
</div>
<div class="dm-block" id="coque" data-reveal>
<div class="dm-block-head"><span>Groupe A</span><h3>Coque de l’application</h3><p>Ce qui entoure tous les écrans : navigation, compteurs, démarrage et réseau.</p></div>
<div class="if-grid">
<article class="if-card" id="i-01">
<div class="if-head"><span class="if-num">I-01</span><span class="if-status is-model">Maquette</span></div>
<h4>Navigation principale</h4>
<p>Mène aux destinations principales, dont les quêtes (ADR 0042), et signale une nouveauté par un compteur Corail (pli prêt, carte nouvelle, récompense de jalon à récupérer).</p>
<dl class="if-facts"><dt>Mobile</dt><dd>Barre d’onglets en bas, à portée du pouce.</dd><dt>Ordinateur</dt><dd>Rail vertical à gauche, au-delà de 1 100 px.</dd></dl>
<p class="xrefs"><span></span><a class="xref" href="maquettes.html#m-01">Maquette</a><a class="xref" href="design-system.html#ds-4-1">Navigation principale</a><a class="xref" href="adr.html#adr-0001" data-kind="adr">ADR 0001</a></p>
</article>
<article class="if-card" id="i-02">
<div class="if-head"><span class="if-num">I-02</span><span class="if-status is-model">Maquette</span></div>
<h4>En-têtes et compteurs</h4>
<p>Titre de l’écran et ressource utile à cet endroit : énergie « 1 / 2 » et recharge, encre, sabliers, complétude du codex.</p>
<dl class="if-facts"><dt>Mobile</dt><dd>En-tête compact ; seul le compteur de l’écran courant.</dd><dt>Ordinateur</dt><dd>Mêmes compteurs, dans l’en-tête du panneau concerné.</dd></dl>
<p class="xrefs"><span></span><a class="xref" href="maquettes.html#m-02">Maquette</a><a class="xref" href="design-system.html#ds-3-6">Plis, énergie et encre</a><a class="xref" href="adr.html#adr-0020" data-kind="adr">ADR 0020</a><a class="xref" href="adr.html#adr-0039" data-kind="adr">ADR 0039</a></p>
</article>
<article class="if-card" id="i-03">
<div class="if-head"><span class="if-num">I-03</span><span class="if-status is-model">Maquette</span></div>
<h4>Démarrage et catalogue</h4>
<p>Lancement de la PWA, chargement du shell et du dernier catalogue publié, mise à jour d’un catalogue ou d’une version de l’application.</p>
<dl class="if-facts"><dt>Mobile</dt><dd>Écran de lancement au sceau ÉL, puis la dernière destination ouverte.</dd><dt>Ordinateur</dt><dd>Identique, sans écran intermédiaire si le cache suffit.</dd></dl>
<p class="xrefs"><span></span><a class="xref" href="maquettes.html#m-03">Maquette</a><a class="xref" href="adr.html#adr-0001" data-kind="adr">ADR 0001</a><a class="xref" href="adr.html#adr-0005" data-kind="adr">ADR 0005</a><a class="xref" href="identite.html#logo">Le sceau</a></p>
</article>
<article class="if-card" id="i-04">
<div class="if-head"><span class="if-num">I-04</span><span class="if-status is-model">Maquette</span></div>
<h4>Hors connexion et resynchronisation</h4>
<p>Dit ce qui fonctionne encore et ce qui n’a pas été perdu. Hors connexion, la table se prépare et la fusion attend le réseau ; un réseau instable se signale, et une commande se renvoie sous la même clé tant que le joueur attend ; un conflit déclenche une resynchronisation explicite.</p>
<dl class="if-facts"><dt>Mobile</dt><dd>Pastille dans l’en-tête de l’écran (« Réseau instable », « Hors ligne »).</dd><dt>Ordinateur</dt><dd>Même pastille, à droite du titre.</dd></dl>
<p class="xrefs"><span></span><a class="xref" href="maquettes.html#m-04">Maquette</a><a class="xref" href="design-system.html#ds-2-8">Hors ligne et erreurs</a><a class="xref" href="adr.html#adr-0007" data-kind="adr">ADR 0007</a><a class="xref" href="adr.html#adr-0024" data-kind="adr">ADR 0024</a><a class="xref" href="adr.html#adr-0041" data-kind="adr">ADR 0041</a><a class="xref" href="adr.html#adr-0085" data-kind="adr">ADR 0085</a></p>
</article>
<article class="if-card" id="i-05">
<div class="if-head"><span class="if-num">I-05</span><span class="if-status is-model">Maquette</span></div>
<h4>Installation</h4>
<p>Propose d’installer la PWA, sans jamais l’imposer, pour faciliter le retour quand un pli est prêt.</p>
<dl class="if-facts"><dt>Mobile</dt><dd>Suggestion discrète après une première découverte, et dans les réglages.</dd><dt>Ordinateur</dt><dd>Dans les réglages seulement.</dd></dl>
<p class="xrefs"><span></span><a class="xref" href="maquettes.html#m-05">Maquette</a><a class="xref" href="adr.html#adr-0001" data-kind="adr">ADR 0001</a></p>
</article>
</div>
</div>
<div class="dm-block" id="premiere-session" data-reveal>
<div class="dm-block-head"><span>Groupe B</span><h3>Première session</h3><p>Trois étapes guidées au plus, sur les écrans réels, jamais en diaporama. « Passer » reste visible.</p></div>
<div class="if-grid">
<article class="if-card" id="i-06">
<div class="if-head"><span class="if-num">I-06</span><span class="if-status is-model">Maquette</span></div>
<h4>Premier lancement</h4>
<p>Un mot, « étymologie », est déjà visible, mais son histoire reste masquée. Quelques briques se révèlent ensuite.</p>
<dl class="if-facts"><dt>Mobile</dt><dd>Sur la table, bulle guidée en Encre, le reste légèrement voilé.</dd><dt>Ordinateur</dt><dd>Même bulle, la réserve déjà visible à côté.</dd></dl>
<p class="xrefs"><span></span><a class="xref" href="maquettes.html#m-06">Maquette</a><a class="xref" href="design-system.html#ds-4-6">Première utilisation</a></p>
</article>
<article class="if-card" id="i-07">
<div class="if-head"><span class="if-num">I-07</span><span class="if-status is-model">Maquette</span></div>
<h4>Fusion guidée</h4>
<p>Première réussite en quelques interactions : poser, ordonner, fusionner. Montre que l’ordre compte et qu’une erreur ne coûte rien.</p>
<dl class="if-facts"><dt>Mobile</dt><dd>« Touchez… pour la poser sur la table. »</dd><dt>Ordinateur</dt><dd>« Glissez… sur la table », avec l’alternative au clic.</dd></dl>
<p class="xrefs"><span></span><a class="xref" href="maquettes.html#m-07">Maquette</a><a class="xref" href="design-system.html#ds-4-6">Bulle guidée</a><a class="xref" href="adr.html#adr-0003" data-kind="adr">ADR 0003</a></p>
</article>
<article class="if-card" id="i-08">
<div class="if-head"><span class="if-num">I-08</span><span class="if-status is-model">Maquette</span></div>
<h4>Réserve de départ</h4>
<p>Remise des graines, avec leurs exemplaires, qui ouvrent au moins trois recettes et deux familles. Explique que les plis rempliront ensuite la réserve.</p>
<dl class="if-facts"><dt>Mobile</dt><dd>Les briques arrivent une à une dans la réserve.</dd><dt>Ordinateur</dt><dd>Identique, dans le panneau de réserve.</dd></dl>
<p class="xrefs"><span></span><a class="xref" href="maquettes.html#m-08">Maquette</a><a class="xref" href="jeu.html#table">La réserve de départ</a><a class="xref" href="adr.html#adr-0004" data-kind="adr">ADR 0004</a><a class="xref" href="adr.html#adr-0012" data-kind="adr">ADR 0012</a></p>
</article>
</div>
</div>
<div class="dm-block" id="table" data-reveal>
<div class="dm-block-head"><span>Groupe C</span><h3>Table de fusion</h3><p>L’écran central : formuler une hypothèse, la tester, lire le résultat.</p></div>
<div class="if-grid">
<article class="if-card" id="i-09">
<div class="if-head"><span class="if-num">I-09</span><span class="if-status is-demo">Démo</span></div>
<h4>Table de fusion</h4>
<p>Réserve filtrable avec pastilles « ×n » et briques épuisées, rail ordonné de deux cases exactement (jamais trois briques), boutons Fusionner et Vider. Une brique posée, la réserve range en fin de liste, grisées mais jouables, les briques déjà essayées avec elle, avec leur raison (« aucune recette », « presque : inversez », « au codex », ADR 0081). Sous la table, les enquêtes en cours gardent lisibles les indices achetés (ADR 0080). Le codex reste accessible sans perdre la proposition.</p>
<dl class="if-facts"><dt>Mobile</dt><dd>Table en haut, réserve dessous ; un toucher pose la brique.</dd><dt>Ordinateur</dt><dd>Réserve et table côte à côte ; glisser-déposer et réorganisation au pointeur.</dd></dl>
<p class="xrefs"><span></span><a class="xref" href="maquettes.html#m-09">Maquette</a><a class="xref" href="jeu.html#table">Essayer</a><a class="xref" href="design-system.html#ds-3-3">Composant</a><a class="xref" href="adr.html#adr-0012" data-kind="adr">ADR 0012</a><a class="xref" href="adr.html#adr-0081" data-kind="adr">ADR 0081</a></p>
</article>
<article class="if-card" id="i-10">
<div class="if-head"><span class="if-num">I-10</span><span class="if-status is-demo">Démo</span></div>
<h4>Retours d’une tentative</h4>
<p>Échec neutre, « presque » avec indice optionnel, recette déjà connue avec rappel de sa fiche, piste encore à découvrir. Rien n’est consommé.</p>
<dl class="if-facts"><dt>Mobile</dt><dd>Message en ligne sous la table.</dd><dt>Ordinateur</dt><dd>Même message, au même endroit.</dd></dl>
<p class="xrefs"><span></span><a class="xref" href="maquettes.html#m-10">Maquette</a><a class="xref" href="jeu.html#feedback">Sur la table</a><a class="xref" href="design-system.html#ds-4-3">Retours</a><a class="xref" href="adr.html#adr-0003" data-kind="adr">ADR 0003</a></p>
</article>
<article class="if-card" id="i-11">
<div class="if-head"><span class="if-num">I-11</span><span class="if-status is-demo">Démo</span></div>
<h4>Révélation et fiche de découverte</h4>
<p>Le mot, sa définition actuelle, sa composition en briques et son sens littéral, la transformation, puis les nouvelles pistes. Un « −1 » s’envole des briques utilisées.</p>
<dl class="if-facts"><dt>Mobile</dt><dd>Fiche plein écran, révélée en trois temps.</dd><dt>Ordinateur</dt><dd>Fiche centrée au-dessus de la table, qui reste visible.</dd></dl>
<p class="xrefs"><span></span><a class="xref" href="maquettes.html#m-11">Maquette</a><a class="xref" href="jeu.html#result">La révélation</a><a class="xref" href="design-system.html#ds-3-4">Fiche</a><a class="xref" href="mouvement.html">Mouvement</a></p>
</article>
<article class="if-card" id="i-12">
<div class="if-head"><span class="if-num">I-12</span><span class="if-status is-demo">Démo</span></div>
<h4>Indices</h4>
<p>Une carte à trouver, la plus utile et formable avec la réserve ; trois indices à la carte, achetés dans l’ordre, une fois chacun : silhouette (4 gouttes), définition (8), sens littéral (16). Rien d’autre, jamais une légendaire (ADR 0051). Ce qui est acheté se relit ensuite dans les enquêtes en cours (ADR 0080).</p>
<dl class="if-facts"><dt>Mobile</dt><dd>Feuille ouverte depuis l’en-tête de la table.</dd><dt>Ordinateur</dt><dd>Dialogue centré au-dessus de la table.</dd></dl>
<p class="xrefs"><span></span><a class="xref" href="maquettes.html#m-12">Maquette</a><a class="xref" href="plis.html#encre">L’encre et l’indice</a><a class="xref" href="adr.html#adr-0051" data-kind="adr">ADR 0051</a><a class="xref" href="adr.html#adr-0080" data-kind="adr">ADR 0080</a></p>
</article>
<article class="if-card" id="i-13">
<div class="if-head"><span class="if-num">I-13</span><span class="if-status is-model">Maquette</span></div>
<h4>Réserve sans découverte possible</h4>
<p>Quand la réserve ne permet plus aucune découverte, l’écran le dit sans reproche et mène aux plis, avec l’heure du prochain pli, le temps de recharge et le filet d’utilité. Les ricochets et les quêtes du jour restent possibles.</p>
<dl class="if-facts"><dt>Mobile</dt><dd>État vide sur la table, bouton vers les plis.</dd><dt>Ordinateur</dt><dd>Identique, dans le panneau de la table.</dd></dl>
<p class="xrefs"><span></span><a class="xref" href="maquettes.html#m-13">Maquette</a><a class="xref" href="design-system.html#ds-2-8">États vides</a><a class="xref" href="plis.html#chances">Filet d’utilité</a></p>
</article>
</div>
</div>
<div class="dm-block" id="codex" data-reveal>
<div class="dm-block-head"><span>Groupe D</span><h3>Codex</h3><p>La collection : ce qui est trouvé, ce qui reste en silhouette, et les objectifs qui donnent envie de finir une famille.</p></div>
<div class="if-grid">
<article class="if-card" id="i-14">
<div class="if-head"><span class="if-num">I-14</span><span class="if-status is-demo">Démo</span></div>
<h4>Vue globale</h4>
<p>Grille de petites cartes. Vues Tout, Récentes, Familles, Réseau (I-35) et Cabinet ; les types (mots, préfixes, suffixes, langues) se filtrent en puces, avec leurs compteurs. Fascicules avec leur jaquette, leur nom en avant et leur numéro en petit (« Bêta · N° 0 »), et leur complétude. Tri par numéro, ordre alphabétique, type ou fascicule ; toucher à nouveau le tri actif l’inverse (flèche ↓ ↑, « Z → A »). Trié par fascicule, chaque groupe se replie, avec sa mini-jaquette dans l’en-tête. La rareté d’une brique se lit en haut à droite du bandeau ; une carte de mot n’en porte pas. Une carte de langue montre sa lettre emblème et son nom. Les légendaires trouvées, briques et mots, s’affichent à part, et un compteur « ◆ n » les compte à côté de chaque jauge, même à 0 (ADR 0043). Chaque fascicule montre aussi sa maîtrise (ADR 0044), et la date du prochain fascicule s’affiche en tête (ADR 0049). Un fascicule verrouillé garde sa jaquette avec un cadenas ; il ne montre que les mots déjà trouvés, sans silhouette, et son compteur dit « 2 trouvées », sans total (ADR 0069). Vue, filtres, tri, sens du tri et carte ouverte se lisent dans l’adresse (ADR 0034), jamais la recherche. Au survol, une jaquette se soulève et s’incline comme une petite carte.</p>
<dl class="if-facts"><dt>Mobile</dt><dd>Grille de trois colonnes, filtres en puces défilantes, tri dans une feuille.</dd><dt>Ordinateur</dt><dd>Grille large, fascicules et filtres visibles en permanence.</dd></dl>
<p class="xrefs"><span></span><a class="xref" href="maquettes.html#m-14">Maquette</a><a class="xref" href="codex.html#codex">Le codex</a><a class="xref" href="design-system.html#ds-3-5">Cartes</a><a class="xref" href="adr.html#adr-0015" data-kind="adr">ADR 0015</a><a class="xref" href="adr.html#adr-0043" data-kind="adr">ADR 0043</a></p>
</article>
<article class="if-card" id="i-15">
<div class="if-head"><span class="if-num">I-15</span><span class="if-status is-demo">Démo</span></div>
<h4>Carte agrandie</h4>
<p>Recto (mot, langue, définition, sens littéral, confiance) et verso (formes par langue, composants, mots formés), avec un onglet « Exemples » quand le mot est difficile à se représenter (phrases rédigées, ADR 0079). Carte précédente ou suivante, liens entre cartes et fil d’Ariane : seulement vers une carte déjà découverte ; ce qui reste à découvrir n’a ni lien ni animation.</p>
<dl class="if-facts"><dt>Mobile</dt><dd>Plein écran ; balayer pour changer de carte.</dd><dt>Ordinateur</dt><dd>Carte centrée au-dessus de la grille, flèches et clavier.</dd></dl>
<p class="xrefs"><span></span><a class="xref" href="maquettes.html#m-15">Maquette</a><a class="xref" href="codex.html#filiation">La filiation</a><a class="xref" href="adr.html#adr-0002" data-kind="adr">ADR 0002</a><a class="xref" href="adr.html#adr-0079" data-kind="adr">ADR 0079</a></p>
</article>
<article class="if-card" id="i-16">
<div class="if-head"><span class="if-num">I-16</span><span class="if-status is-model">Maquette</span></div>
<h4>En savoir plus</h4>
<p>Section secondaire d’une carte trouvée, repliée par défaut : chemin des langues en toutes lettres, relation de chaque composant (« géo- : forme de composition du grec ancien γῆ (gê) « terre » »), transformations, niveau de certitude expliqué en une ligne, sources citées avec leur lien et version du catalogue. Le bouton « En savoir plus » de la fiche de découverte ouvre la carte au codex avec la section dépliée (plus=1 dans l’adresse). Jamais un cours.</p>
<dl class="if-facts"><dt>Mobile</dt><dd>Section sous la carte agrandie, qui défile.</dd><dt>Ordinateur</dt><dd>Colonne à côté de la carte.</dd></dl>
<p class="xrefs"><span></span><a class="xref" href="maquettes.html#m-16">Maquette</a><a class="xref" href="adr.html#adr-0005" data-kind="adr">ADR 0005</a><a class="xref" href="adr.html#adr-0014" data-kind="adr">ADR 0014</a></p>
</article>
<article class="if-card" id="i-17">
<div class="if-head"><span class="if-num">I-17</span><span class="if-status is-model">Maquette</span></div>
<h4>Recherche</h4>
<p>Retrouver un mot, une brique, une langue ou un sens parmi ce qui est découvert, sans jamais révéler une silhouette, pas même par sa piste. Résultats groupés : briques, mots, langues. Même règle que la recherche de la réserve de la table. Le texte cherché n’entre jamais dans l’adresse (ADR 0034).</p>
<dl class="if-facts"><dt>Mobile</dt><dd>Champ en haut du codex et de la réserve.</dd><dt>Ordinateur</dt><dd>Même champ, raccourci clavier.</dd></dl>
<p class="xrefs"><span></span><a class="xref" href="maquettes.html#m-17">Maquette</a><a class="xref" href="design-system.html#ds-2-2">Recherche et champs</a></p>
</article>
<article class="if-card" id="i-18">
<div class="if-head"><span class="if-num">I-18</span><span class="if-status is-model">Maquette</span></div>
<h4>Cabinet : objectifs et jalons</h4>
<p>Un onglet du codex : familles à compléter et langues rencontrées. Une famille réunit les mots formés sur une brique trouvée : elle se déduit des recettes, sans regroupement éditorial. Les jalons ont leur page, « Quêtes » (ADR 0042), qui compte trois onglets (ADR 0045) : Journalières, avec les quêtes du jour et la carte de lecteur (I-27) ; Fascicules, filtré par le sélecteur du codex, où chaque jalon montre sa progression et sa récompense annoncée d’avance (pli au contenu déterministe, sabliers) ; Au long cours (I-28). Un jalon atteint attend que le joueur vienne récupérer sa récompense ; elle n’expire jamais. Le 2ᵉ jalon d’un fascicule annonce « Ouvre le fascicule suivant » ; un fascicule verrouillé montre sa jaquette avec un cadenas, sans ses jalons (ADR 0069).</p>
<dl class="if-facts"><dt>Mobile</dt><dd>Onglet « Objectifs » en tête du codex ; Quêtes dans le menu de la navigation.</dd><dt>Ordinateur</dt><dd>Même onglet, liste et détail côte à côte ; Quêtes dans le rail.</dd></dl>
<p class="xrefs"><span></span><a class="xref" href="maquettes.html#m-18">Maquette</a><a class="xref" href="adr.html#adr-0004" data-kind="adr">ADR 0004</a><a class="xref" href="adr.html#adr-0020" data-kind="adr">ADR 0020</a><a class="xref" href="adr.html#adr-0042" data-kind="adr">ADR 0042</a><a class="xref" href="adr.html#adr-0045" data-kind="adr">ADR 0045</a><a class="xref" href="adr.html#adr-0069" data-kind="adr">ADR 0069</a></p>
</article>
<article class="if-card" id="i-35">
<div class="if-head"><span class="if-num">I-35</span><span class="if-status is-model">Maquette</span></div>
<h4>Vue Réseau</h4>
<p>Une vue du codex : la constellation en deux rives. Les briques trouvées de la 1ʳᵉ case à gauche, celles de la 2ᵉ à droite, une bande par fascicule débloqué, par ordre alphabétique, une rangée de 44 px ; chaque mot trouvé est une courbe qui traverse la rivière, la dernière découverte en Corail. Une barre Rosée sous chaque brique donne sa famille. Toucher une brique suit sa famille dans un panneau collé en bas. Dans « Tous », les liens trop longs deviennent des antennes chiffrées ; une liste en repli dit la même chose en texte. Jamais une brique à trouver, une légendaire ni un fascicule verrouillé (ADR 0083).</p>
<dl class="if-facts"><dt>Mobile</dt><dd>S’ouvre sur le dernier fascicule débloqué qui a un mot trouvé ; la rivière se resserre.</dd><dt>Ordinateur</dt><dd>Compteurs « 2/3 » à côté des briques, vue « Tous » sur toute la largeur.</dd></dl>
<p class="xrefs"><span></span><a class="xref" href="maquettes.html#m-35">Maquette</a><a class="xref" href="pistes-retention.html#constellation-situation">En situation</a><a class="xref" href="adr.html#adr-0083" data-kind="adr">ADR 0083</a></p>
</article>
</div>
</div>
<div class="dm-block" id="plis" data-reveal>
<div class="dm-block-head"><span>Groupe E</span><h3>Plis</h3><p>Un écran à part, distinct de la table : choisir un fascicule, ouvrir son pli, gérer l’encre.</p></div>
<div class="if-grid">
<article class="if-card" id="i-19">
<div class="if-head"><span class="if-num">I-19</span><span class="if-status is-demo">Démo</span></div>
<h4>Choix du fascicule</h4>
<p>D’abord la carte « Plis en attente », puis l’encadré « Choisir un fascicule », puis les fascicules parus : jaquette, nom, numéro en petit, briques connues, exemplaires en réserve et légendaires trouvées (« ◆ n », ADR 0043). Un fascicule paru mais pas encore débloqué a sa jaquette atténuée, un cadenas et sa condition (« Atteignez le 2ᵉ jalon de <em>Nom</em> ») ; il ne s’ouvre pas. Un fascicule tout juste débloqué porte une pastille Corail « nouveau » jusqu’à sa première ouverture (ADR 0069). Ensuite, la date du prochain fascicule, et rien d’autre de lui (ADR 0049). On peut y revenir à tout moment. Pas de notion d’étape.</p>
<dl class="if-facts"><dt>Mobile</dt><dd>Liste de jaquettes, une par ligne.</dd><dt>Ordinateur</dt><dd>Grille de jaquettes.</dd></dl>
<p class="xrefs"><span></span><a class="xref" href="maquettes.html#m-19">Maquette</a><a class="xref" href="plis.html#plis">L’atelier</a><a class="xref" href="plis.html#jaquettes">Jaquettes</a><a class="xref" href="adr.html#adr-0016" data-kind="adr">ADR 0016</a><a class="xref" href="adr.html#adr-0049" data-kind="adr">ADR 0049</a><a class="xref" href="adr.html#adr-0069" data-kind="adr">ADR 0069</a></p>
</article>
<article class="if-card" id="i-20">
<div class="if-head"><span class="if-num">I-20</span><span class="if-status is-demo">Démo</span></div>
<h4>Atelier du pli</h4>
<p>En tête, la carte « Plis en attente » : une mini-jaquette par pli prêt, et pour chaque charge en recharge un pli en pointillés sur fond uni, avec l’anneau de progression et le compte à rebours à l’intérieur, et l’heure du prochain pli en clair ; pas de compteur « 1 / 2 ». Puis la barre « Pli du fascicule », le pli, les chances par rareté (les quatre, légendaire comprise : ADR 0036 ; 3 % dans tous les fascicules : ADR 0043), par type et par brique, toutes les légendaires sur une seule ligne, sans leur nombre, puis la garantie de nouveauté, le filet d’utilité et la garantie des légendaires, l’encre, les sabliers, l’historique et les règles. « Toutes les briques du fascicule » (compteur connues / total dans l’en-tête), « Derniers tirages » et « Règles du pli » se replient. 20 px entre les cartes.</p>
<dl class="if-facts"><dt>Mobile</dt><dd>Plis en attente, barre du fascicule, puis le pli et « Ouvrir le pli » ; chances, historique et règles dessous.</dd><dt>Ordinateur</dt><dd>Mêmes cartes en tête ; le pli au centre, chances et réserve en colonnes latérales.</dd></dl>
<p class="xrefs"><span></span><a class="xref" href="maquettes.html#m-20">Maquette</a><a class="xref" href="plis.html#energie">Énergie</a><a class="xref" href="plis.html#chances">Chances</a><a class="xref" href="adr.html#adr-0011" data-kind="adr">ADR 0011</a><a class="xref" href="adr.html#adr-0043" data-kind="adr">ADR 0043</a></p>
</article>
<article class="if-card" id="i-21">
<div class="if-head"><span class="if-num">I-21</span><span class="if-status is-demo">Démo</span></div>
<h4>Rituel d’ouverture</h4>
<p>Charge, écriture, explosion, révélation : 1,5 à 2 s, passable au toucher ou par Échap, résultat direct si les animations sont réduites. Puis « Essayer sur la table » ou « Continuer ». Dès deux plis prêts, « Ouvrir les N plis » joue le rituel de chaque pli en canon (départs décalés de 0,11 s), la brique à la place de son pli, environ 4 s à dix plis.</p>
<dl class="if-facts"><dt>Mobile</dt><dd>Plein écran.</dd><dt>Ordinateur</dt><dd>Dans la scène centrale de l’atelier.</dd></dl>
<p class="xrefs"><span></span><a class="xref" href="maquettes.html#m-21">Maquette</a><a class="xref" href="plis.html#plis">Ouvrir un pli</a><a class="xref" href="mouvement.html">Mouvement</a></p>
</article>
<article class="if-card" id="i-22">
<div class="if-head"><span class="if-num">I-22</span><span class="if-status is-demo">Démo</span></div>
<h4>Échanges d’encre</h4>
<p>Sablier contre 10 gouttes (avance d’une heure, échange et détention sans limite ; l’échange se fait dans la boutique, ou par un raccourci là où le temps manque), indice de 5 à 80 gouttes selon son niveau. La feuille propose, et permet au plus, le nombre de sabliers qui remplit l’énergie.</p>
<dl class="if-facts"><dt>Mobile</dt><dd>Feuille de confirmation.</dd><dt>Ordinateur</dt><dd>Menu ou panneau au-dessus du bouton.</dd></dl>
<p class="xrefs"><span></span><a class="xref" href="maquettes.html#m-22">Maquette</a><a class="xref" href="plis.html#sablier">Sabliers</a><a class="xref" href="plis.html#encre">Encre</a><a class="xref" href="adr.html#adr-0020" data-kind="adr">ADR 0020</a></p>
</article>
<article class="if-card" id="i-23">
<div class="if-head"><span class="if-num">I-23</span><span class="if-status is-model">Maquette</span></div>
<h4>Nouveau fascicule</h4>
<p>Annonce d’une parution avec ses seuls nombres (mots, préfixes, suffixes, langues), légendaires exclues. Rien d’autre ne se devine. Avant la parution, seule sa date s’affiche (ADR 0049).</p>
<dl class="if-facts"><dt>Mobile</dt><dd>Compteur sur l’onglet Plis, annonce en tête du choix des fascicules.</dd><dt>Ordinateur</dt><dd>Même annonce, dans l’atelier.</dd></dl>
<p class="xrefs"><span></span><a class="xref" href="maquettes.html#m-23">Maquette</a><a class="xref" href="plis.html#fascicules">Fascicules</a><a class="xref" href="adr.html#adr-0014" data-kind="adr">ADR 0014</a><a class="xref" href="adr.html#adr-0049" data-kind="adr">ADR 0049</a></p>
</article>
</div>
</div>
<div class="dm-block" id="transverse" data-reveal>
<div class="dm-block-head"><span>Groupe F</span><h3>Transverse</h3><p>Réglages, informations légales et états d’erreur.</p></div>
<div class="if-grid">
<article class="if-card" id="i-24">
<div class="if-head"><span class="if-num">I-24</span><span class="if-status is-model">Maquette</span></div>
<h4>Réglages</h4>
<p>Le compte en tête (I-33) ; sons, vibrations, animations réduites, mode nocturne, translittérations, sources dans les fiches ; installation ; données collectées et leurs contrôles ; licences et crédits ; liens vers les réseaux sociaux du projet ; réinitialiser la progression.</p>
<dl class="if-facts"><dt>Mobile</dt><dd>Liste d’interrupteurs ; dialogue pour réinitialiser.</dd><dt>Ordinateur</dt><dd>Même liste, en colonne centrée.</dd></dl>
<p class="xrefs"><span></span><a class="xref" href="maquettes.html#m-24">Maquette</a><a class="xref" href="#i-33">Le compte</a><a class="xref" href="design-system.html#ds-2-4">Réglages</a><a class="xref" href="adr.html#adr-0010" data-kind="adr">ADR 0010</a><a class="xref" href="adr.html#adr-0017" data-kind="adr">ADR 0017</a></p>
</article>
<article class="if-card" id="i-25">
<div class="if-head"><span class="if-num">I-25</span><span class="if-status is-model">Maquette</span></div>
<h4>Erreurs</h4>
<p>Action refusée par le serveur (« Rien n’a été consommé »), catalogue incompatible, mise à jour requise, page introuvable. Toujours une issue.</p>
<dl class="if-facts"><dt>Mobile</dt><dd>Message en ligne ou bannière selon la durée du problème.</dd><dt>Ordinateur</dt><dd>Identique.</dd></dl>
<p class="xrefs"><span></span><a class="xref" href="maquettes.html#m-25">Maquette</a><a class="xref" href="design-system.html#ds-2-8">Erreurs</a><a class="xref" href="adr.html#adr-0007" data-kind="adr">ADR 0007</a></p>
</article>
</div>
</div>
<div class="dm-block" id="quetes" data-reveal>
<div class="dm-block-head"><span>Groupe G</span><h3>Quêtes et ricochets</h3><p>Ce qui fait revenir chaque jour et tient sur la durée, sans consommer d’exemplaire : quêtes, carte de lecteur, ricochets et statistiques du joueur. Ces écrans restent à dessiner.</p></div>
<div class="if-grid">
<article class="if-card" id="i-26">
<div class="if-head"><span class="if-num">I-26</span><span class="if-status is-model">Maquette</span></div>
<h4>Ricochets</h4>
<p>Une séance de cinq questions sur les cartes trouvées : sens d’une brique, brique d’un sens, mot d’un sens littéral, sens littéral ou sens actuel, découper un mot, relier des paires, assembler un mot (une définition, deux colonnes de briques, préfixes et suffixes : le joueur en choisit une de chaque, puis valide). Rien n’est consommé, pas de chronomètre, pas de note. Une mauvaise réponse s’affiche en Gris encre, et la carte revient plus tôt. Trois bonnes réponses sur trois jours différents, au niveau 3, rendent une carte maîtrisée ; son signe, un galet et son rebond, se lit sur la carte à côté de la rareté. Une carte maîtrisée revient dans les séances (deux au plus sur cinq questions) : une erreur la fait descendre d’un niveau, son signe disparaît et elle revient le lendemain. Hors connexion, le bouton est inerte.</p>
<dl class="if-facts"><dt>Mobile</dt><dd>Plein écran, une question à la fois, de grandes cibles.</dd><dt>Ordinateur</dt><dd>Panneau centré, la carte concernée à côté de la question.</dd></dl>
<p class="xrefs"><span></span><a class="xref" href="maquettes.html#m-26">Maquette</a><a class="xref" href="identite.html#formes">Le signe de maîtrise</a><a class="xref" href="codex.html#codex">Le codex</a><a class="xref" href="adr.html#adr-0044" data-kind="adr">ADR 0044</a><a class="xref" href="adr.html#adr-0065" data-kind="adr">ADR 0065</a><a class="xref" href="adr.html#adr-0067" data-kind="adr">ADR 0067</a></p>
</article>
<article class="if-card" id="i-27">
<div class="if-head"><span class="if-num">I-27</span><span class="if-status is-model">Maquette</span></div>
<h4>Quêtes du jour et carte de lecteur</h4>
<p>L’onglet Journalières de la page Quêtes : les trois quêtes du jour (table, mémoire, adresse), renouvelées à minuit GMT, avec leur progression ; la carte de lecteur et ses tampons (« 4 / 7 »), sans flamme ni rappel. Au 7ᵉ tampon, la récompense annoncée d’avance attend d’être récupérée. Pendant la première semaine, les quêtes initiales s’affichent en tête (I-29).</p>
<dl class="if-facts"><dt>Mobile</dt><dd>La carte de lecteur en tête, puis les trois quêtes.</dd><dt>Ordinateur</dt><dd>Quêtes et carte de lecteur côte à côte.</dd></dl>
<p class="xrefs"><span></span><a class="xref" href="maquettes.html#m-27">Maquette</a><a class="xref" href="adr.html#adr-0042" data-kind="adr">ADR 0042</a><a class="xref" href="adr.html#adr-0045" data-kind="adr">ADR 0045</a></p>
</article>
<article class="if-card" id="i-28">
<div class="if-head"><span class="if-num">I-28</span><span class="if-status is-todo">À dessiner</span></div>
<h4>Quêtes au long cours</h4>
<p>L’onglet Au long cours : langues, familles, transformations, maîtrise et cartes de lecteur, chacune avec ses paliers, sa progression et la récompense de chaque palier, annoncée d’avance. Aucune ne compte les légendaires, sauf la première trouvée.</p>
<dl class="if-facts"><dt>Mobile</dt><dd>Une liste par sorte de quête, le prochain palier en avant.</dd><dt>Ordinateur</dt><dd>Une grille de quêtes.</dd></dl>
<p class="xrefs"><span></span><a class="xref" href="adr.html#adr-0045" data-kind="adr">ADR 0045</a></p>
</article>
<article class="if-card" id="i-29">
<div class="if-head"><span class="if-num">I-29</span><span class="if-status is-todo">À dessiner</span></div>
<h4>Cadeau de bienvenue et quêtes initiales</h4>
<p>À la fin du tutoriel, le cadeau de bienvenue attend dans la page Quêtes, signalé par le compteur Corail : 3 plis de bienvenue, 12 sabliers et 40 gouttes. Les quêtes initiales de la première semaine suivent, généreuses puis de moins en moins. Le cadeau ne se présente jamais comme un achat.</p>
<dl class="if-facts"><dt>Mobile</dt><dd>Une carte en tête de l’onglet Journalières.</dd><dt>Ordinateur</dt><dd>Identique.</dd></dl>
<p class="xrefs"><span></span><a class="xref" href="adr.html#adr-0046" data-kind="adr">ADR 0046</a></p>
</article>
<article class="if-card" id="i-30">
<div class="if-head"><span class="if-num">I-30</span><span class="if-status is-model">Maquette</span></div>
<h4>Votre cabinet</h4>
<p>Un onglet du codex, fusionné avec les objectifs : en tête, les nombres du joueur, jamais comparés à ceux des autres : jours de jeu, mots trouvés, langues rencontrées, mot au plus long voyage, cartes maîtrisées, légendaires trouvées, cartes de lecteur remplies.</p>
<dl class="if-facts"><dt>Mobile</dt><dd>Onglet « Cabinet » de la rangée du codex, sur une colonne.</dd><dt>Ordinateur</dt><dd>Nombres à gauche, familles à droite.</dd></dl>
<p class="xrefs"><span></span><a class="xref" href="maquettes.html#m-30">Maquette</a><a class="xref" href="codex.html#codex">Le codex</a><a class="xref" href="adr.html#adr-0050" data-kind="adr">ADR 0050</a></p>
</article>
</div>
</div>
<div class="dm-block" id="compte" data-reveal>
<div class="dm-block-head"><span>Groupe H</span><h3>Compte</h3><p>Le compte est facultatif : on joue en invité, et l’on rattache une adresse pour retrouver sa partie sur un autre appareil. Pas de mot de passe, un lien et un code par e-mail.</p></div>
<div class="if-grid">
<article class="if-card" id="i-31">
<div class="if-head"><span class="if-num">I-31</span><span class="if-status is-model">Maquette</span></div>
<h4>Connexion par e-mail</h4>
<p>Deux temps sur un même écran : l’adresse, puis « Vérifiez votre boîte de réception » avec le code à 6 chiffres et « Renvoyer » après 60 secondes. Le lien de l’e-mail ouvre cet écran et confirme seul. Le même écran sert à créer un compte depuis une partie invitée et à se connecter sur un autre appareil ; la réponse ne dit jamais si l’adresse a déjà un compte. Si l’appareil porte une partie invitée, un dialogue prévient qu’elle sera remplacée par celle du compte.</p>
<dl class="if-facts"><dt>Mobile</dt><dd>Plein écran, clavier numérique pour le code, case de saisie qui accepte le code proposé par le système.</dd><dt>Ordinateur</dt><dd>Panneau centré sur la table, l’explication à côté.</dd></dl>
<p class="xrefs"><span></span><a class="xref" href="maquettes.html#m-31">Maquette</a><a class="xref" href="#i-34">L’e-mail</a><a class="xref" href="adr.html#adr-0070" data-kind="adr">ADR 0070</a></p>
</article>
<article class="if-card" id="i-32">
<div class="if-head"><span class="if-num">I-32</span><span class="if-status is-model">Maquette</span></div>
<h4>Relance « Sauvegardez votre progression »</h4>
<p>Une carte en ligne, sous la table, à la 3ᵉ découverte, à chaque jalon atteint, sinon tous les 7 jours de jeu. Elle dit ce que l’invité risque (« une partie invitée inactive 6 mois est effacée ») et ce qu’il gagne (retrouver sa partie, jouer sur plusieurs appareils). « Plus tard » la referme. Jamais de dialogue, jamais pendant une fusion ou le rituel d’un pli.</p>
<dl class="if-facts"><dt>Mobile</dt><dd>Carte pleine largeur au-dessus de la barre d’onglets.</dd><dt>Ordinateur</dt><dd>Carte sous la table, dans la colonne de la réserve.</dd></dl>
<p class="xrefs"><span></span><a class="xref" href="maquettes.html#m-32">Maquette</a><a class="xref" href="adr.html#adr-0070" data-kind="adr">ADR 0070</a></p>
</article>
<article class="if-card" id="i-33">
<div class="if-head"><span class="if-num">I-33</span><span class="if-status is-model">Maquette</span></div>
<h4>Le compte dans les Réglages</h4>
<p>En tête des Réglages. En invité : « Sauvegarder ma progression ». Avec un compte : le pseudo, marqué « privé » tant qu’il n’est pas confirmé, « Modifier » et « Confirmer » ; « Se déconnecter » ; « Supprimer mon compte », seul bouton Danger, dans un dialogue qui demande de taper « SUPPRIMER ». L’adresse n’est jamais affichée : le serveur ne la garde pas.</p>
<dl class="if-facts"><dt>Mobile</dt><dd>Premier groupe de la liste des réglages ; feuille pour modifier le pseudo.</dd><dt>Ordinateur</dt><dd>Premier groupe de la colonne de gauche ; menu pour modifier le pseudo.</dd></dl>
<p class="xrefs"><span></span><a class="xref" href="maquettes.html#m-33">Maquette</a><a class="xref" href="#i-24">Réglages</a><a class="xref" href="adr.html#adr-0070" data-kind="adr">ADR 0070</a></p>
</article>
<article class="if-card" id="i-34">
<div class="if-head"><span class="if-num">I-34</span><span class="if-status is-model">Maquette</span></div>
<h4>L’e-mail de connexion</h4>
<p>Un e-mail sobre, en texte et en HTML simple, sans image distante ni lien de suivi : le sceau ÉL en texte, le code en grand, un bouton « Ouvrir ÉtymoLogique », la durée de validité, et « Vous n’avez rien demandé ? Ignorez cet e-mail. » L’objet porte le code, lisible dans la notification.</p>
<dl class="if-facts"><dt>Mobile</dt><dd>Une colonne de 600 px au plus, lisible en mode sombre de la messagerie.</dd><dt>Ordinateur</dt><dd>Identique, centrée.</dd></dl>
<p class="xrefs"><span></span><a class="xref" href="maquettes.html#m-34">Maquette</a><a class="xref" href="adr.html#adr-0070" data-kind="adr">ADR 0070</a></p>
</article>
</div>
</div>
</div>
</section>
<section class="section" id="plus-tard">
<div class="wrap">
<div class="sec-head">
<div data-reveal><span class="sec-num">Interfaces · Hors MVP</span><h2>Plus <em>tard</em></h2></div>
<div class="sec-intro" data-reveal style="--d:120ms"><p>Ces interfaces ne seront pas conçues pour le MVP. Elles sont notées pour ne pas les découvrir trop tard.</p><p class="xrefs"><span>Voir aussi</span><a class="xref" href="game-design.md">Périmètre du MVP (Markdown)</a></p></div>
</div>
<div class="if-grid" data-reveal>
<article class="if-card is-later"><h4>Vue Relations du codex</h4><p>Le chemin entre les formes, une fois son intérêt validé. Une évolution dédiée la réunira à la vue Filiation et à une carte des routes des mots.</p></article>
<article class="if-card is-later"><h4>Notifications de pli prêt</h4><p>Non garanties sur toutes les plateformes PWA.</p><p class="xrefs"><span></span><a class="xref" href="adr.html#adr-0001" data-kind="adr">ADR 0001</a></p></article>
<article class="if-card is-later"><h4>Fonctions sociales</h4><p>Profils publics, échanges, classements, multijoueur.</p></article>
</div>
</div>
</section>
<section class="section" id="ouvert">
<div class="wrap">
<div class="sec-head">
<div data-reveal><span class="sec-num">Interfaces · À trancher</span><h2>Questions <em>ouvertes</em></h2></div>
<div class="sec-intro" data-reveal style="--d:120ms"><p>À décider avant de dessiner les écrans concernés.</p></div>
</div>
<ol class="if-open" data-reveal>
<li><b>Réglages du MVP.</b> Quel contenu minimal : faut-il garder sons, vibrations et translittérations dès le MVP ? <a class="xref" href="#i-24">I-24</a></li>
<li><b>Contrôles de la collecte.</b> Quelle forme donner à l’explication et aux contrôles exigés avant une diffusion publique ? <a class="xref" href="adr.html#adr-0010" data-kind="adr">ADR 0010</a></li>
<li><b>Révélation.</b> Instantanée ou en trois temps : la maquette propose trois temps, l’expérimentation prévue tranchera. <a class="xref" href="#i-11">I-11</a></li>
<li><b>Geste de fusion.</b> Superposition, rail ordonné ou hybride : la maquette propose le rail ordonné et le bouton Fusionner, à tester sur mobile comme sur ordinateur. <a class="xref" href="#i-09">I-09</a></li>
</ol>
</div>
</section>
</main>
<nav class="site-pager" aria-label="Page précédente et page suivante"></nav>
<footer class="footer">
<div class="foot-seal" aria-hidden="true">
<svg viewBox="0 0 200 200"><defs><path id="circ" d="M100 100 m-78 0 a78 78 0 1 1 156 0 a78 78 0 1 1 -156 0"></path></defs><text textLength="486" lengthAdjust="spacing"><textPath href="#circ">ÉtymoLogique · remonter le fil · ÉtymoLogique · remonter le fil ·</textPath></text></svg>
<b>ÉL</b>
</div>
<p class="foot-phrase"><span class="sr-only">Chaque mot est une piste.</span><span aria-hidden="true">Chaque mot est une <em id="footWord">piste</em>.</span></p>
<div class="foot-meta"><span>ÉtymoLogique · Direction visuelle 02</span><span>Cabinet linguistique contemporain</span><span>Dossier de direction · 2026</span></div>
</footer>
<div class="toast" role="status" aria-live="polite"></div>
<script src="assets/site-nav.js"></script>
<script src="assets/etymo.js"></script>
</body>
</html>