Math Challenge
Mehr

UI/UX design for children aged 7-11 (PRIMARY / ELEMENTARY band)

mc-21 · Veröffentlicht: · von Math Challenge Research · 2.815 Wörter · 12 zitierte Quellen

Zusammenfassung

Die PRIMARIA‑Band (7‑11) entspricht der Stufe „konkret‑operational“ nach Piaget: Sie schließen logische Schlüsse über konkrete Objekte und erlangen „Dezentrierung“ (gleichzeitige Beachtung mehrerer Dimensionen), aber abstraktes Denken ist noch schwach [1]. NN/g dokumentiert, dass diese Band unabhängiger navigiert als die Vorleser im Alter von 3‑5 Jahren, jedoch weiterhin Inhalte ablehnt, die selbst um eine Klassenstufe über oder unter der eigenen liegen [2]. Eine Avatar‑Studie (arXiv, 48 Teilnehmerinnen im Alter von 8‑13 Jahren) dokumentiert den „Kleiderschrank‑Effekt“: Kinder erstellen mehrere Avatare, verwenden systematisch nur einen [4]. Die Forschung von NN/g zu Jugendlichen (100 Nutzerinnen im Alter von 13‑17, 210 Websites) markiert die Obergrenze, die PRIMARIA nicht unterschreiten darf: Jugendliche lehnen das Wort „Kids“ und übermäßige dekorative Animationen ab [3]. COPPA verlangt nachweisliche elterliche Zustimmung für Kinder unter 13 Jahren und begrenzt, welche Daten erhoben werden dürfen, wodurch jede soziale Funktion in dieser Band eingeschränkt wird [9]. Dyskalkulie (5‑10 % der Bevölkerung) erfordert die Darstellung von Mengen sowohl visuell als auch numerisch und das Vermeiden von Zeitdruck [11]. Dieser Bericht überträgt diese Erkenntnisse in eine Spezifikation für das PRIMARIA‑Thema, differenziert von KINDER und TEEN, für Telefon, Tablet und Desktop.

185 Wörter

Dieses Dokument wurde von Claude (Anthropic) aus dem englischen Original übersetzt und automatisch gegen die Quelle geprüft: jede Zahl, URL, Zitatmarkierung und [unverified]-Markierung stimmt mit dem Original überein. Der Fließtext selbst wurde noch nicht von einem muttersprachlichen menschlichen Lektor geprüft.

Prüfstatus

Dieses Dokument trägt keine [unverified]-Markierung. Jede Aussage ist an eine nummerierte Quelle unten gebunden.

[unverified] heißt: Die Aussage steht in der Forschung, wurde aber in der Sitzung, die sie erzeugt hat, nicht gegen eine Primärquelle bestätigt. Sie wird veröffentlicht statt entfernt, denn ein Korpus, das seine Lücken verbirgt, ist nicht überprüfbar.

Wie diese Forschung entstanden ist

Die 47 Dokumente entstanden am 2026-07-31 durch unabhängige Agenten, jeder mit der ausdrücklichen Anweisung, keine Zitate zu erfinden und alles als [unverified] zu markieren, was sich nicht gegen eine Primärquelle bestätigen ließ. Das Websuche-Kontingent der Sitzung war zur Hälfte erschöpft; spätere Agenten arbeiteten mit direktem Abruf von Primärquellen. Mehrere Seiten (ftc.gov, ico.org.uk) blockieren automatisierten Abruf — deshalb sind bestimmte rechtliche Aussagen bewusst markiert.

Ergebnisse

1. Kognitive Entwicklung: was 7‑11 tatsächlich können

Piagets konkret‑operationales Stadium deckt diesen Bereich ab: Konservierung, induktives Schließen und „Dezentrierung“ — das Verfolgen von mehr als einer Bildschirmvariable statt Fixierung auf eine — , jedoch noch schwaches abstraktes/hypothetisches Denken, was gegen UI spricht, die erfordert, eine Regel im Kopf zu behalten ohne einen konkreten Anker (Zahlenlinie, Gruppierung, ausgearbeiteter Schritt) [1]. Die eigenen Kategorien von NN/g teilen „mid-range“ 6‑8 (noch gestützt) von „older“ 9‑12 (unabhängige Navigation, stärkeres Lesen) [2], sodass PRIMARY intern nicht einheitlich ist — ein 7‑jähriger liegt näher an KINDER, ein 11‑jähriger näher an TEEN.

