Activité de conception d’apps inclusives

Derrière chaque grande app se cache une idée géniale.

Faites jaillir des idées brillantes en classe avec cette activité de conception d’apps inclusives d’une durée d’une heure. Les élèves cibleront des enjeux qui leur tiennent à cœur, puis passeront par les étapes de planification, de prototypage et de partage d’idées afin d’inventer une app accessible qui y répond.

Chaque étape s’accompagne d’astuces et de ressources supplémentaires, que vous souhaitiez simplifier la leçon pour de jeunes élèves, ou l’approfondir à l’aide du Journal de bord de conception d’app La programmation pour tous (de la 4ᵉ année du primaire à la 2ᵉ année du secondaire) ou du Cahier de conception d’app Programmer avec Swift (à partir de la 3ᵉ année du secondaire). Les apprenants et apprenantes peuvent aussi faire des essais de programmation pour leurs idées d’app dans Swift Playgrounds.

Télécharger le Journal de bord de conception d’app (23 Mo)Télécharger le Cahier de conception d’app (59,9 Mo)

Présentation

10 min

Présentez la conception d’apps accessibles et inclusives à vos élèves.

Expliquez qu’il leur faudra trouver une idée d’app sur un sujet qui leur tient à cœur, puis créer un prototype d’une partie de leur app.
Apprenez-en plus sur l’approche d’Apple en matière de conception inclusive en visionnant la première partie (jusqu’à 6 min 28 s) de la vidéo The Process of Inclusive Design (en anglais seulement) présentée à l’occasion de la Worldwide Developers Conference d’Apple. Demandez aux élèves de relever quelques aspects ou « axes » de diversité, comme l’âge, le handicap ou la langue, qui pourraient servir durant l’activité.
La conception d’apps inclusives consiste à faire en sorte que chaque personne se sente acceptée et respectée. Rendre une app accessible, c’est la concevoir de manière à ce qu’elle convienne à tout le monde.
Bien que chaque point de vue soit unique, le fait d’intégrer quelques axes de diversité dans notre processus de conception et de développement peut nous aider à le rendre plus inclusif, en plus de nous permettre d’aller au-delà de nos propres expériences. Comme toute conception, la conception inclusive est un processus itératif qui prend du temps.
Les axes de diversité peuvent toucher la classe sociale, la culture, l’origine ethnique, la langue, l’éducation, les convictions politiques, les croyances philosophiques ou religieuses, la couleur de peau, le genre, l’orientation sexuelle, l’âge, le handicap, le fait d’être une personne gauchère ou droitière et les mensurations comme la grandeur, mais aussi certains facteurs extérieurs, notamment le lieu de résidence et l’accès à Internet ou aux technologies.
Expliquez pourquoi l’inclusion et l’accessibilité sont importantes à toutes les étapes du processus de conception d’apps.

Quand vos élèves se sentent d’attaque à commencer l’activité, proposez-leur de travailler individuellement ou en petits groupes. Si la deuxième option est privilégiée, demandez à ce que des équipes soient formées. Pour chaque section, invitez les élèves à consigner leur processus par écrit sur papier, dans Keynote ou au moyen d’enregistrements vocaux.

Remue-méninges

10 min

Invitez les élèves à réfléchir à des sujets qui leur tiennent à cœur avec les directives suivantes :

Dressez une liste de sujets.
Sélectionnez un sujet dans la liste et déterminez en quoi une app pourrait être utile.
Comparez votre propre identité et vos propres expériences aux axes de diversité que vous avez choisis. Déterminez en quoi votre identité et vos expériences pourraient s’apparenter à celles de quelqu’un d’autre, ou à l’inverse, s’en différencier.

Aider

Pour soutenir les élèves à cette étape, référez-vous aux sections Utilité et Idées du volet Remue-méninges du Journal de bord de conception d’app.

Simplifier

