← Retour au site
Voir la démoExplorer les écrans
Wireframes détaillés · app mobile Wildcast

5 ÉCRANS CLÉS
pour la boucle de progression

Livrable produit pour cadrer l’UX mobile Wildcast. Chaque écran décrit la structure UI, la navigation, les interactions clés et les données à afficher, dans une logique app-first orientée collection, apprentissage et terrain.

Navigation globale

Tab bar persistante : Accueil, Collection, Quiz, Terrain, Profil. Les fiches espèces sont accessibles depuis tous les flux.

Boucle UX

Découvrir une espèce, apprendre via quiz, prouver sur le terrain, puis enrichir la collection et revenir sur le dashboard.

Règle de conception

Un écran = une action primaire visible. Les données pédagogiques restent denses, mais le CTA principal doit toujours ressortir.

Écran 01 · Accueil

🏠 Écran d'accueil / tableau de bord

Objectif produit

Orienter le joueur en moins de 10 secondes : où il en est, quelle action faire maintenant, et quelle espèce mérite son attention.

Tableau de bord
Salut, Lina
PROGRESSION GLOBALE
148
espèces découvertes
34%
Niv.
8
Streak
6 j
XP
2 430
QUIZ DU JOUR
3 questions sur les carnassiers
+45 XP
Commencer maintenant
ESPÈCE FEATURED
Brochet commun
Esox lucius
👁️
📖
📸
🎣
Accueil
Collection
Quiz
Terrain
Structure commune
HeaderContexte + action rapide
Zone centraleContenu primaire de l’écran
CTAToujours visible ou facilement atteignable
NavigationTab bar ou retour contextuel
Éléments UI

Header compact avec avatar, niveau joueur, streak de jours actifs et accès aux notifications.

Carte de progression globale avec anneau circulaire, total d'espèces débloquées, XP cumulée et prochain palier de récompense.

Bloc “Quiz du jour” avec état disponible / complété, nombre de questions, XP potentiel et CTA principal.

Carte “Espèce featured” avec visuel, nom commun/scientifique, habitat, rareté et avancement personnel sur les 4 niveaux Wildcast.

Raccourcis secondaires : Collection, Terrain, Dernière capture, Défis hebdo.

Tab bar fixe en bas : Accueil, Collection, Quiz, Terrain, Profil.

Navigation

Tap sur la progression globale ouvre la collection filtrée sur les espèces en cours.

Tap sur “Commencer le quiz” lance directement la première question non répondue.

Tap sur l’espèce featured ouvre sa fiche PokéDex complète.

Le tab bar permet de basculer vers les autres modules sans perdre le contexte.

Interactions clés

Pull-to-refresh met à jour la progression, le quiz et l’espèce featured.

Tap sur le palier suivant affiche un mini détail des récompenses à débloquer.

Swipe horizontal optionnel sur le carrousel featured pour voir 2 à 3 espèces suggérées.

Long press sur une carte espèce pour l’ajouter à la watchlist terrain.

Données affichées

Nom du joueur, avatar, niveau, XP total, streak, progression hebdomadaire.

Nombre d’espèces vues / connues / photographiées / pêchées.

Statut du quiz du jour, score de la veille, XP à gagner.

Métadonnées de l’espèce featured : famille, zone, rareté, meilleure preuve obtenue, contenu lié.

Écran 02 · Espèce > Brochet commun

🐟 Fiche espèce PokéDex

Objectif produit

Donner une fiche encyclopédique claire tout en rendant visible la progression personnelle sur l’espèce et les actions restantes pour monter de niveau.

Fiche espèce
Brochet
Brochet commun
Esox lucius
EAU DOUCE
NIVEAUX DE CAPTURE
👁️ Vu
📖 Connu
📸 Photographié
🎣 Pêché
Habitat
Roselières
Taille
50-120 cm
Régime
Carnassier
Saison
Printemps
CONTENUS ASSOCIÉS
Biologie
Captures terrain
Quiz liés
Vidéos
Structure commune
HeaderContexte + action rapide
Zone centraleContenu primaire de l’écran
CTAToujours visible ou facilement atteignable
NavigationTab bar ou retour contextuel
Éléments UI

