Annotations et interactions video

Annotations et interactions video

Regles d’annotation

• Maximum 2 lignes par annotation.
• 28 a 42 caracteres par ligne si possible.
• Duree standard: 4 a 5 secondes.
• Ne pas couvrir les boutons cliques.
• Ne pas repeter exactement le texte deja visible dans l’UI.
• Utiliser une priorite haute seulement pour les concepts structurants.

Style visuel recommande

Element	Recommandation
Titre	2 a 4 mots, semi-bold
Description	Une phrase courte, ton utilisateur
Fond	Noir ou anthracite 85%, opacite legere
Texte	Blanc, contraste fort
Accent	Couleur produit pour contour ou repere
Bord	Rayon leger, pas de decoration forte
Animation	Fade in/out 150 ms, pas de mouvement distrayant
Pointer	Cercle fin autour de la cible pendant 800 ms

Vocabulaire souris

Interaction	Rendu video	Usage
Hover	Curseur visible, pause 500 ms	Expliquer badge, tooltip, disabled reason
Clic simple	Anneau bref au point de clic	Boutons, tabs, cards, menus
Double-clic	Deux anneaux successifs	Ouvrir fichier/dossier si une action double-clic existe
Saisie	Curseur dans le champ, frappe lisible	Search, filters, paths
Menu	Hover sur entree puis clic	Command palette, macOS menu, profile
Selection fichier	Champ mock ou picker natif	Workspace root, import folder
Validation modal	Pause avant clic, clic, resultat	Create, simulate, save
Annulation destructive	Clic action, pause, clic cancel	Remove, delete archive, clear logs

Liste d’annotations

ID	Chapitre	Titre	Description	Duree	Position	Priorite
A01	Introduction	Un workflow photo complet	Workspace, projets, archives et restauration dans une meme interface.	4 s	Bas gauche	Haute
A02	Introduction	Statuts visibles	API, sync et profil restent accessibles pendant tout le parcours.	4 s	Haut droit	Haute
A03	Profil	Compte et licence	Le profil confirme l’identite et les droits actifs.	4 s	Haut droit	Moyenne
A04	Sync	Operations en attente	Les changements locaux restent visibles jusqu’a synchronisation.	5 s	Centre droit	Haute
A05	Workspace	Le workspace est la base	Il conserve chemins, projets, reglages et historiques.	5 s	Centre gauche	Haute
A06	Workspaces	Retrouver un workspace	La recherche filtre les workspaces locaux et distants.	4 s	Bas centre	Moyenne
A07	Import	Importer sans perdre le contexte	L’assistant prepare un projet exploitable et archivable.	5 s	Bas centre	Haute
A08	Project	Pret pour l’archive	Le detail projet rassemble progression, EXIF et actions critiques.	5 s	Haut gauche	Haute
A09	Technical	Identifiants support	Les champs systeme aident audit et diagnostic.	4 s	Centre droit	Moyenne
A10	EXIF	Couverture EXIF	Le scan mesure les fichiers indexes et les metadonnees trouvees.	5 s	Bas gauche	Haute
A11	Archive	Archive verifiee	L’historique garde moteur, taille, date et checksum.	5 s	Bas droit	Haute
A12	Integrity	Detecter les changements	Les checksums signalent corruption ou divergence.	5 s	Centre droit	Haute
A13	Health	Prioriser les problemes	Les issues sont groupees par severite et impact.	5 s	Haut centre	Haute
A14	Restore	Simuler avant d’ecrire	La restauration devient disponible apres revue du rapport.	5 s	Bas gauche	Haute
A15	Lineage	Comprendre l’historique	Chaque evenement relie action, date, source et statut.	4 s	Centre gauche	Moyenne
A16	Remote	Local d’abord	Le travail continue offline, la sync reprend au retour API.	5 s	Haut droit	Haute
A17	Settings	Des politiques explicites	Imports, archives, restore et logs sont configurables.	5 s	Bas centre	Moyenne
A18	Logs	Audit et support	Les logs isolent actions utilisateur et erreurs backend.	4 s	Haut gauche	Moyenne
A19	Help	Aide integree	Documentation et About donnent version, guide et support.	4 s	Centre	Moyenne
A20	Conclusion	Workflow complet	Importer, indexer, archiver, verifier, sauvegarder, restaurer.	6 s	Centre	Haute

Plan de mouvements souris

Etape	Mouvement	Cible	Notes
1	Hover	Sidebar navigation	Pause sur chaque zone sans cliquer trop vite
2	Clic simple	profile-menu-button	Laisser le panneau ouvert 2 s
3	Clic simple	sync-status-toggle	Pointer Pending operation
4	Clic simple	new-workspace-button	Montrer la modale entiere
5	Saisie	Workspace name	Frappe lisible, pas instantanee
6	Clic simple	my-workspaces-button	Transition apres fermeture modale
7	Saisie	local-workspace-search	Rechercher Editorial
8	Clic simple	workspace-details-button	Pointer id/path
9	Clic simple	open-workspace-button	Attendre la project list
10	Clic simple	create-project-button	Montrer submit disabled
11	Clic simple	import-project-button	Parcourir wizard avec pauses
12	Clic simple	project-open-button	Attendre heading projet
13	Hover	Project badges	Expliquer Archive, Integrity, Backup, Remote
14	Clic simple	Technical section link	Montrer project id
15	Clic simple	project-edit-button	Annuler sans changement
16	Clic simple	scan-exif-button	Attendre EXIF panel
17	Clic simple	exif-json-toggle	Montrer raw file
18	Saisie	exif-file-filter	Filtrer IMG_1042
19	Hover + clic	archive-project-button	Montrer disabled reason si inactif
20	Clic simple	refresh-archives-button	Ouvrir archive history
21	Clic simple	archive-card-toggle	Pointer checksum
22	Menu + clic	Command palette -> Integrity	Saisie lente du nom
23	Clic simple	integrity-run-scan-button	Pointer issue
24	Menu + clic	Command palette -> Health	Montrer severites
25	Clic simple	health-refresh-scan-button	Scroll court
26	Menu + clic	Command palette -> Restore	Pointer restore disabled
27	Clic simple	restore-simulate-button	Attendre Simulation report
28	Clic select	lineage-type-select	Choisir archive
29	Clic tabs	Settings tabs	Parcourir sans tout lire
30	Clic simple	logs-button	Rechercher sync puis no-match
31	Menu + clic	Command palette -> Documentation	Transition aide
32	Menu action	About	Conclusion produit

Priorites de mise en evidence

Priorite haute:

• Sync pending.
• Workspace root path.
• Project workflow status.
• EXIF coverage.
• Archive checksum.
• Integrity mismatch.
• Restore simulation.
• Offline/local-first behavior.

Priorite moyenne:

• Profile/license.
• Workspace details.
• Technical identifiers.
• Settings tabs.
• Logs search.
• Data lineage filters.

Priorite basse:

• Pure navigation.
• Boutons de copie.
• Details de champs non modifies.

Points a eviter

• Ne pas afficher des annotations sur chaque clic.
• Ne pas couvrir les badges pendant leur explication.
• Ne pas confirmer les actions destructives pendant la capture.
• Ne pas montrer de secrets, token, bucket reel ou email personnel.
• Ne pas accelerer les saisies importantes au point de les rendre incomprehensibles.