Der Hauptstil ist klar, lebendig und modern
Schnittstellen für Kinder sowie für Erwachsene sollten klar sein. Auf der Bildungsplattform sollte nichts vom Hauptberuf ablenken - Lernen. Daher ist die Basis des Uchi.ru-Stils ein flaches Design mit dem minimal erforderlichen Detaillierungsgrad von Objekten und sauberen geometrischen Formen.
Die gleiche Illustration vor fünf Jahren und jetzt. Die Konturen sind klarer und die Farben sind satter.
Flaches Design entstand in den 80er Jahren und wurde in den 2010er Jahren wieder populär. Vor vierzig Jahren war das flache Design durch technische Einschränkungen eingeschränkt: Es war damals unmöglich, Schatten und Farbverläufe anzuzeigen. Heute sieht die Wohnung modern aus, ohne auf sich aufmerksam zu machen. Der Benutzer konzentriert sich nicht auf die Grafik, sondern auf das, was sie umrahmt - den Bildungsprozess.
Wir versuchen, das Erscheinungsbild von Uchi.ru leicht, saftig und relevant zu gestalten. Wir verwenden lichtgesättigte Farbtöne, halten das Gleichgewicht zwischen Farbe und weißem Hintergrund aufrecht und überwachen den Kontrast. All dies hilft Kindern, die Grenzen von Schnittstellenelementen klar zu unterscheiden und sie intuitiv voneinander zu trennen.
Guter und schlechter Kontrast
Unterhaltungselement: Universum der Charaktere
Es ist wichtig, mit dem Kind in seiner Sprache zu sprechen. Untersuchungen der Nielsen Norman Group haben gezeigt, dass Kinder hauptsächlich zur Unterhaltung ins Internet kommen. Wir berücksichtigen dies und entwickeln eine Hülle für den Bildungskern - eine Welt, in der Kinder am Lernen interessiert sind. Die Basis der Welt von Uchi.ru ist das Universum der Dinosaurier.
Die Zeichnung eines Schulkindes der Tjumener Schule
Mascot Uchi.ru - der Dinosaurier Grischa - erschien 2015 und verliebte sich sofort in Kinder. Allmählich hat er Verwandte und Freunde gewonnen - das Universum der Dinosaurier wächst weiter. Charaktere dekorieren nicht nur Schnittstellen und Aufgaben, sondern helfen auch, Kontakt mit Kindern herzustellen. Die Geschichten, die Grischa passieren, beziehen die Schüler mit ein und erleichtern den Lernprozess. Wir werden zu neuen Ideen inspiriert.
Kinder nehmen den Dinosaurier als Autorität und ihren Helden wahr. Es hilft uns sehr, mit unseren Benutzern dieselbe Sprache zu sprechen. Wir erhalten jedes Jahr mehrere hundert Briefe von Kindern. Die Jungs zeichnen Grischa, erzählen ihm von ihrem akademischen Erfolg und lassen sich neue Geschichten einfallen.
Phasen der Entwicklung des Bildes von Grischa
Aber Schüler der Mittel- und Oberstufe interessieren sich nicht mehr so sehr für das Universum der Dinosaurier: Es scheint ihnen zu kindisch. Stattdessen werden Schüler der Klassen 5 bis 11 auf der Plattform von jugendlichen Charakteren und Superhelden begleitet, die groß und cool aussehen.
High School Superhelden Charaktere
Auf die Größe kommt es an: Schriftarten, Schaltflächen, Textgröße
Kinder nehmen Schnittstellen anders wahr als Erwachsene. Dies gilt insbesondere für den Text.
- Kinder im Alter von 3 bis 5 Jahren können noch kein einziges Wort lesen und Wörter wie Bilder behandeln.
- Kinder im Alter von 6-8 Jahren lesen langsam. Und je jünger sie sind, desto wahrscheinlicher ist es, dass sie es in Silben tun. Für Grundschüler ist es wichtig, dass der Text auf dem Bildschirm groß ist, damit die Wörter leichter zu lesen sind.
- Kinder im Alter von 9-12 Jahren lesen schneller, aber immer noch schlecht. Ein Kind kann die Fähigkeit zum Scannen von Text erst im Alter von 13 bis 14 Jahren beherrschen.
Wir haben verschiedene Regeln entwickelt, die helfen, die Besonderheiten des Lesestils von Kindern zu berücksichtigen:
- Wir stellen sicher, dass der Text unserer Schnittstellen groß und mindestens 16 Pixel hoch ist.
- Es sollte nicht viel Text geben. Es ist besser, wenn es nur ein Wort gibt.
- Gute Tasten sind groß und kontrastreich. Sie sollten mindestens 30 Pixel hoch sein und der anklickbare Bereich sollte viel größer sein als die Schaltfläche selbst.
Ein Beispiel für das persönliche Konto eines Schülers - Erkennen der Kraft der Gewohnheit: Machen Sie Knöpfe mit der erwarteten Form und platzieren Sie sie an vorhersehbaren Stellen.
. (2017)
, , . , , , . . . , .
, , . , .
. , , . , .
. — . - next step button . , , — .
, , . — , -. .
, . , .
: , , , , , , .
Kinder benutzen Maus und Tastatur unterschiedlich
Während für einen Erwachsenen die Eingabe eines Wortes eine Frage von Sekunden ist, kann es für ein Kind bis zu einer Minute oder länger dauern. Je jünger das Kind ist, desto schlechter sind die Feinmotorik seiner Hände und desto schmerzhafter ist es für ihn, den Cursor über den Bildschirm zu bewegen, auf kleine Schaltflächen und Links zu klicken.
Wir haben versucht, all dies im ersten Bildschirm zu berücksichtigen - beim Betreten der Site.
- Das Passwort ist während der Einführung sichtbar und bis das Kind auf "Enter" klickt. Kinder tippen nur langsam. Wenn das Kennwort also hinter Sternchen versteckt ist, vergessen sie möglicherweise, welche Zeichen sie bereits eingegeben haben und welche hinzugefügt werden müssen.
- — . , , , , . , — . .
- . . , . .
- . . , .
.
Aufmerksamkeit ist Gold: Keine Hindernisse auf dem Weg des Benutzers
Knöpfe sehen aus wie Knöpfe
Im Gegensatz zu Erwachsenen erfahren Kinder mehr über Websites und Apps. Kinder unter zehn Jahren versuchen mit größerer Wahrscheinlichkeit eine nicht standardmäßige Aktion. Klicken Sie beispielsweise auf Objekte, die wie Schaltflächen oder Symbole aussehen, und klicken Sie immer wieder darauf, wobei Sie erwarten, dass das n-te Mal zu einem neuen Ergebnis führt. Erwachsene verallgemeinern eher Erfahrungen aus ein oder zwei Studien. Daher ist es in Kinderoberflächen so wichtig, Schaltflächen in Form von Schaltflächen und den übrigen Elementen zu erstellen, um Schaltflächen so unähnlich wie möglich zu sein.
Warten ist unerträglich
Erwachsene mögen keine langen Ladezeiten. Kinder lieben sie nicht mehr! Wenn nach dem Klicken auf den Bildschirm eine ganze Sekunde lang nichts passiert, ärgert sich das Kind und klickt weiter. Selbst 800 ms, in denen die Animation dauert, scheinen für Kinder zu lang.
Je weniger Bildschirme zwischen den Inhalten angezeigt werden, desto besser
Der wichtigste vereinfachte Zweck der Schnittstelle der Bildungsplattform besteht darin, das Kind in die Lösung von Problemen einzutauchen. Während der Pause zwischen den Karten sieht das Kind Benachrichtigungen über Erfolg oder Misserfolg, gelangt in die Schnittstelle seines persönlichen Kontos, wo es zu anderen Themen gehen oder die Lösung fortsetzen kann.
Im Laufe der Zeit gab es mehr wettbewerbsfähige Mechaniker auf der Plattform, zusammen mit der Zunahme der Anzahl von Warnungen. So könnte der Pfad des Kindes zwischen den Karten aussehen, wenn wir ausnahmslos alle Informationen weitergeben würden:
Ein so langer Pfad würde unweigerlich zu einer Abwanderung von Benutzern führen. Daher zeigen wir zwischen den Aufgaben nur einen Bildschirm mit einer einzigen Schaltfläche "Weiter entscheiden":
Über optional - ehrlich
Geben Sie den Kindern die Wahl, zusätzliche, aber optionale Aktivitäten zu absolvieren oder nicht.
Details - unter dem Schnitt
Details und Details sollten nicht von der Hauptaktion ablenken, sodass sie nicht zum Hauptbildschirm gehören.
Kinder lesen nicht
In den ersten Sekunden sehen Erwachsene diesen Bildschirm folgendermaßen:
Ein Schüler der zweiten Klasse wie folgt :
Diese Funktion muss berücksichtigt und für ihre eigenen Zwecke verwendet werden. Ein Bildschirm mit viel kleinem Text zwingt das Kind also, einen Erwachsenen zum Bildschirm zu rufen.
Kleingedrucktes und ein komplexes Beispiel lenken die Aufmerksamkeit der Kinder ab, ziehen aber ihre Eltern auf den Bildschirm.
Fassen wir zusammen
In vielerlei Hinsicht ähneln Schnittstellen für Kinder Schnittstellen für Erwachsene. Gleichzeitig gibt es Funktionen, die leicht zu berücksichtigen sind. Durch Versuch und Irrtum haben wir Prinzipien für uns selbst identifiziert:
- Behalten Sie das Gleichgewicht zwischen Farbe und weißem Hintergrund bei und überwachen Sie den Kontrast.
- Tauchen Sie den Schüler in eine Fantasiewelt ein - auf diese Weise ist das Material leichter zu lernen.
- Große Etiketten sind leichter zu lesen.
- .
- — , .
- . — .
- .
- .
- , .
- .
- . .
- . .