2. „Cool“ versus „babyish“: der Ablehnungsmechanismus

Das klarste zitierbare Ergebnis zur oberen Grenze stammt aus dem Teen‑Korpus von NN/g: Teenager (13‑17) lehnen das Wort „Kids“ ausdrücklich ab, mögen keine überladenen oder grellen Visuals und wollen saubere, zielgerichtete Interaktivität, mit getrennten, beschrifteten „Kids“‑ und „Teens“‑Abschnitten, wo beide existieren [3]. Der Mechanismus ist die Ablehnung eines veralteten Selbstbildes, nicht eine Detailpräferenz — ein Kind, das durch 7‑11 geht, verhandelt „nicht mehr ein kleines Kind zu sein“ lange bevor es zum Teenager wird, sodass PRIMARY mehr Fähigkeit signalisieren muss als ein Maskottchen‑und‑Blasen‑Skin, ohne das flachere, dichtere Aussehen zu übernehmen, das Teenager bevorzugen [3].

3. Avatare und Anpassung als Identitätsarbeit

Eine Studie aus 2026 mit 48 Kindern im Alter von 8‑13, die Avatare in sozialen Spielen erstellten, fand vier Motivationen: Selbstrepräsentation, Experimentieren mit alternativen Identitäten, soziale Bedürfnisse und Spiel‑Performance; das Monetarisierungs‑Design beeinflusst messbar, was Kinder bauen [4]. Das zentrale Ergebnis ist der „Wardrobe‑Effect“ — Kinder erstellen mehrere Avatare, konvergieren aber darauf, nur einen zu nutzen, sodass der Anpassungs‑Prozess den Wert liefert, obwohl das Endprodukt eng ist [4]. Die Synthese des Digital Wellness Lab fügt hinzu, dass Avatare am besten funktionieren, wenn sie ein aktuelles oder erstrebenswertes Selbst ausdrücken, und dass Inklusion konkret zählt: 42,1 % der Mädchen und 38,6 % der Jungen in der zitierten Forschung meiden Spiele, die weibliche Figuren hypersexualisiert darstellen [5]. Eine verwandte Frontiers‑Studie (82 Teilnehmende, ethnisch geschichtet) fand, dass Anpassung gegenüber vorgegebenen Avataren die unmittelbare Stimmung kaum veränderte, aber die Zufriedenheit davon abhängt, wie gut die Optionen die eigene Identität des Kindes widerspiegeln — Unterrepräsentation wirkt wie eine „subtile Mikroaggression“ [6]. Loot‑Box‑artige Zufallskäufe werden als eigenständiges Monetarisierungs‑Risiko markiert, wobei Jungen stärker engagiert sind als Mädchen [5].

4. Sammlerstücke, Fortschritt und Motivation

Die Selbstbestimmungstheorie beschreibt die Hebel: Autonomie (Wahlfreiheit beim Fortschritt), Kompetenz (kalibrierte Herausforderung mit klarem Feedback) und Verbundenheit (soziale Dimension); extrinsische Belohnungen erhalten die Motivation nur, wenn sie als Feedback zur Kompetenz wahrgenommen werden und nicht als kontrollierender Anreiz [10]. Sammlerstücke sind langlebiger, wenn das Sammeln an etwas geknüpft ist, das das Kind bereits schätzt (Meisterung, Geschichte, ein selbstgewähltes Ziel), statt rein für die externe Belohnung verfolgt zu werden [10].

5. Soziale Funktionen und ihre Sicherheitsimplikationen

COPPA verlangt nachweislich die elterliche Einwilligung, bevor persönliche Informationen von einem Kind unter 13 gesammelt werden, definiert persönliche Informationen breit (persistente Kennungen, Geolokation, Bilder/Audio) und verbietet die Bedingung der Teilnahme an übermäßiger Datensammlung [9]. Deshalb schließen die meisten Verbraucher‑Chat‑ und öffentliche‑Profil‑Funktionen Kinder unter 13 aus oder stellen sie hinter einer elterlichen Zustimmung [9] — eine reale Einschränkung für Ranglisten, Freundeslisten oder Freitext in einer Gruppe, die überwiegend unter 13 ist.

