Wenn du in diesem Monat auf der iTutor-Startseite warst, ist dir vielleicht etwas aufgefallen: Sie sieht nicht mehr aus wie früher. Das leuchtende Indigo und Cyan sind verschwunden. An ihrer Stelle: warmes Papier, klare Tinte und ein einziger, selbstbewusster Strich Smaragdgrün. Das ist kein neuer Anstrich. Es ist eine neue Designsprache, und sie breitet sich aus.
Redesigns werden meistens mit Adjektiven angekündigt. Wir zeigen dir lieber die tatsächlichen Entscheidungen, denn die Überlegungen dahinter sind der eigentlich interessante Teil. Neben dem neuen Lernplan und dem Sprachmodus ist das die dritte Säule unseres Juli-Updates.
Papier und Smaragd
Wir nennen das neue System Papier und Smaragd. Der Untergrund jeder Seite ist ein warmer Papierton statt reinem Weiß, denn du verbringst hier Stunden, und Papier ist angenehmer für die Augen als grelles Weiß. Die Tinte übernimmt das Reden. Und es gibt genau eine Akzentfarbe, ein Smaragdgrün, reserviert für das, was zählt: die Aktion, die du als Nächstes ausführen solltest, die Sitzung, die du öffnen solltest, das Wort, das gerade gesprochen wird.
Typografie folgt derselben Disziplin. Eine selbstbewusste Grotesk für Überschriften, ein ruhiges Arbeitspferd für Fließtext, und eine kleine, monospaced Stimme für Labels, Zeitstempel und Fakten. Drei Rollen, konsequent eingesetzt, damit dein Auge immer weiß, welche Art von Inhalt es gerade liest.
Der Textmarker erzählt die Geschichte
Jede Designsprache braucht einen Signature-Move, und unserer ist der Textmarker. Auf der neuen Startseite liegen die handschriftlichen Notizen einer Studentin oder eines Studenten auf der Seite, ein smaragdgrüner Textmarker fährt über eine Zeile, und genau diese Zeile hebt sich ab und wird zu einer Karteikarte, einem Quiz, einer Prüfungsfrage, einem Lernplan. Während du scrollst, spielt sich die Sequenz mit echten Fächern und echten Schriften ab, einschließlich Arabisch, von rechts nach links geschrieben.
Wir haben ihn nicht gewählt, weil er hübsch aussieht. Er ist das gesamte Versprechen des Produkts, als Bild gezeichnet: iTutor arbeitet mit deinem Material. Die Wörter auf der Karteikarte sind die Wörter von deiner Seite. Kein Motiv, das wir ausprobiert haben, hat das ehrlicher ausgedrückt.
Weniger Lärm, schneller finden
Das alte Design war verspielt, und wir haben es geliebt, aber es hat mit sich selbst konkurriert. Fünf Akzentfarben bedeuteten fünf Dinge, die auf jedem Bildschirm um deine Aufmerksamkeit buhlten. Die neue Sprache macht einen einfachen Tausch: weniger Stimmen, klarere Hierarchie. Größere, ruhigere Überschriften. Ein grüner Button pro Bildschirm, der offensichtlich der nächste Schritt ist. Kürzere, schlichtere Navigationsbeschriftungen.
Der praktische Gewinn ist Geschwindigkeit. Nicht die Ladegeschwindigkeit der Seite (die uns übrigens auch wichtig ist), sondern die Geschwindigkeit, mit der du Dinge findest: Der Button, den du willst, ist der grüne, die Beschriftung, nach der du suchst, ist dort, wo du sie erwartest, und nichts Dekoratives tut so, als wäre es wichtig.
Wo du es als Nächstes sehen wirst
Die Startseite trägt die neue Sprache schon heute, einschließlich des scroll-gesteuerten Textmarker-Heros, und sie passt sich an alle zwölf iTutor-Sprachen an, mit vollständiger Unterstützung für Rechts-nach-links-Text. Der Rest der Website folgt Seite für Seite, und dieser Blog hat sich für den Anlass bereits herausgeputzt: Jede Grafik in diesem Artikel und im Rest der Juli-Serie ist in Papier und Smaragd gezeichnet.
Darunter bleibt alles unverändert: deine Fächer, Materialien, Pläne und dein Fortschritt sind genau dort, wo du sie zurückgelassen hast. Nur die Kleidung ist neu.