Applications éducatives

Applies to Windows and Windows Phone

Les enseignants, parents et étudiants utilisent la technologie pour rendre l’apprentissage plus interactif. Pour la conception de votre propre application éducative, inspirez-vous des scénarios de cette rubrique et de la manière dont le style de conception Microsoft est appliqué dans ces applications. Windows 8.1 propose des outils de développement et de nouveaux choix de conception qui vous permettent de créer des expériences d’application immersives pour les étudiants, enseignants, et administrateurs.

Pour les applications éducatives, les aspects à prendre en compte sont le contenu, l’orchestration de la classe et la gestion des comptes, la collaboration, l’administration et le déroulement des tests, l’implication et l’accessibilité.

Contenu

Lors de la conception de votre application éducative, pensez aux types de contenu que vous fournirez aux utilisateurs et déterminez s’ils consommeront et/ou créeront le contenu. Voici quelques scénarios de contenu courants pour les applications éducatives :

  • programmes scolaires, manuels scolaires, bibliothèques et didacticiels d’auto-apprentissage ;
  • gestion de classe ;
  • évaluations (examens et quiz) ;
  • outils d’enseignement et orchestration de la classe ;
  • outils de productivité pour étudiants (rédaction, présentation, organisation).

Kno Textbooks et Khan Academy sont des applications à contenu éducatif qui excellent quant il s’agit de fournir aux utilisateurs du texte et des vidéos d’apprentissage attrayants.

Capture d’écran de Kno Textbooks

Kno Textbooks

Capture d’écran de Khan Academy

Khan Academy

L’application Record Voice and Pen (développée par OakReFactory) met l’accent sur la création de contenu. Un enseignant peut enregistrer simultanément des notes et des messages vocaux, puis enregistrer, exporter et partager ce contenu.

Assistant Exportation de Record Voice and Pen

Quand l’utilisateur a fini d’enregistrer sa vidéo, une boîte modale lui permet de sélectionner ses préférences d’exportation.

Record Voice and Pen avec icône Partager

Il peut ensuite partager son contenu par l’intermédiaire de l’icône Partager.

Educ8 Teacher est une autre application qui met l’accent sur la création de contenu. Educ8 Teacher permet à l’enseignant de commencer un cours et d’écrire sur un tableau virtuel. Il peut ensuite enregistrer le contenu qu’il a créé et y revenir ultérieurement. Cette application est idéale dans les scénarios où un enseignant projette son cours sur un grand écran devant toute la classe.

Educ8 Teacher mathématiques et géométrie

Educ8 Teacher mathématiques niveau 1

Educ8 Teacher mathématiques appliquées au monde réel

Orchestration et gestion de classe

Lors de la conception de votre application, déterminez comment vous souhaitez qu’elle aide les enseignants et étudiants dans leurs tâches de communication asynchrone et en temps réel, de création et de consommation de contenu, et de contrôle et d’autorisation. Éléments à prendre en compte pour la conception d’application en termes d’orchestration et de gestion de classe :

  • Orchestration de classe

    L’orchestration de classe fait référence à la gestion en temps réel des activités en classe. Votre application est-elle destinée à des utilisateurs locaux, à des utilisateurs distants ou aux deux ? Pour l’orchestration de classe, ce sont les besoins en temps réel et l’emplacement physique des utilisateurs qui doivent guider vos scénarios de conception. Par exemple, un enseignant faisant face à une classe entière d’élèves aura des besoins différents de ceux d’un enseignant qui délivre un cours à distance à des élèves répartis dans le monde entier. Un scénario d’examen est un scénario courant illustrant des besoins en matière d’orchestration de classe. Pour plus d’informations à ce sujet, voir Évaluations : administration et exécution d’évaluations, de quiz et d’examens. Un autre scénario à prendre en compte est celui d’une session de discussion vidéo ou sur le Web pour des questions/réponses en temps réel entre étudiants, assistants et enseignants.

  • Gestion des comptes

    Pensez aux différents types de comptes que vous devrez proposer aux nombreux utilisateurs qui devront accéder à votre application (enseignants, administrateurs, parents et étudiants) et aux différents éléments d’interface et éléments de contenu que vous voulez mettre à disposition de chaque type de compte. Par exemple, vous souhaiterez peut-être que votre application offre des fonctionnalités de création de contenu aux comptes Enseignant, mais des fonctionnalités de lecture seule aux comptes Étudiant. Vous pouvez dans ce cas utiliser l’interface utilisateur pour mettre à disposition des enseignants des fonctionnalités auxquelles n’ont pas accès les étudiants, comme spécifié par l’expérience de connexion.

  • Classification par âge et contrôle parental

    De nombreuses applications éducatives étant destinées aux mineurs, vos décisions relatives aux données en rapport avec l’âge doivent être mûrement réfléchies. Microsoft propose pour cela des classifications par âge. Avant de télécharger votre application sur le Windows Store, vérifiez que la classification par âge reflète la tranche d’âge pertinente et que les critères mentionnés dans le tableau de classifications par âge sont remplis. Pensez aussi à fournir les paramètres de contrôle parental nécessaires dans votre application.

    GuruCool Preschool Puzzles

    L’option de contrôle parental figure en haut à gauche et dans la barre de l’application dans GuruCool Preschool Puzzles.

