Sacha
1.8 KiB
1.8 KiB
Design QA — écrans Figma 123
Références
- Figma 123:527 — accueil de mesure
- Figma 123:465 — préparation
- Figma 123:404 — mesure en cours
- Figma 123:320 — résultat
- Comparaison combinée :
qa/figma-123/comparison-all.jpg
Environnement de contrôle
- Application : React Native 0.86, build Debug iOS
- Simulateur : iPhone 17 Pro Max, iOS 26.5
- Capture optimisée : 368 × 800 px
- Les états mesure et résultat ont été contrôlés avec des données de prévisualisation réalistes, retirées après la capture.
- La marge supérieure supplémentaire de l’application correspond à la zone sûre réelle de la Dynamic Island, absente des cadres Figma.
Comparaison visuelle
| Écran | Contrôles | Résultat |
|---|---|---|
| Accueil | hiérarchie, axe, silhouette, carte caméra, CTA, navigation | conforme |
| Préparation | en-tête, photographie source, quatre consignes, alerte, CTA | conforme ; contenu défilable sur les hauteurs réduites |
| Mesure | en-tête, statut direct, halo, signal, arrêt, progression | conforme |
| Résultat | score, axe, métriques, recommandation, actions | conforme et alimenté par les vraies données |
Contrôles fonctionnels
- Les CTA accueil → préparation → mesure sont actifs.
- Arrêter et Annuler interrompent la mesure.
- Lancer la séance et Terminer conservent leurs callbacks produit.
- Le menu, les réglages et la navigation basse restent actifs.
- Les images sont les assets exportés du fichier Figma.
- Le rendu respecte la zone sûre des iPhone avec Dynamic Island.
- Aucun mode de démonstration n’est conservé dans le code.
Validation technique
npm run typechecknpm run lintnpm run test:ci— 17 suites, 86 tests- Build et lancement iOS sur simulateur
Résultat final : PASS.