6. NN/g zu den unmittelbar über und unter PRIMARY liegenden Bändern

NN/g warnt davor, „Kinder“ als eine undifferenzierte 3‑12‑Gruppe zu behandeln, und teilt junge/mittlere/ältere Bänder mit unterschiedlichen Schriftgrößen‑ und Unterstützungsbedürfnissen [2]. Der Teen‑Report (100 Nutzer, drei Forschungsrunden, USA/UK/Australien) liefert den schärfsten Datenpunkt zur Obergrenze: Teenager sind überconfident, schneiden aber schlechter ab als Erwachsene wegen schwachem Leseverständnis, schlechter Suchkompetenz und geringer Geduld — „sie geben sich nicht selbst die Schuld, sie geben dir die Schuld“ — und verlassen einen verwirrenden Ablauf, anstatt ihn zu beheben [3]. NN/gs Überblick über junge Nutzer quantifiziert die Aufteilung: ein 156‑Empfehlungs‑Report für 3‑12 Jahre versus ein separater 124‑Tipp‑Report für 13‑17 Jahre [7] — zwei Regelwerke, die belegen, dass PRIMARY ein eigenes Thema braucht, statt eines skalierten Kinder‑ oder Teen‑Skins.

7. Fehlertoleranz und Frustration

Keine Quelle hat die Fehlertoleranz exakt für 7‑11 gemessen. Das nächste Ergebnis: Piagets Dezentrierung bedeutet, dass dieses Alter „Ich habe das falsch“ und „Ich kann es korrigieren“ als getrennte Fakten halten kann, im Gegensatz zu einem 4‑6‑Jährigen, der sie vermischt [1]; und der Teen‑Korpus zeigt Ungeduld bei verwirrenden Oberflächen, Schuldzuweisungen an das Produkt, bereits bei 13‑17 Jahren [3]. Dyskalkulieforschung liefert einen konkreten Punkt: Zeitdruck verschlechtert die numerische Manipulationsleistung bei Kindern mit schwachem Zahlenverständnis, und flexibles Tempo reduziert stressbedingte Einbrüche [11] — ein Argument gegen starre Countdown‑Timer für dieses Band im Allgemeinen.

8. Lesestufe, Textlänge, Ikonografie und Beschriftungen

NN/gs Banding gilt direkt: 6‑8‑Jährige benötigen gestützten, größeren Text, 9‑12‑Jährige können anspruchsvolleres Lesen und unabhängige Navigation bewältigen, doch Inhalte, die selbst um eine Klasse abweichen, werden abgelehnt — anders als bei Erwachsenen, die ein 8.‑10.‑Klassen‑Standard tolerieren [2]. Der Teen‑Korpus, eine Stufe höher, empfiehlt ein Lese‑Niveau der 6. Klasse oder niedriger selbst für ein nominal stärkeres Publikum, weil Geschwindigkeit und Aufmerksamkeit — nicht das Dekodieren — die Engstelle sind [3]. Diese Logik gilt hier mit noch größerer Kraft: kurze Beschriftungen, eine Idee pro Bildschirm, wörtliche statt metaphorische Icons.

9. Onboarding ohne lange Tutorials

Keine Studie hat die Länge von Onboarding‑Tutorials speziell für 7‑11 untersucht — eine Evidenzlücke. Übertragbare Evidenz: die geringe Geduld des Teen‑Korpus für alles, was die zielgerichtete Aufgabe verzögert [3], und die konkret‑operationale Erkenntnis, dass abstrakte Anweisungen ohne ein konkretes erstes Beispiel schlecht behalten werden [1] — zusammen argumentierend für „Lernen durch das erste reale Problem, mit gestuften Hinweisen“, nicht für einen mehrseitigen Erklärer.

10. Gerätekontext

Keine Quelle hat die Nutzung von geteilten Tablets oder Schul‑Chromebooks für dieses exakte Band gemessen — eine zweite Lücke, gekennzeichnet statt überdeckt. Es bleibt dennoch eine nahezu sichere Einschränkung — schnelles Profil‑Switching, klare Sitzungsgrenzen, keine Annahme eines persistenten persönlichen Logins — die die nachfolgenden Design‑Implikationen als Voraussetzung behandeln, selbst ohne zitierbare Quelle.

