Comment vos joueurs naviguent dans une expérience

Une expérience Fastory se compose d'une suite d'écrans que vos joueurs parcourent l'un après l'autre. La navigation est pensée pour être intuitive, proche des stories que vos publics connaissent déjà sur les réseaux sociaux.

Cet article vous explique comment vos joueurs avancent dans une expérience, sur mobile comme sur ordinateur, et quelles aides visuelles les guident.

Comprendre la navigation vous aide à concevoir des expériences fluides et à anticiper le comportement de vos joueurs.

Vous savez ainsi où placer vos écrans clés, comment rythmer votre contenu et pourquoi certains éléments comme un jeu ou un formulaire mettent la navigation en pause.

Une bonne maîtrise de ces mécaniques vous permet aussi de mieux accompagner vos publics et de réduire les abandons en cours d'expérience.

Sur smartphone, l'expérience s'affiche en plein écran. Vos joueurs disposent de plusieurs façons d'avancer.

Seules les zones situées sur les bords extrêmes de l'écran déclenchent la navigation. Le centre reste disponible pour interagir avec votre contenu, par exemple un bouton ou une vidéo.

Vos joueurs peuvent aussi faire glisser leur doigt horizontalement :

Un glissement doit être suffisamment franc pour être pris en compte. Cela évite les changements d'écran accidentels lorsque le joueur touche simplement l'écran.

Sur ordinateur, l'expérience s'affiche dans un cadre au format téléphone, au centre de l'écran. Vos joueurs peuvent naviguer directement au clavier.

La navigation au clavier est mise en pause pendant certains jeux qui utilisent eux-mêmes les touches directionnelles. Vos joueurs gardent ainsi le contrôle du jeu sans changer d'écran par erreur.

À la première visite, une courte animation s'affiche par-dessus l'expérience. Elle montre les flèches du clavier pour indiquer comment avancer et reculer.

Cette aide disparaît dès que le joueur interagit, puis n'est plus réaffichée lors des visites suivantes.

Plusieurs repères visuels guident vos joueurs tout au long de l'expérience.

Sur mobile, une barre de progression apparaît en haut de l'écran. Elle est divisée en segments : un segment par écran de l'expérience.

Le segment de l'écran en cours est mis en avant avec la couleur de votre expérience. Vos joueurs visualisent ainsi leur avancement et le nombre d'écrans restants.

Cette barre se masque automatiquement pendant un jeu pour laisser toute la place à l'expérience.

Une flèche animée peut apparaître pour inviter à passer à l'écran suivant. Elle aide les joueurs qui ne connaissent pas encore le tap ou le swipe.

Elle ne s'affiche pas sur le tout dernier écran, ni sur les écrans d'introduction ou de jeu, afin de ne pas encourager un joueur à sauter une étape importante.

Lorsqu'un écran contient plus de contenu que la hauteur visible, un repère invite à faire défiler vers le bas. Vos joueurs comprennent ainsi qu'il reste du contenu à découvrir avant de passer à la suite.

Sur ordinateur, l'expérience conserve son format vertical dans un cadre au centre de la page. Autour de ce cadre, plusieurs éléments personnalisent l'affichage.

La flèche animée et la barre de progression rassurent les joueurs qui découvrent le format. Ils comprennent tout de suite qu'il faut avancer et voient combien d'écrans il reste.

Activez la sidebar avec votre logo et vos liens sociaux pour transformer une simple expérience en vitrine de votre marque. Ajoutez un fond personnalisé pour prolonger votre identité visuelle.

Pendant un jeu, la barre de progression et les gestes de navigation se retirent pour que le joueur reste concentré. Vous évitez ainsi qu'il quitte le jeu par un geste involontaire.

Sur mobile, le joueur tape sur la partie droite de l'écran ou fait glisser son doigt vers la gauche. Sur ordinateur, il utilise la flèche droite du clavier. Une flèche animée peut aussi l'inviter à avancer.

Sur mobile, le joueur tape sur la partie gauche de l'écran ou fait glisser son doigt vers la droite. Sur ordinateur, il appuie sur la flèche gauche du clavier. La navigation reste possible tant que l'écran en cours ne la bloque pas.

La barre de progression indique le nombre total d'écrans et la position actuelle du joueur. Chaque écran correspond à un segment, et le segment en cours est mis en avant avec la couleur de votre expérience. Elle s'affiche sur mobile et se masque pendant les jeux.

Oui. Sur ordinateur, la flèche droite fait avancer et la flèche gauche fait reculer. La navigation au clavier est simplement mise en pause pendant les jeux qui utilisent eux-mêmes les touches directionnelles.

Certains écrans, comme un jeu en cours ou un formulaire à compléter, mettent la navigation en pause. Cela garantit que le joueur termine l'étape avant de continuer et évite qu'il saute un moment important de l'expérience.

Sur ordinateur, l'expérience apparaît dans un cadre vertical au centre de la page, entouré d'un fond personnalisable. Une sidebar peut afficher votre logo, votre description, vos liens sociaux et vos autres expériences pour créer une vraie vitrine de marque.

Une courte animation montre les flèches du clavier pour expliquer comment avancer et reculer. Elle disparaît dès la première interaction et ne réapparaît pas lors des visites suivantes.