Activité Design d’apps inclusives

Les apps géniales naissent d’idées brillantes.

Faites éclore les idées brillantes de vos élèves au cours d’une activité de conception d’apps inclusives d’une heure. Les élèves identifieront des problèmes qui leur tiennent à cœur, puis planifieront, élaboreront des prototypes et partageront des idées d’apps accessibles et compréhensibles pour tout le monde.

Chaque étape est accompagnée de ressources et de conseils supplémentaires visant à simplifier l’activité pour les élèves qui débutent, ou à la prolonger, notamment à l’aide du Journal de conception d’app Le code à la portée de tous pour les élèves de 9 à 14 ans, ou du Manuel de conception d’app Développer en Swift à partir de 15 ans. Les élèves ont également la possibilité de tester leurs idées avec du code dans l’app Swift Playgrounds.

Télécharger le Journal de conception d’app (19,2 Mo)Télécharger le Manuel de conception d’app (58,7 Mo)

Présentation de l’activité.

10 min

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

Expliquez que les élèves devront 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.
Pour en savoir plus sur l’approche d’Apple en matière de conception inclusive, regardez les 6:28 premières minutes de la vidéo The Process of Inclusive Design, présentée à l’Apple Worldwide Developers Conference (WWDC). Invitez les élèves à noter quelques aspects ou « axes » de la diversité, comme l’âge, le handicap ou la langue, qui serviront au cours de l’activité.
La conception d’apps inclusives consiste à faire en sorte que les gens se sentent les bienvenus et pris en compte. L’accessibilité consiste à concevoir quelque chose afin que tout le monde puisse l’utiliser.
Même si chaque point de vue est unique, la conception et le développement inclusifs méritent que l’on se concentre sur certains axes de diversité. Cela peut nous aider à voir au-delà de nos propres expériences. Comme pour le design en général, concevoir une app inclusive est un processus itératif qui prend du temps à perfectionner.
Les axes de diversité peuvent inclure la classe sociale, la culture, l’appartenance ethnique, la langue, l’éducation, les sensibilités politiques et philosophiques, les croyances religieuses, l’origine, le genre, l’orientation sexuelle, l’âge, les handicaps, le fait que la personne soit droitière ou gauchère, les mensurations comme la taille, ainsi que les conditions environnementales comme la localisation, la connectivité internet ou l’accès à la technologie.
Expliquez pourquoi l’inclusivité et l’accessibilité sont importantes dans tous les aspects de la conception d’apps.

Au moment de démarrer l’activité, vous pouvez décider de faire travailler les élèves en petits groupes ou de façon autonome. Si vous optez pour des groupes, invitez les élèves à les former maintenant. Pour chaque section, les élèves peuvent suivre leur progression sur papier, dans Keynote ou avec des enregistrements vocaux.

Brainstorming.

10 min

Demandez aux élèves de réfléchir à des sujets qui les intéressent. Demandez-leur de :

Dresser une liste de sujets.
Choisir un seul sujet dans leur liste d’idées, et identifier le domaine qui pourrait bénéficier de l’appui d’une app.
Réfléchir à leurs propres identités et expériences associées aux axes de diversité choisis. Déterminer dans quelle mesure leur identité et leurs expériences peuvent être proches ou différentes de celles de quelqu’un d’autre.

Aider

Pour aider les élèves au cours de cette étape, utilisez la section Brainstorming du Journal de conception d’app, notamment les modèles Finalité et Idées.

Simplifier

Choisissez un axe de diversité sur lequel les élèves devront travailler. Réfléchissez à ce qui aura le plus de sens et parlera le plus à vos élèves.

Prolonger

(+40 minutes)

Invitez les élèves à aller plus loin en approfondissant l’analyse du public visé et des racines du problème à résoudre. Utilisez les sections Découvrir et Analyser du Manuel de conception d’app.

Pour en savoir plus sur la conception de contenus inclusifs pour les apps, regardez la vidéo The Practice of Inclusive Design, présentée à l’Apple Worldwide Developers Conference (WWDC).

Planification.

10 min

Faites un plan de l’app et décrivez une activité qu’elle permet d’effectuer. Demandez aux élèves de :

Dresser une liste de choses que l’on pourrait faire dans leur app.
Identifier une activité principale dans l’app.
Revenir sur les axes de diversité choisis et réfléchir à l’utilisation de l’app sous plusieurs angles, en répondant à l’une ou plusieurs des questions suivantes :
- Comment cette activité sera-t-elle adaptée à un large éventail d’utilisateurs et utilisatrices ?
  Comment cette activité aidera-t-elle les personnes qui utilisent les fonctionnalités d’accessibilité, comme VoiceOver, au sein de votre app ?

Aider

Pour aider les élèves au cours de cette étape, utilisez le Journal de conception d’app, notamment le modèle Idées de la section Brainstorming et la section Accessibilité.

Simplifier

Aidez les élèves à se concentrer sur une activité principale qui inciterait les gens à utiliser leur app.

Prolonger

(+30 minutes)

Invitez les élèves à explorer l’exercice Programmation basée sur les évènements dans le Manuel de conception d’app et à s’entraîner à créer une fonction de bouton en code SwiftUI dans l’app Swift Playgrounds. Demandez-leur de réfléchir aux boutons dans leur app, puis de rédiger une description d’accessibilité pour le bouton qui vient d’être créé, afin qu’une personne utilisant un lecteur d’écran puisse comprendre son contexte.

Prototypage.

20 minutes ou plus

Concevez et prototypez une partie de l’app. Demandez aux élèves de :

Dessiner ou décrire 1 à 3 écrans pour illustrer la façon dont les gens effectueraient l’activité principale identifiée à l’étape précédente.
Se poser les questions suivantes concernant le contenu des prototypes d’écrans :
- Le texte, les visuels et les sons fonctionneraient-ils pour un vaste éventail de personnes ?
  Certaines personnes pourraient-elles avoir du mal à utiliser des éléments présents sur les écrans ?

Défi facultatif d’une minute sur l’icône de l’app :

Invitez les élèves à dessiner une icône d’app en moins d’une minute.

Aider

Consultez les instructions pour utiliser Keynote afin de créer un prototype fonctionnel dans la section Développement du Journal de conception d’app.

Prolonger

(+30 minutes ou plus)

Demandez aux élèves de télécharger et d’effectuer le premier défi de Swan’s Quest : Voices in the Dark dans Swift Playgrounds pour découvrir et utiliser les API d’accessibilité d’Apple. Dans Swift Playgrounds sur Mac, sélectionnez Fichier puis Importer pour ouvrir le fichier téléchargé. Pour commencer, reportez-vous à la vidéo Swan’s Quest, Chapter 1: Voices in the Dark.

Invitez-les ensuite à faire l’exercice de programmation Composition des vues dans le Manuel de conception d’app pour s’exercer à créer une fonction d’app avec SwiftUI. Invitez les élèves à exploiter les enseignements tirés de Swan’s Quest et des exercices de programmation pour essayer de donner vie à leur prototype à l’aide de Swift et de SwiftUI.