Interaktiver Prototyp für eine barrierearme Banking-App
Übersicht
Worum es bei diesem Projekt geht.
Sie erhalten die aktuellen Screens der Überweisungsstrecke (PDF-Export), den Audit-Bericht mit 27 EAA-Befunden und eine Liste der vom Datenschutz freigegebenen Forschungs-Teilnehmenden bei einem Partner-Verein. Entwerfen Sie in Figma einen interaktiven Prototyp für die vier Bildschirme (Empfänger wählen, Betrag eingeben, Verwendungszweck, Bestätigung) mit klaren Fokus-Reihenfolgen, Mindestkontrastverhältnis 4,5:1 (Web Content Accessibility Guidelines 2.2, Stufe AA), Touch-Targets von mindestens 44x44 Pixel und semantisch sinnvollen Beschriftungen. Validieren Sie mit drei Personen mit Sehbeeinträchtigung in 45-Minuten-Sessions. Übergeben Sie dem Mobile-Team eine technische Spezifikation mit ARIA-Annotationen, Kontrast-Tokens und einer Begründung pro Designentscheidung.
Das Briefing
Was Du tust und was Du zeigst.
Wie sieht eine Überweisungsstrecke aus, die für sehbehinderte Kund:innen mit Screenreader sicher nutzbar ist und gleichzeitig die EAA-Vorgaben erfüllt?
Earning criteria — what you'll demonstrate
- WCAG 2.2 Stufe AA praktisch in einem Prototyp umsetzen
- Mit Personen mit Sehbeeinträchtigung methodisch sauber testen
- Designentscheidungen für ein Entwicklungsteam dokumentationsfest begründen
- ARIA-Annotationen in einer Mobile-Spezifikation korrekt einsetzen
Studienpassung
Wo dies in Dein Studium passt.
Schärft dieselben Fähigkeiten, die Dein Studium von Dir erwartet.
Fähigkeiten
Fähigkeiten, die Du unter Beweis stellst.
Jede taucht auf Deinem verifizierten Zertifikat auf.
Karrieren
Berufe, auf die dies Dich vorbereitet.
Echte Berufsbezeichnungen. Echte Skill-Brücken. Wähle die, die Deinem Werdegang am nächsten kommt.
Karrierewege, die das aufbaut
Kanonische RollenProduktmanager:in
Produktmanager:innen in regulierten Branchen brauchen ein konkretes Gefühl dafür, was Barrierefreiheit im Designdetail bedeutet, um Roadmap-Entscheidungen verteidigen zu können.
Dieses Projekt schärft
- user-research
- interaction-design
- accessibility-design
Noch eine Sache