11. Barrierefreiheit: Dyslexie‑Typografie und Dyskalkulie

Dyslexie‑freundliche Typografie konvergiert auf prüfbare Parameter: offene serifenlose Schriften (Arial, Verdana, Open Sans oder eigens entwickelte Atkinson Hyperlegible/OpenDyslexic), mindestens 16 px Fließtext, 1,5× Zeilenhöhe, 0,12 em Buchstabenabstand, 0,16 em Wortabstand, 45‑100 Zeichen pro Zeile, WCAG 4.5:1 Kontrast (3:1 für großen/fetten Text), linksbündig, keine Durchschreibung oder stark kursiven Text [8]. Dyskalkulie (5‑10 % Prävalenz) ist eine neurobiologische Schwierigkeit mit Mengen‑Gefühl, Zuordnung von Ziffern zu Mengen, Fakten‑Auswendiglernen und dem Halten von Zahlen im Kopf während Berechnungen, über alle Schwierigkeitsgrade hinweg [11]. Die Design‑Antwort: Zahlen mit einer visuellen Menge (Punkte, Blöcke, eine Zahlenlinie) koppeln statt bloßer Ziffern, Unordnung minimieren, mehr als eine Eingabemöglichkeit anbieten, jeglichen Zeitdruck vermeiden oder optional machen [11].

12. Numerische Eingabe auf dem Bildschirm

Keine dedizierte Studie zu numerischen Tastaturen für 7‑11 gefunden — eine dritte Lücke. Zwei angrenzende Befunde begrenzen das Design: Apples HIG legt 44×44 pt als generelle Mindestgröße für antippbare Ziele fest [12], und die motorische Genauigkeitslücke bei Touchscreens gegenüber Erwachsenen — groß im 3‑6‑Bereich — schließt etwa bis zur ersten Klasse [Begleitbericht, Thema 20]. Die Dyskalkulie‑Literatur fordert mehrere Eingabemodalitäten [11] und argumentiert für eine Tastatur, die nicht der einzige Lösungsweg ist — Multiple‑Choice‑Taps, eine antippbare/ziehbare Zahlenlinie oder eine Tastatur, je nach Aufgabentyp.