Collaboration

Pensez aux scénarios dans lesquels les utilisateurs souhaiteront collaborer et concevez un flux utilisateur qui peut autoriser les types de collaboration que vous voulez que votre application encourage. La collaboration aura-t-elle lieu en temps réel ou les étudiants visualiseront-ils les informations à différents moments ?

Promethean ActiveEngage2 est un système qui permet aux étudiants de répondre à des questions et de contribuer aux discussions en classe en temps réel. La conception de l’interface les incite à partager leurs informations avec l’enseignant ou leurs camarades de classe.

Promethean ActiveEngage2

Promethean ActiveEngage2 encourage la collaboration en temps réel.

Microsoft OneNote, Skitch et Evernote sont des applications qui offrent une fonctionnalité de collaboration en permettant aux utilisateurs de partager des notes et de les modifier simultanément. Dans ces cas-là, l’application utilise le contrat de partage pour aider un utilisateur à envoyer un emplacement de fichier, un document ou un résumé.

Évaluations : administration et exécution d’évaluations, de quiz et d’examens

Si votre application inclut des scénarios d’examen et de quiz, les enseignants voudront peut-être imposer des contraintes ou une limite de temps, ou encore limiter l’accès à d’autres contenus (tels que des cours vidéo) dans l’application pendant l’examen. Par exemple, si votre application comprend des plans de leçons, vous pouvez les rendre inaccessibles à l’étudiant pendant qu’il passe un examen dans votre application. BrainPOP est conçu pour que l’utilisateur ne puisse pas accéder au contenu vidéo pendant qu’il exécute un quiz. De plus, s’il arrête le quiz sans le terminer et recevoir une note, il ne peut pas enregistrer ses réponses et y revenir sans recommencer depuis le début.

Quiz BrainPOP

Quiz BrainPOP

BrainPOP affiche une boîte de message quand l’utilisateur quitte un quiz avant la fin et n’enregistre pas ses réponses.

ABC School est une application pour les enfants qui apprennent à lire. Elle comporte beaucoup de dessins et de la musique de fond. Les sons et les animations procurent à l’utilisateur un retour d’information, en leur indiquant si leur réponse est correcte ou non. Vous pouvez implémenter ce genre de fonctionnalité pour rendre l’activité en cours plus immersive.

ABC School

Implication

Windows offre des opportunités, grâce aux vignettes et aux notifications, de soutenir et d’accroître l’implication de l’utilisateur. Prenez les opportunités suivantes en compte lors de la conception de votre application éducative :

  • Vignettes

    Les vignettes dynamiques représentent un excellent moyen d’augmenter l’implication de l’utilisateur dans votre application. Voici quelques consignes concernant l’utilisation de vignettes dynamiques dans les applications éducatives :

    • Encouragez les étudiants à revoir les sujets avec lesquels ils ont des difficultés.
    • Rappelez aux étudiants les devoirs, quiz et examens à venir.
    • Rappelez aux enseignants qu’ils doivent noter les étudiants ou leur fournir des commentaires sur les devoirs récemment remis.

    Si votre application est principalement orientée vers le contenu, vous pouvez utiliser des vignettes dynamiques par exemple pour indiquer aux étudiants quel est le sujet du jour, comme c’est le cas dans BrainPOP .

    Vignette BrainPOP

    BrainPOP utilise des vignettes dynamiques pour signaler le sujet du jour aux utilisateurs.

    S’il s’agit d’une application de publication telle que NOOK, vous pouvez publier une mise à jour à propos du contenu qu’un utilisateur a lu ou est en train de lire, ou l’informer de la publication d’un nouveau livre électronique portant sur un sujet qu’il étudie actuellement ou qui l’intéresse.

    Vignette Nook

    NOOKrappelle aux utilisateurs ce qu’ils ont lu récemment grâce à des vignettes dynamiques.

    Les grandes vignettes fournissent assez d’espace pour ajouter plusieurs mises à jour à la fois ou pour afficher la progression d’un utilisateur sous forme de graphique. Par exemple, GuruCool Preschool Puzzles pourrait implémenter une petite version du graphique de progression sur une grande vignette pour encourager les enfants et leurs parents à terminer une rubrique.

    Graphique de progression dans GuruCool Preschool Puzzles

    GuruCool Preschool Puzzles pourrait implémenter une version du graphique de progression ci-dessus sur une grande vignette pour encourager un utilisateur à terminer une rubrique.

    Les vignettes secondaires sont d’excellents points d’entrée à une section d’une application qui intéresse l’utilisateur. Elles réduisent le nombre d’étapes nécessaires pour naviguer vers une section. Par exemple, si un étudiant veut vérifier son emploi du temps, une vignette secondaire menant à la page d’emploi du temps de la classe lui permettra de l’extraire en un seul clic ou appui.

  • Notifications

    En plus des vignettes dynamiques, vous pouvez ajouter des notifications dans les scénarios avec du contenu où la date est importante, tel qu’un examen à venir ou la date de remise d’un devoir. Les notifications attirent parfois plus l’attention que les vignettes dynamiques. Vous devez donc les utiliser à bon escient, par exemple à l’approche d’un examen ou d’un devoir, pour éviter que votre application ne "submerge" l’utilisateur de messages. Laissez l’utilisateur choisir les genres de notifications qu’il souhaite recevoir, pour qu’il ait le sentiment de contrôler la façon dont l’application interagit avec lui.

