Aktivität zu inklusivem App‑Design

Großartige Apps beginnen mit großartigen Ideen.

Inspirieren Sie Ihre Schüler:innen zu großartigen Ideen mit einer einstündigen Aktivität zu inklusivem App-Design. Im Rahmen der Aktivität identifizieren Lernende zunächst Probleme in Themenbereichen, die ihnen wichtig sind, und entwickeln dann Apps, die für alle zugänglich und verständlich sind – von der Planung über den Prototyp bis zum Teilen ihrer Ideen.

Jeder Schritt wird durch zusätzliche Ressourcen und Tipps ergänzt, um die Lektion für Schüler:innen bis zu 3. Klasse einfacher zu gestalten oder die Aktivität mit dem App-Design-Tagebuch aus „Jede:r kann programmieren“ für die Klassenstufen 4 bis 8 oder dem App-Design-Arbeitsbuch aus „In Swift entwickeln“ für Lernende ab Klassenstufe 9 zu erweitern. Außerdem haben Lernende die Möglichkeit, in der Swift Playgrounds App mit Code für ihre App-Ideen zu experimentieren.

App-Design-Tagebuch laden (19 MB)App-Design-Arbeitsbuch laden (60,2 MB)

Einführung in die Aktivität.

10 Min.

Führen Sie Ihre Schüler:innen in das Thema inklusives und barrierefreies App-Design ein.

Erklären Sie, dass sie eine App-Idee zu einem Thema entwickeln sollen, dass ihnen wichtig ist, und einen Prototyp von einem Teil dieser App entwickeln werden.
Mehr über den inklusiven Designansatz von Apple erfahren Sie in den ersten sechseinhalb Minuten des Videos The Process of Inclusive Design, das auf der Apple Worldwide Developers Conference (WWDC) präsentiert wurde. Bitten Sie Ihre Schüler:innen, sich einige Aspekte oder „Achsen“ zur Diversität – wie etwa Alter, Behinderungen oder Sprache – zu notieren, um sie während der Aktivität zu verwenden.
Beim inklusiven App-Design dreht sich alles darum, dass sich Menschen willkommen und berücksichtigt fühlen. Barrierefreies Design bedeutet, etwas so zu gestalten, dass alle es nutzen können.
Obwohl jeder Mensch eine einzigartige Perspektive besitzt, ist es für inklusives Design und inklusive Entwicklung von Vorteil, sich auf einige Diversitätsachsen zu konzentrieren. Das kann uns dabei helfen, über den Horizont unserer eigenen Erfahrungen hinauszudenken. Wie bei jedem Design ist auch die Entwicklung einer inklusiven App ein laufender Prozess. Es braucht etwas Zeit, bis alles stimmt.
Zu den Diversitätsachsen gehören unter anderem soziale Schicht, Kultur, Ethnizität, Sprache, Bildungsniveau, politische/philosophische/religiöse Überzeugungen, Hautfarbe, Geschlecht, sexuelle Orientierung, Alter, Behinderungen, Rechts- oder Linkshändigkeit, physische Voraussetzungen wie die Körpergröße sowie Bedingungen des Umfelds wie Wohnort und Zugang zu Internet und Technologie.
Erläutern Sie, warum Inklusion und Barrierefreiheit eine wichtige Rolle in allen Phasen des App-Designs spielen.

Wenn Ihre Schüler:innen bereit sind, mit der Aktivität zu beginnen, können sie in kleinen Gruppen oder auch alleine arbeiten. Wenn sie in Kleingruppen arbeiten, sollten sie sich jetzt in ihre Gruppen aufteilen. Die Schüler:innen können ihre Fortschritte in jedem Abschnitt mit Stift und Papier, Folien in Keynote oder Sprachaufnahmen festhalten.

Brainstorming.

10 Min.

Lassen Sie Ihre Schüler:innen ein Brainstorming zu Themen machen, die ihnen wichtig sind. Dabei sollen sie:

Eine Liste mit Themen erstellen.
Ein einzelnes Thema aus ihrer Brainstorming-Liste auswählen und überlegen, in welchen Fällen eine App nützlich und hilfreich sein könnte.
Über ihre eigenen Identitäten und Erfahrungen hinsichtlich der Diversitätsachsen nachdenken, die sie ausgewählt haben. Überlegen, inwiefern ihre Identitäten und Erfahrungen denen von anderen Menschen ähneln oder sich davon unterscheiden.

Unterstützen

Nutzen Sie die Vorlagen „Brainstorming: Zielsetzung“ und „Brainstorming: Ideen“ im App-Design-Tagebuch, um Schüler:innen bei diesem Schritt zu unterstützen.