Designimplikationen für Math Challenge

  1. Berührungsziele: mindestens 48 × 48 CSS px auf Telefon/Tablet, 44 × 44 px auf Desktop‑mit‑Maus – knapp über Apples Mindestgröße von 44 × 44 pt [12], jedoch deutlich kleiner als KINDERs sehr große (~88‑96 px) Mindestgröße, da die motorische Genauigkeitslücke zu Erwachsenen im Alter von 7‑10 Jahren weitgehend geschlossen ist [Begleitbericht, Thema 20]. Das ist der klarste mechanische Unterschied zu KINDER: keine übergroßen „Kleinkind‑sicheren“ Zonen.
  2. Typografie: abgerundete, aber nicht verspielte serifenlose Schrift, 18‑20 px Grundgröße für Aufgabentext, mindestens 16 px für sekundäre Beschriftungen – kleiner und weniger „laut“ als KINDERs 24‑32 px Ziffern. Biete einen In‑App‑Umschalter für Dyslexie‑freundliche Schrift (Atkinson Hyperlegible/OpenDyslexic, 1,5× Zeilenhöhe, 0,12 em Abstand, linksbündig) gemäß den dokumentierten Parametern [8].
  3. Palette: gesättigt, aber nicht pastellartig, nicht neon. Eine selbstbewusste, spielerisch‑angehauchte Juwel‑Ton‑Palette (Türkis, Indigo, Bernstein, Koralle) mit Zurückhaltung – Farben markieren Zustand/Kategorie, nicht jede Oberfläche. Im Gegensatz zu TEENs flacherer, monochromer Ausrichtung, die durch die Abneigung von Teenagern gegen „glitzernde“ Visuals [3] impliziert wird: PRIMARY behält deutlich mehr Farbe und Wärme bei.
  4. Dichte: eine Aufgabe pro Bildschirm mit sichtbarem Kontext (Fortschrittsleiste, kleiner Streifen/Avatar‑Indikator) – KINDER lässt das weg, TEEN würde es als dichte Statistiken rendern. Dezentrierung bedeutet, dass dieses Band „Wo bin ich in dieser Sitzung?“ neben der aktuellen Aufgabe anzeigen kann [1].
  5. Bewegung: zielgerichtet und flott, nicht hüpfend. Reduziere KINDERs ständig animiertes Idle‑Maskottchen zu einem ruhigeren Standard (präsent, statisch außer bei Zustandswechseln) und behalte schnelle Bestätigungsanimationen bei – zwischen KINDERs Animation‑als‑Präferenz‑Finden und TEENs vermuteter geringerer Toleranz für Dekoration, basierend auf der Abneigung von Teenagern gegen „sinnlose Multimedia“ [3].
  6. Avatare: für den „Wardrobe‑Effect“ bauen, nicht dagegen. Günstige, reibungslose Avatar‑Erstellung, bei der Kinder sich auf einen festlegen; investiere Tiefe in Merkmale, die wichtig sind (Haare, Kleidung, Accessoires, inklusive Haut‑/Körper‑/Geschlechtsoptionen) statt in die Breite flüchtiger Optionen [4][5]. Schalte Gegenstände durch Fortschritt frei, niemals über Echtgeld‑Loot‑Boxen [5].
  7. Progression: Entsperrungen an Kompetenz, nicht an verbrachter Zeit knüpfen. Abzeichen, Serien und Sammlerstücke dienen als Meisterschafts‑Feedback (ein gelerntes Thema, eine echte‑Antwort‑Serie), mit etwas Spielerwahl, was als Nächstes angestrebt wird, und befriedigen damit den Autonomie‑Hebel [10].
  8. Sozial: kein offener Chat, kein öffentliches Profil, keine Rangliste außerhalb einer von Lehrern/Eltern verwalteten Gruppe, nur Vor‑ und Nachname bzw. Spitzname – die direkte Konsequenz von COPPA für ein Publikum, das überwiegend unter 13 Jahre alt ist [9].
  9. Falsche Antworten: korrigierend, nicht strafend, direkter als KINDER. Zeige den korrekten Weg (ausgearbeiteter Schritt, visuelle Mengenhilfe), nicht nur ein ermutigendes Geräusch – dieses Band kann „Ich lag falsch“ und „Hier ist die Korrektur“ getrennt anzeigen [1]; ein nacktes rotes X ohne Weiterführung würde die dyskalkulie‑bedingte Vorsicht gegen Druck ohne Unterstützung verletzen [11].
  10. Keine harten Countdown‑Timer standardmäßig; Timing optional pro Set aktivierbar. Zeitdruck verschlechtert die Leistung von Kindern mit schwachem Zahlen‑Sinn, und eine Prävalenz von 5‑10 % ist hoch genug, um einen echten Teil jeder klassen‑großen Nutzerbasis zu benachteiligen [11].
  11. Numerische Eingabe: Modalität an Aufgabentyp anpassen, nicht ein universelles Tastatur‑Layout – Multiple‑Choice‑Taps für Konzept‑Checks, ein Zahlenstrahl‑Tap/Drag für Größen, ein 48 px‑Tastatur‑Keypad für offene Zahleneingabe – gemäß der Vorsicht der Dyskalkulie‑Literatur gegen einen einzigen erzwungenen Eingabepfad [11].
  12. Sitzungslänge: kurze Runden mit sichtbarem Stopp‑Punkt alle paar Aufgaben (ein thematisches Aufgabenset, nicht eine einzelne Frage) – es wurde kein exakt altersbezogener Minuten‑Benchmark in diesem Durchlauf gefunden; jede Zahl sollte als Produktentscheidung behandelt werden, die von, nicht diktiert durch, das eine Band höher dokumentierte Geduld‑Muster informiert ist [3].
  13. Geräte‑Voreinstellungen: schnelles, tippen‑freies Profil‑Wechseln, keine Annahme eines persistierenden persönlichen Logins, für gemeinsam genutzte Familien‑Tablets oder Schul‑Chromebooks – eine abgeleitete Anforderung, nicht zitiert, basierend auf der Lücke in §10.
  14. Onboarding: Tutorial‑Sequenz überspringen; durch die erste echte Aufgabe lehren mit Inline‑Hilfestellung (ausgearbeiteter erster Schritt, Hinweis‑Button), passend zu der geringen Geduld dieses Bands für Verzögerungen [3] und der schwachen Behaltensleistung abstrakter Instruktionen ohne konkreten Anker [1].