Hero header avec photo principale, nom vernaculaire, nom scientifique, famille, statut de rareté / conservation.

Ruban de progression à 4 niveaux : 👁️ Vu, 📖 Connu, 📸 Photographié, 🎣 Pêché, avec état obtenu / à faire.

Grille de facts : habitat, taille, régime, saisonnalité, zones d’observation, techniques conseillées.

Section “Preuves & journal” montrant les dates et preuves déjà validées par l’utilisateur.

Onglets ou pills de contenu associé : Bio, Captures, Quiz liés, Vidéos / articles.

CTA principal en bas : “Ajouter une preuve terrain” ou “Continuer la progression”.

Navigation

Accessible depuis l’accueil, la collection, les résultats du quiz et le log terrain.

Back navigation retourne à l’écran source avec son état de scroll préservé.

Tap sur un contenu associé ouvre son détail dans un écran dédié ou un player plein écran.

Tap sur une zone / famille ouvre une exploration filtrée dans la collection.

Interactions clés

Swipe latéral entre les onglets de contenu.

Tap sur un niveau de capture affiche les critères exacts de validation.

Tap sur une preuve validée ouvre le média, le lieu et la date correspondants.

Le CTA bas préremplit le log terrain avec l’espèce déjà sélectionnée.

Données affichées

Identifiants biologiques : nom commun, nom scientifique, famille, taille max, poids max, habitat, répartition.

Progression par niveau avec statut, date d’obtention, XP gagnée et prochaine action recommandée.

Historique personnel : observations, photos, captures, notes.

Contenus associés : quiz thématiques, vidéos, articles pédagogiques, espèces proches.

Écran 03 · Collection

📚 Collection personnelle

Objectif produit

Permettre de parcourir tout le PokéDex personnel, repérer les trous de collection et filtrer rapidement par zone, famille ou niveau de maîtrise.

PokéDex personnel
Collection
Rechercher une espèce, une famille, une zone…
Vu
Photographié
Lac
Salmonidés
Total
148
📸
41
🎣
12
Familles
27
Sandre
Vu · Connu · 📸
Rivière
Truite fario
Vu · Connu
Torrent
Silure glane
Vu
Grand lac
Structure commune
HeaderContexte + action rapide
Zone centraleContenu primaire de l’écran
CTAToujours visible ou facilement atteignable
NavigationTab bar ou retour contextuel
Éléments UI

Header avec compteur global d’espèces débloquées et progression par rapport au total.

Barre de recherche persistante pour nom commun, nom scientifique ou famille.

Pills de filtres : niveau, zone, famille, habitat, rareté, saison.

Commutateur vue grille / liste avec tri par récent, alpha, rareté, progression.

Cartes espèce avec miniature, nom, badges de niveaux obtenus et mini barre d’avancement.

Footer fixe avec accès rapide aux filtres avancés sur petits écrans.

Navigation

Entrée principale via le tab bar.

Tap sur une carte espèce ouvre sa fiche PokéDex.

Tap sur un filtre ouvre un bottom sheet si la liste des options est longue.

Tap sur un résumé de zone ou famille réapplique la collection avec ce filtre actif.

Interactions clés

Recherche auto-complétée avec suggestions instantanées.

Filtres multi-sélection avec compteur de résultats mis à jour en direct.

Scroll infini ou pagination douce pour les listes longues.

Tap sur un badge de niveau pour ne voir que les espèces correspondant à ce niveau.

Données affichées

Nombre total d’espèces vues, connues, photographiées, pêchées.

Liste des espèces avec image, nom, famille, zone principale, rareté et dernière progression.

Distribution par famille / zone / habitat pour alimenter les filtres.

Dernière date d’interaction et statut de complétion pour chaque espèce.

Écran 04 · Quiz du jour

🎮 Quiz quotidien

Objectif produit

Créer une boucle rapide et gratifiante de connaissance : répondre, recevoir un feedback immédiat, gagner de l’XP, et débloquer de nouvelles espèces ou niveaux.

