UI/UX et training game

UI/UX et training game

Teach on Mars met un point d’honneur à rendre le mobile learning le plus ludique possible, tout en fournissant une expérience de formation premium. Afin de remplir cet objectif, nous sommes constamment en train d’améliorer nos activités pédagogiques, que ce soit côté design ou côté expérience utilisateur.

Dans un article précédent, nous avons parlé de l’importance de soigner l’entrée de votre application. Nous allons aujourd’hui parler de l’activité préférée de nos clients, le training game. Cette activité projette l’apprenant dans une mise en situation, permettant de valider ses acquis au cours de la formation.

Cette activité présente les caractéristiques et contraintes suivantes :

  • Une photo est toujours présente, permettant d’agrémenter la mise en situation
  • Un texte décrivant la situation est lui aussi toujours présent
  • L’utilisateur doit pouvoir sélectionner une réponse, puis valider son choix

La première version de cette activité remplissait bien sa mission, mais nous souhaitions pouvoir proposer plus de texte afin de créer des situations plus riches. La photo étant elle aussi importante pour certaines questions, il nous fallait la mettre plus en avant. Enfin, nous voulions aussi améliorer la gamification de l’activité.

Après quelques séances de brainstorming en interne, nous avons totalement modifié l’interface, afin de répondre à ces différentes contraintes. La nouvelle version laisse plus de place à l’image, et permet d’afficher bien plus de texte dans les questions. Nous avons aussi fait le choix de supprimer le bouton permettant de valider le choix de l’utilisateur, pour l’intégrer à la réponse elle même, permettant ainsi d’éviter les tendinites au pouce 😉

Voici donc le résultat de notre travail sur cette activité :

https://vimeo.com/118831787?fullscreen=1

Vous pourrez retrouver l’ancienne version de notre training game dans l’une de nos dernières applications grand-public, Le balisage maritime avec Voiles et Voiliers ici.

Que pensez-vous de cette nouvelle présentation ?

Une entrée avec style

Une entrée avec style

Tout le monde connaît la règle des 30 premières secondes lors d’un entretien d’embauche. Cette règle est aussi valable pour les applications mobiles. En effet, un lancement d’application où l’utilisateur est tout de suite confronté au menu principal, sans aucune explication ou harcelé de messages en tout genre, gâche la première impression.

Pour éviter cela, il est conseillé de mettre en valeur le premier lancement de l’application en affichant une séquence de présentation de votre application. Cette séquence peut avoir plusieurs objectifs :

  • présenter le contenu de votre application, ses objectifs
  • accompagner l’utilisateur pour la configuration de votre application (création d’un compte, identification, etc.)
  • expliquer à l’utilisateur pourquoi vous souhaitez activer certaines permissions dans votre application, surtout si celles-ci sont critiques à son bon fonctionnement (push, accès carnet d’adresses, accès position GPS, etc.)
  • mettre en avant certaines fonctionnalités clés de votre application
  • servir de tutoriel pour l’aider à appréhender plus facilement son fonctionnement

Attention cependant au dernier point. Si votre application a besoin d’un long tutoriel, il y a fort à parier que celle-ci soit trop complexe. Pensez dans ce cas à revoir l’ergonomie en vous inspirant d’interfaces qui ont déjà fait leurs preuves.

Teach on Mars a choisi d’intégrer ce genre d’introduction dans notre dernière application, Le balisagedéveloppée avec notre partenaire Voiles et Voiliers. Cette introduction nous permet de présenter les points importants de la formation, tout en introduisant une nouvelle fonctionnalité clé de notre plateforme de Mobile Learning, l’activité Memo Cards. Cette nouvelle activité vous permet de réviser en un clin d’oeil les différentes balises de signalisation maritime.

L’entrée de notre dernière application, Le balisage maritime avec Voiles et Voiliers.

Nous vous conseillons également de consulter les entrées d’applications telles que Box, Facebook Messenger ou encore Pocket.

Et vous, quels sont vos lancements d’applications préférés ?