Choisissez un axe de diversité sur lequel les apprenants et les apprenantes devront se concentrer. Pensez à ce qui serait logique et pertinent pour vos élèves.

Approfondir

(> 40 min)

Encouragez les élèves à aller plus loin en prêtant davantage attention à leur public cible et aux causes fondamentales du problème. Consultez les sections Découverte et Analyse du Cahier de conception d’app.

Apprenez-en davantage sur la conception de contenu inclusif pour une app en visionnant la vidéo The Practice of Inclusive Design (en anglais seulement) présentée à la Worldwide Developers Conference d’Apple.

Planification

10 min

Cette étape consiste à définir les grandes lignes de l’app et à détailler comment un utilisateur ou une utilisatrice s’en servirait. Donnez les directives suivantes :

Dressez une liste de choses qu’un utilisateur ou une utilisatrice ferait dans votre app.
Déterminez la principale action qu’un utilisateur ou une utilisatrice effectuerait dans l’app.
Revenez à l’axe de diversité que vous avez choisi et réfléchissez à l’action de l’utilisateur ou de l’utilisatrice sous divers angles. Répondez à au moins une des questions suivantes :
- Comment faire en sorte que cette action convienne à un public très diversifié?
  Comment cette action aidera-t-elle les personnes qui utilisent les fonctionnalités d’accessibilité comme VoiceOver dans votre app?

Aider

Pour soutenir les élèves à cette étape, référez-vous à la section Idées du volet Remue-méninges et à la section Inclusivité du volet Planification du Journal de bord de conception d’app.

Simplifier

Encouragez les élèves à se concentrer sur une seule action liée au motif d’utilisation de l’app.

Approfondir

(> 30 min)

Dites aux élèves d’explorer l’exercice de programmation événementielle du Cahier de conception d’app et de s’entraîner à créer un bouton à l’aide du cadre SwiftUI dans l’app Swift Playgrounds. Demandez-leur de réfléchir aux boutons de leur app, puis d’écrire une étiquette d’accessibilité pour le bouton nouvellement créé afin qu’une personne utilisant un lecteur d’écran puisse en comprendre le fonctionnement.

Prototypage

> 20 min

Cette étape concerne la conception et le prototypage d’une partie de l’app. Donnez les directives suivantes :

Esquissez ou décrivez de un à trois écrans pour illustrer comment un utilisateur ou une utilisatrice effectuerait l’action identifiée à l’étape précédente.
Posez-vous les questions suivantes au moment de concevoir le contenu des prototypes d’écrans :
- Les éléments textuels, visuels et audio sont-ils adaptés à un large éventail de personnes?
  Certaines personnes pourraient-elles avoir de la difficulté à utiliser quelque chose à l’écran?

Défi facultatif d’une minute – Icône d’app :

Prenez une minute et lancez aux élèves le défi de dessiner une icône d’app.

Aider

Passez en revue les instructions pour réaliser un prototype fonctionnel dans Keynote. Inspirez-vous de la section Construction du volet Prototypage du Journal de bord de conception d’app.

Approfondir

(30 min ou plus)

Demandez aux élèves de télécharger Swan’s Quest: Voices in the Dark dans Swift Playgrounds et de réaliser le premier défi pour en apprendre plus sur les API d’accessibilité d’Apple et les utiliser. Dans Swift Playgrounds sur Mac, il faut sélectionner Fichier puis Importer le playground pour ouvrir le fichier téléchargé. Vos élèves peuvent se référer à la vidéo Swan’s Quest, Chapter 1: Voices in the Dark (en anglais seulement).

Demandez-leur ensuite de réaliser l’exercice Composition de vues du Cahier de conception d’app pour s’exercer à créer une fonction au moyen de SwiftUI. Invitez-les à mettre en pratique les notions apprises dans le défi Swan’s Quest et dans les exercices de programmation pour tenter de donner vie à leur prototype d’app à l’aide de Swift et de SwiftUI.