Défi du jour
Quiz
QUESTION 2 / 5
Score 1/1
Quel poisson d’eau douce chasse souvent embusqué dans les herbiers ?
Brochet
Carpe
Gardon
Tanche
FEEDBACK
Correct. Le brochet attaque depuis les zones couvertes et bondit sur ses proies.
+15 XP espèce · +10 XP joueur
Structure commune
HeaderContexte + action rapide
Zone centraleContenu primaire de l’écran
CTAToujours visible ou facilement atteignable
NavigationTab bar ou retour contextuel
Éléments UI

Header avec progression de session (ex. Question 2/5), bouton quitter et score courant.

Carte question centrale avec texte, visuel ou indice contextuel selon le type de quiz.

Quatre réponses larges tap-friendly, clairement espacées pour usage mobile.

Zone de feedback après réponse : juste / faux, explication courte, lien vers l’espèce liée.

Carte de fin de session avec score final, streak conservée ou perdue, XP gagnée et récompenses.

CTA de continuité : question suivante, revoir l’espèce, retour accueil.

Navigation

Lancement depuis le tableau de bord ou la fiche espèce.

Quitter ouvre une confirmation pour éviter la perte de progression en cours.

À la fin, la navigation propose un retour vers l’accueil ou la fiche espèce liée au meilleur apprentissage.

Le résultat peut aussi rediriger vers la collection filtrée sur les espèces du quiz.

Interactions clés

Tap sur une réponse verrouille le choix et révèle le feedback.

Animation courte de validation pour matérialiser le gain ou l’erreur sans bloquer le rythme.

Tap sur “Voir la fiche” ouvre l’espèce mentionnée dans une feuille modale ou un écran dédié.

Partage optionnel du score depuis l’écran final.

Données affichées

Texte de question, options, bonne réponse, média éventuel, difficulté.

Score courant, nombre de réponses correctes, XP gagnée, streak quiz.

Explication pédagogique et espèce(s) reliée(s) à la question.

Historique minimal pour éviter de répéter trop souvent les mêmes cartes.

Écran 05 · Terrain > Nouvelle preuve

🗺️ Log de capture terrain

Objectif produit

Transformer une observation réelle en preuve exploitable, en guidant l’utilisateur pas à pas depuis la localisation jusqu’à la validation.

Terrain
Nouvelle preuve
GPS
PHOTO
VALIDATION
GPS VERROUILLÉ
46.12, 5.88± 9 m
Ajouter une photo / vidéo
Espèce : Brochet commun
Méthode : Observation visuelle
Statut : prêt à envoyer
Structure commune
HeaderContexte + action rapide
Zone centraleContenu primaire de l’écran
CTAToujours visible ou facilement atteignable
NavigationTab bar ou retour contextuel
Éléments UI

Stepper en 3 étapes : GPS, Photo / preuve, Validation.

Carte GPS avec précision affichée, bouton recenter, zone détectée et timestamp.

Bloc upload photo / vidéo avec caméra native, galerie et aperçu du média sélectionné.

Champ espèce détectée ou préremplie, avec suggestions si l’utilisateur part depuis la collection ou une fiche espèce.

Checklist de validation : lieu plausible, média net, taille estimée, méthode de capture / observation, notes libres.

Écran de succès avec statut “En attente”, “Validé” ou “À compléter” et impact sur la progression espèce.

Navigation

Entrée via le tab bar Terrain ou depuis une fiche espèce.

Chaque étape possède un retour local sans perdre les données déjà remplies.

Après soumission, retour possible vers la fiche espèce mise à jour ou vers l’accueil.

Un brouillon local est conservé si l’utilisateur ferme l’écran avant validation finale.

Interactions clés

Demande de permission GPS et caméra au moment opportun, pas dès l’ouverture.

Tap sur “Utiliser ma position” met à jour la carte et le niveau de précision.

Upload glisser-déposer sur tablette ou sélection classique sur mobile.

Le bouton soumettre reste désactivé tant que les preuves minimales ne sont pas remplies.

Données affichées

Coordonnées GPS, précision, heure, zone / plan d’eau détecté.

Photo ou vidéo, métadonnées du fichier, note utilisateur, méthode de capture.

Espèce candidate, niveau de preuve visé, statut de validation, motif de rejet éventuel.

XP espèce et XP joueur générées si la preuve est acceptée.