The Invisible Code From Vibe Coding to Agentic Coding - VideoQuiz


The Invisible Code From Vibe Coding to Agentic Coding - VideoQuiz
{{#ev:youtube|https://www.youtube.com/watch?v=Yy5OwasSBjw%7C500%7Ccenter}}
BLOCKIERT: Für dieses Video liegt in diesem Lauf kein ausreichend verwertbares Transkript für 10 belastbare Quizfragen vor; es wurde keine YouTube-Beschreibung als Ersatz verwendet.
Teste Dein Wissen
Was ist laut dem Video die Hauptaufgabe von UX Writing? (Funktionale Texte zu schreiben, die Nutzer durch Aktionen, Entscheidungen und Feedback leiten.) (!Dekorative Texte zu entwerfen, die eine App optisch verschönern.) (!Werbesprüche zu erfinden, um ein Produkt besser zu verkaufen.) (!Den reinen Programmcode im Hintergrund einer Anwendung zu schreiben.)
Was versteht man unter dem Begriff 'Microcopy'? (Kurze Schnittstellentexte wie Button-Beschriftungen, Platzhalter oder Fehlermeldungen.) (!Eine verkleinerte Sicherheitskopie des gesamten Programmcodes.) (!Kurze Werbe-E-Mails, die automatisch an Kunden verschickt werden.) (!Die interne Dokumentation für Software-Entwickler im Quelltext.)
Was beschreibt der Begriff 'Cognitive Load' (kognitive Belastung) im Software-Design? (Die mentale Anstrengung, die nötig ist, um eine Benutzeroberfläche zu verstehen und eine Aktion auszuführen.) (!Die Rechenleistung, die ein Server für die Ausführung einer App benötigt.) (!Die Zeit, die ein Nutzer benötigt, um eine App auf sein Smartphone herunterzuladen.) (!Die Anzahl der Programmierer, die gleichzeitig an einem Software-Projekt arbeiten.)
Warum ist eine Fehlermeldung wie 'Error 403' für normale Nutzer problematisch? (Sie ist unverständlich, gibt dem Nutzer oft die Schuld und bietet keine direkte Lösung an.) (!Sie verbraucht zu viel Speicherplatz auf dem mobilen Endgerät.) (!Sie wird von Suchmaschinen im Internet nicht richtig indexiert.) (!Sie darf aus rechtlichen Gründen in Europa nicht mehr angezeigt werden.)
Welche Button-Beschriftung baut laut dem Video am meisten Vertrauen auf? (Eine konkrete Aktion wie 'Projekt dauerhaft löschen'.) (!Ein einfaches 'OK'.) (!Ein ungenaues 'Absenden'.) (!Ein kurzes 'Weiter'.)
Was besagt das Konzept des 'Progressive Onboarding'? (Orientierung wird genau in dem Moment bereitgestellt, in dem sie gebraucht wird, statt in einer langen Anleitung vorab.) (!Nutzer müssen erst ein langes Handbuch lesen, bevor sie die App starten dürfen.) (!Die App wird im Hintergrund schrittweise heruntergeladen, während man sie nutzt.) (!Der Programmiercode wird während der Nutzung automatisch optimiert.)
Warum reicht ein roter Rahmen um ein Textfeld bei einem Fehler laut WCAG 2.2 nicht aus? (Weil Menschen mit Sehbehinderungen oder kognitiven Einschränkungen den Fehler so nicht wahrnehmen können.) (!Weil rote Farbe auf modernen OLED-Bildschirmen schlecht dargestellt wird.) (!Weil ein roter Rahmen zu viel Rechenleistung der Grafikkarte beansprucht.) (!Weil rote Rahmen in manchen Ländern aus kulturellen Gründen verboten sind.)
Was ist der Unterschied zwischen 'Delete' (Löschen) und 'Remove' (Entfernen) in einem Content Design System? (Delete' bedeutet, dass Daten unwiderruflich weg sind; 'Remove' nimmt ein Element nur aus einer Ansicht oder Liste.) (!Es gibt keinen Unterschied, beide Wörter bedeuten im Software-Design exakt dasselbe.) (!Delete' wird nur für Bilder verwendet, während 'Remove' nur für Texte gilt.) (!Remove' löscht Daten auf dem Server, während 'Delete' sie nur auf dem Gerät verbirgt.)
Was fordert der EU AI Act in Bezug auf künstliche Intelligenz in Apps? (Klare Transparenz, sodass Nutzer immer wissen, wenn sie mit einer KI interagieren.) (!Dass alle KIs in Europa komplett verboten werden.) (!Dass KI-Texte immer in einer roten Schriftfarbe dargestellt werden müssen.) (!Dass nur europäische Programmierer KI-Modelle entwickeln dürfen.)
Warum ist bei der Nutzung von KI für UX-Texte eine menschliche Überprüfung (Human Review) notwendig? (Weil KIs zwar schnell Varianten erzeugen, aber keine Produktwahrheiten oder rechtlichen Grenzen kennen.) (!Weil KIs keine grammatikalisch korrekten Sätze auf Deutsch bilden können.) (!Weil die von KIs generierten Texte sonst zu viel Speicherplatz benötigen würden.) (!Weil KIs nur englische Texte generieren können und Übersetzungsprogramme fehlerhaft sind.)
Offene Aufgaben
Leicht
- Lieblings-App untersuchen: Öffne eine App, die du täglich nutzt. Suche nach drei Beispielen für 'Microcopy' (z. B. auf Buttons oder in Fehlermeldungen) und schreibe sie auf.
- Fehlermeldungen bewerten: Finde ein Beispiel für eine schlechte Fehlermeldung (z. B. 'Ein Fehler ist aufgetreten') und formuliere sie so um, dass sie dem Nutzer wirklich hilft.
- Buttons umbenennen: Stell dir vor, ein Button heißt nur 'OK'. Für welche zwei verschiedenen Aktionen könnte dieser Button stehen? Finde präzisere Beschriftungen.
- KI-Text-Check: Lass dir von einer KI fünf verschiedene Vorschläge für einen Button geben, der ein Benutzerkonto löscht. Welcher Vorschlag ist der beste und warum?
Standard
- Barrierefreie App-Gestaltung: Erkläre in eigenen Worten, warum visuelle Hinweise (wie Farben oder Symbole) allein nicht ausreichen, um eine App barrierefrei zu machen.
- Onboarding-Konzept entwerfen: Entwirf ein kurzes 'Progressive Onboarding'-Konzept für eine neue Schul-App. Welche Information sollte der Nutzer als Erstes sehen?
- Löschen vs. Entfernen: Erstelle eine kleine Tabelle, in der du den Unterschied zwischen 'Löschen' (Delete) und 'Entfernen' (Remove) anhand von Beispielen aus dem Schulalltag erklärst.
- EU AI Act erforschen: Recherchiere kurz, warum es wichtig ist, dass Nutzer wissen, ob sie mit einer KI oder einem echten Menschen schreiben. Schreibe eine kurze Begründung.
Schwer
- Cognitive Load reduzieren: Analysiere den Registrierungsprozess einer Website deiner Wahl. Wo entsteht unnötige kognitive Belastung und wie könnte man diese durch bessere Texte verringern?
- KI-Halluzinationen im UX-Design: Diskutiere die Gefahren, wenn eine KI ohne menschliche Kontrolle Fehlermeldungen in einer Banking-App generiert. Welche Probleme könnten auftreten?
- Sprache als Code: Nimm Stellung zu der Aussage aus dem Video: 'Schreibfähigkeiten sind Produktfähigkeiten'. Inwiefern ist das Schreiben von Benutzeroberflächen eine Form des Programmierens?
- Content Design System erstellen: Entwirf ein Mini-Content-Design-System für deine Schule (z. B. für die Schul-Homepage). Lege Regeln für die Anrede (Du oder Sie) und für Fehlermeldungen fest.

| <inputbox>
type=create break=no preload=CHAT GPT TEXT HIER EINFÜGEN default= width=30 placeholder= Dein MOOC Titel buttonlabel=MOOC erstellen </inputbox> |

Links
aiMOOC-Projekte
Schulfach+


aiMOOCs



aiMOOC Projekte


THE MONKEY DANCE





{{#ev:youtube | https://youtu.be/rFhZlg38Zf8?si=9KdMNZYRkRD81YTo%7C 500 | center}}
|
{{#ev:youtube | https://youtu.be/Ob7etf9QuBo?si=t_NBA71bWg3Rq3LI%7C 500 | center}}
| <inputbox>
type=create break=no preload=MOOCit Vorlage default= width=30 placeholder= Dein MOOC Titel buttonlabel=MOOC erstellen </inputbox> |