The Invisible Code From Vibe Coding to Agentic Coding - VideoQuiz

Dieses Quiz als Battle spielen: Deutsch, Klasse 5-6, G-Niveau

Kurzinfo

In diesem Video erfährst Du, wie wichtig Sprache für digitale Produkte ist. Es wird erklärt, dass UX Writing und Microcopy die unsichtbare Architektur von Software bilden. Gute Texte reduzieren die kognitive Belastung und schaffen Vertrauen.

Quiz: Teste Dein Wissen

Was versteht man unter UX Writing? (Funktionale Texte, die Nutzer durch Aktionen und Entscheidungen leiten.) (!Dekorative Werbeslogans für Social Media) (!Lange Handbücher für Software-Entwickler) (!Farbpaletten und visuelle Layouts)

Was ist 'Microcopy'? (Kurze Schnittstellentexte wie Button-Beschriftungen, Platzhalter oder Fehlermeldungen.) (!Der Quellcode, der im Hintergrund einer App läuft) (!Ein kleiner Text am Ende eines gedruckten Buchs) (!Ein Programmierstil für sehr kleine Computer)

Was passiert, wenn Microcopy unklar formuliert ist? (Nutzer zögern oder brechen die Aktion ab, was das Design scheitern lässt.) (!Die App stürzt sofort technisch ab) (!Die Farben der Benutzeroberfläche ändern sich) (!Die Ladezeit der App verlängert sich automatisch)

Was beschreibt der Begriff 'Cognitive Load' (kognitive Belastung)? (Die geistige Anstrengung, die nötig ist, um eine Situation zu verstehen und zu handeln.) (!Die physische Belastung des Smartphones beim Laden einer App) (!Die Anzahl der Codezeilen im Backend einer Software) (!Die Zeit, die ein Entwickler zum Schreiben von Texten braucht)

Wie sollte eine gute Fehlermeldung laut dem Video aufgebaut sein? (Sie sollte neutral sein, keine Schuld zuweisen und eine klare Lösung anbieten.) (!Sie sollte den Fehlercode 'Error 403' ohne weiteren Text anzeigen) (!Sie sollte dem Nutzer die Schuld für den Fehler geben) (!Sie sollte den Nutzer auf eine Werbeseite weiterleiten)

Warum sind vage Button-Beschriftungen wie 'OK' oder 'Absenden' problematisch? (Sie sind zu abstrakt und können beim Nutzer Angst vor den Konsequenzen auslösen.) (!Sie verbrauchen zu viel Speicherplatz auf dem Server) (!Sie entsprechen nicht den Design-Farben der App) (!Sie sind für Suchmaschinen nicht lesbar)

Was besagt das Prinzip des 'Progressive Onboarding'? (Informationen werden genau dann bereitgestellt, wenn der Nutzer sie braucht, statt in einem langen Handbuch vorab.) (!Der Nutzer muss zuerst einen Programmierkurs absolvieren) (!Die App wird schrittweise teurer, je länger man sie nutzt) (!Neue Funktionen werden nur nachts freigeschaltet)

Welche Anforderung stellt die Barrierefreiheit-Richtlinie WCAG 2.2 an Fehlermeldungen? (Fehler müssen mit klarem, zugänglichem Text beschrieben und erklärt werden.) (!Fehler dürfen nur durch einen roten Rahmen um das Textfeld angezeigt werden) (!Fehlermeldungen müssen in mindestens fünf Sprachen übersetzt sein) (!Jede Fehlermeldung muss ein akustisches Signal abspielen)

Was ist ein 'Content Design System'? (Ein System zur Festlegung einheitlicher Begriffe, Textmuster und Schreibregeln für ein Produkt.) (!Ein Programm, das automatisch Bilder für Webseiten generiert) (!Eine Datenbank zur Speicherung von Benutzerpasswörtern) (!Ein Werkzeug zur Messung der Servergeschwindigkeit)

Warum ist die menschliche Überprüfung von KI-generierten Texten im UX Writing so wichtig? (KI versteht keine rechtlichen Einschränkungen oder Produkthintergründe und kann falsche Versprechungen machen.) (!KI-Texte sind immer grammatikalisch falsch) (!Menschen müssen die Texte in Programmiercode übersetzen) (!Die KI kann keine kurzen Sätze schreiben)

Offene Aufgaben

Leicht

Finde Beispiele: Suche auf Deinem Smartphone nach drei Apps und schreibe auf, wie die Buttons beschriftet sind. Sind sie eindeutig?
Fehlermeldung verbessern: Formuliere die Fehlermeldung 'Falsche Eingabe!' so um, dass sie dem Nutzer hilft und barrierefrei ist.
Begriffe erklären: Erkläre mit eigenen Worten, was der Unterschied zwischen 'Löschen' (dauerhaft) und 'Entfernen' (aus einer Liste) ist.
Kognitive Belastung: Beschreibe eine Situation, in der Du eine App oder Website frustriert verlassen hast, weil Du nicht wusstest, was Du tun sollst.

Standard

Onboarding entwerfen: Überlege Dir für eine neue Schul-App ein kurzes Onboarding mit maximal drei Schritten. Welche kurzen Hinweise zeigst Du an?
Barrierefreiheit prüfen: Untersuche eine Website Deiner Wahl. Werden Fehler nur durch Farben (z.B. Rot) oder auch durch verständlichen Text angezeigt?
KI-Texte bewerten: Lass eine KI fünf verschiedene Beschriftungen für einen 'Kaufen'-Button erstellen. Welche Variante findest Du am besten und warum?
Microcopy-Analyse: Analysiere den Registrierungsprozess einer bekannten Plattform. Welche Hilfetexte unterstützen den Nutzer bei der Passworteingabe?

Schwer

Content Design System erstellen: Erstelle ein kurzes Regelwerk für eine fiktive App. Definiere die Tonalität (z.B. freundlich, aber professionell) und drei feste Schreibregeln.
EU AI Act & Transparenz: Entwirf einen kurzen Hinweistext für eine App, der den Nutzer transparent darüber aufklärt, dass er gerade mit einer künstlichen Intelligenz chattet.
Sprache als Code: Diskutiere die These aus dem Video: 'Sprachkompetenz ist Produktkompetenz'. Inwiefern ist das Schreiben von Benutzeroberflächen wie Programmieren?
UX-Writing-Konzept: Entwickle ein Konzept für eine Fehlermeldung bei einem fehlgeschlagenen Bezahlvorgang. Berücksichtige dabei Angstreduktion, Klarheit und Barrierefreiheit.