Accessibilité

Dès le début du processus de planification, réfléchissez à la manière dont tous les types d’élèves interagiront avec votre contenu et aux différents besoins visuels et auditifs auxquels votre application répondra. Plusieurs scénarios d’accessibilité peuvent être pris en compte durant la phase de décision de conception du développement d’application. Pour les applications éducatives, les principaux besoins en matière d’accessibilité sont les suivants :

  • Besoins auditifs

    Windows est fourni avec le Narrateur Microsoft, un lecteur d’écran qui lit le texte affiché à l’écran à voix haute et décrit les événements. Optimiser votre application pour le Narrateur Microsoft et d’autres lecteurs d’écran est un bon moyen de vous assurer que votre application est accessible aux utilisateurs malvoyants ou aveugles. Testez votre application pour savoir si elle est optimisée pour l’accessibilité en XAML ou HTML. Pour qu’un lecteur d’écran fonctionne, tous les éléments d’interface utilisateur de votre application doivent être étiquetés de manière appropriée avec un nom, un rôle, une description, un état, une position et toute autre information pertinente. L’optimisation de votre code XAML ou HTML pour que les lecteurs d’écran puissent déterminer les éléments d’interface utilisateur de base est un investissement relativement faible en termes d’heures de développement, et cela améliore sensiblement l’expérience des utilisateurs souffrant d’un handicap.

  • Besoins visuels

    Pour créer une expérience visuelle améliorée et accessible à tous les utilisateurs, incluez le sous-titrage pour les images et les vidéos dans votre application. Pour améliorer le texte dans votre application, nous vous recommandons d’appliquer un rapport de contraste élevé entre le texte et l’arrière-plan en XAML et HTML. Un rapport de contraste de luminosité minimal de 4,5:1 par rapport à l’arrière-plan est nécessaire pour que votre application soit considérée comme accessible. Pour répondre aux besoins des utilisateurs souffrant de daltonisme, utilisez du texte, des formes ou des icônes à la place des couleurs quand celles-ci servent à transmettre des informations.

  • Interactions au clavier et autres entrées

    Les utilisateurs peuvent interagir avec votre application de plusieurs manières, parmi lesquelles le toucher, le clavier, la souris et le stylo sont les plus courantes. Si l’application est ludique, un contrôleur de jeu ou les mouvements en 3D peuvent être reconnus.

    Plus votre application offre de fonctionnalités d’accessibilité au clavier, plus les étudiants pourront « digérer » son contenu et faire leurs devoirs en toute facilité. Prenez en charge les interactions au clavier en activant les raccourcis clavier, en autorisant l’activation des éléments avec la touche Entrée ou Espace et en autorisant les utilisateurs à naviguer à l’aide des touches de direction et/ou de la touche Tab. Vous pouvez ignorer l’ordre de tabulation par défaut en définissant une propriété d’index de tabulation en XAML ou HTML.

    Si la conception de votre application répond aux critères d’accessibilité, n’oubliez pas de la marquer comme accessible quand vous la soumettez au Windows Store.

Rubriques associées

Classifications par âge et organismes d’évaluation
Exemple de vignettes d’application
Liste de vérification sur l’accessibilité
Définition de la vision
Recommandations en matière d’accessibilité
Recommandations en matière de barres d’application
Recommandations en matière de contrôles de connexion
Recommandations en matière de partage de contenu
Recommandations en matière de vignettes
Recommandations en matière de notifications toast
Exemple de contrôle AppBar HTML
Découvrir les applications du Windows Store
Narrateur Microsoft
Exemple de partage de contenu source entre applications
Exemple de partage de contenu cible entre applications
Test de votre application en matière d’accessibilité (HTML)
Test de votre application en matière d’accessibilité (XAML)
Exemple de notifications toast
Outils
Recommandations en matière d’expérience utilisateur pour les applications du Windows Store
Expérience/interface utilisateur
Exemple de contrôle AppBar XAML

 

 

Afficher:
© 2014 Microsoft