Vereinfachen

Wählen Sie eine Diversitätsachse aus, auf die Ihre Schüler:innen sich konzentrieren sollen. Überlegen Sie, welcher Aspekt für sie sinnvoll und nachvollziehbar ist.

Ausweiten

(40+ Min.)

Ermutigen Sie Ihre Schüler:innen dazu, einen Schritt weiter zu gehen und sich eingehender mit ihrer Zielgruppe und den Ursachen des Problems zu befassen. Verwenden Sie dafür die Abschnitte „Erkunden“ und „Analysieren“ im App-Design-Arbeitsbuch.

Erfahren Sie mehr über das Erstellen inklusiver Inhalte für eine App, indem Sie sich das Video The Practice of Inclusive Design ansehen, das auf der Apple WWDC präsentiert wurde.

Planen.

10 Min.

Lassen Sie die Schüler:innen die App kurz vorstellen und eine Benutzeraktion beschreiben. Dabei sollen sie:

Eine Liste mit einigen Dingen erstellen, die jemand in ihrer App tun würde.
Eine zentrale Aktion benennen, die Benutzer:innen in der App ausführen würden.
Auf ihre ausgewählten Diversitätsaspekte zurückkommen und die Benutzeraktion aus verschiedenen Perspektiven betrachten, wobei sie eine oder mehrere der folgenden Fragen beantworten:
- Inwiefern spricht diese Aktion viele unterschiedliche Benutzer:innen an?
  Wie unterstützt diese Aktivität Personen, die Bedienungshilfen wie VoiceOver in der App verwenden?

Unterstützen

Nutzen Sie die Vorlagen „Brainstorming: Ideen“ und „Planen: Bedienungshilfen“ im App-Design-Tagebuch, um Schüler:innen bei diesem Schritt zu unterstützen.

Vereinfachen

Unterstützen Sie Schüler:innen dabei, sich auf eine zentrale Benutzeraktion zu konzentrieren, die ausschlaggebend dafür sein könnte, dass jemand die App benutzt.

Ausweiten

(30+ Min.)

Fordern Sie Ihre Schüler:innen auf, die Programmierübung „Ereignisbasierte Programmierung“ im App-Design-Arbeitsbuch zu machen und zu üben, wie man in der Swift Playgrounds App eine Taste mit SwiftUI programmiert. Bitten Sie sie, über die Rolle der Tasten in ihrer App nachzudenken und eine Beschriftung für die soeben programmierte Taste hinzuzufügen, damit eine Person, die die Bildschirmlesefunktion verwendet, ihren Kontext verstehen kann.

Prototyp.

20+ Min.

Lassen Sie die Schüler:innen einen Teil der App entwerfen und einen Prototyp erstellen. Dabei sollen sie:

Bis zu 3 Bildschirme skizzieren oder beschreiben, um zu zeigen, wie Benutzer:innen die zentrale Aktion ausführen würden, die sie im vorherigen Schritt bestimmt haben.
Folgende Fragen hinsichtlich der Bildschirminhalte ihrer Prototypen berücksichtigen:
- Eignen sich die Text-, Bild- und Audioelemente für eine breite Zielgruppe?
  Gibt es Personengruppen, die Schwierigkeiten haben könnten, Elemente auf den Bildschirmen zu benutzen?

Optionale Challenge „App-Symbol in einer Minute“:

Nehmen Sie sich kurz Zeit und fordern Sie die Schüler:innen auf, ein App-Symbol zu skizzieren.

Unterstützen

Gehen Sie anhand des Abschnitts „Prototyp: Erstellen“ im App-Design-Tagebuch die Anleitung für Keynote durch, um einen funktionierenden Prototyp zu erstellen.

Ausweiten

(30+ Min.)

Bitten Sie die Lernenden, die erste Challenge von Swan’s Quest: Voices in the Dark zu laden und in Swift Playgrounds abzuschließen, um mehr über die Bedienungshilfen-APIs von Apple zu erfahren und sie zu verwenden. Klicken Sie in Swift Playgrounds auf dem Mac auf „Ablage“ und dann auf „Playground importieren“, um die geladene Datei zu öffnen. Sehen Sie sich das Video Swan’s Quest, Chapter 1: Voices in the Dark an, um gleich loszulegen.

Anschließend können die Schüler:innen die Übung „Ansichten zusammenstellen“ im App-Design-Arbeitsbuch machen, um zu lernen, wie eine App-Funktion mit SwiftUI programmiert wird. Bitten Sie die Schüler:innen danach, das in Swan’s Quest und den Programmierübungen Gelernte anzuwenden, um ihren Prototyp mit Swift und SwiftUI zum Leben zu erwecken.