Anti‑Pattern, die zu vermeiden sind

Offene Fragen für den Projektinhaber

  1. Sollte PRIMARY zusätzlich zu einer Familien‑Rangliste eine lehrer‑/klassen‑bezogene Rangliste unterstützen, da die COPPA‑Einwilligungsanforderung anders gilt, wenn die Schule das Kind anmeldet statt der Eltern direkt [9]?
  2. Wie steht Math Challenge zu jeglichen Echtgeld‑Kauf‑Möglichkeiten, die aus der PRIMARY‑Kinder‑Oberfläche erreichbar sind – komplett ausgeschlossen oder hinter einer Eltern‑Gate ohne randomisierte Mechanik?
  3. Sollten Avatare über KINDER, PRIMARY und TEEN hinweg geteilt/portierbar sein, wenn das Kind älter wird, oder erhält jedes Band ein separates System, das seiner eigenen visuellen Sprache entspricht?
  4. Angesichts des Wardrobe‑Effects [4]: lohnt es sich, mehrere Avatare zu speichern, oder sollte PRIMARY nur einen editierbaren Slot anbieten, um dem tatsächlichen Nutzungsverhalten zu entsprechen?
  5. Sollte der dyslexie‑freundliche Typografie‑Umschalter dem Kind direkt zugänglich sein, oder ausschließlich von Eltern/Lehrern eingestellt werden?
  6. Verfügt Math Challenge bereits über ein internes oder lizenziertes Alters‑spezifisches Sitzungs‑Längen‑Benchmark, das das hier festgestellte „keine Zahl gefunden“-Lückchen übersteuern sollte, anstatt es als reine Produktentscheidung zu belassen?

Quellen

  1. Wikipedia. "Piaget's theory of cognitive development" (concrete operational stage: conservation, inductive reasoning, decentration, limits on abstract reasoning)
  2. Nielsen Norman Group. "Children's UX: Usability Issues in Designing for Young People" (age-banding 3-5/6-8/9-12; grade-level rejection; animation preference; ad-blindness)
  3. Nielsen Norman Group. "Teenagers' UX: Designing Websites for Teens" (100 users aged 13-17, 210 sites/30 apps; 6th-grade reading recommendation; "Kids" as repellent; low patience; dislike of clutter)
  4. arXiv. "Understanding Children's Avatar Making in Social Online Games" (48 participants aged 8-13; four motivations; the "wardrobe effect")
  5. Digital Wellness Lab. "Young People's Use of Avatars and Virtual Character Customization" research brief (identity expression, gendered customization, hypersexualization-avoidance stats, loot-box concerns)
  6. Frontiers in Virtual Reality. "Designing the Self: Avatar Customization, Identity, and Affective Experience" (82 participants, ethnicity- stratified; customization satisfaction vs. representation)
  7. Nielsen Norman Group. "Young Users Usability Research Reports" (topic page: 156-recommendation Children ages 3-12 report vs. 124-tip Teenagers ages 13-17 report)
  8. accessiBe. "Dyslexia-Friendly Fonts & Typography Best Practices" (font choice, 16px minimum, 1.5x line-height, 0.12em letter-spacing, 0.16em word-spacing, 45-100 character lines, WCAG 4.5:1/3:1 contrast)
  9. Wikipedia. "Children's Online Privacy Protection Act" (under-13 threshold, personal-information definition, verifiable parental consent, restriction on excess data collection)
  10. Wikipedia. "Self-determination theory" (autonomy/competence/ relatedness; intrinsic vs. extrinsic reward mechanics)
  11. Understood.org. "What Is Dyscalculia" (5-10% prevalence, quantity-sense and numeral-mapping difficulty, time-pressure sensitivity, multi-input recommendations)
  12. Apple Developer. Human Interface Guidelines — Accessibility (44×44pt minimum tappable target)

Fragen, die dieses Dokument offen lässt

Sie bleiben bewusst unbeantwortet. Sie werden aufgelistet, nicht gelöst — sie zu einer FAQ zu machen hieße, Antworten zu erfinden, die das Dokument nicht enthält.

Eines von 51 Forschungsdokumenten, insgesamt 168.346 Wörter, beim Build aus den Dateien selbst gezählt. Dieses Dokument im Repository lesen