Als je deze maand de startpagina van iTutor hebt bezocht, is je misschien iets opgevallen: die ziet er niet meer hetzelfde uit. De felle indigo en cyaan zijn verdwenen. Daarvoor in de plaats: warm papier, scherpe inkt en één zelfverzekerde streek smaragdgroen. Dit is geen nieuw likje verf. Het is een nieuwe ontwerptaal, en die breidt zich uit.
Een nieuw ontwerp wordt meestal aangekondigd met bijvoeglijke naamwoorden. Wij laten je liever de echte keuzes zien, want de redenering erachter is het interessante deel. Naast het nieuwe Studieplan en de spraakmodus is dit de derde pijler van onze update van juli.
Papier en Smaragd
We noemen het nieuwe systeem Papier en Smaragd. De ondergrond van elke pagina is een warme papiertint in plaats van fel wit, want je brengt hier uren door en papier is rustiger voor de ogen dan een felle gloed. Inkt voert het woord. En er is precies één accentkleur, een smaragdgroen, gereserveerd voor de dingen die ertoe doen: de actie die je moet ondernemen, de sessie die je moet openen, het woord dat wordt uitgesproken.
Typografie volgt dezelfde discipline. Een zelfverzekerde grotesk voor koppen, een rustige werkpaard-stijl voor lopende tekst en een kleine monospace-stem voor labels, tijdstempels en feiten. Drie rollen, consistent toegepast, zodat je oog altijd weet wat voor soort tekst het leest.
De markeerstift vertelt het verhaal
Elke ontwerptaal heeft één herkenbaar handelsmerk nodig, en het onze is de markeerstift. Op de nieuwe startpagina liggen de handgeschreven aantekeningen van een student op de pagina, veegt een smaragdgroene markeerstift over een regel, en precies die regel tilt op en wordt een flashcard, een quizvraag, een examenvraag, een studieplan. Terwijl je scrollt, speelt de reeks zich af met echte vakken en echte schriften, inclusief Arabisch, geschreven van rechts naar links.
We kozen er niet voor omdat het mooi is. Het is de hele belofte van het product in beeld gebracht: iTutor werkt vanuit jouw materiaal. De woorden op de flashcard zijn de woorden van jouw pagina. Geen enkel ander motief dat we probeerden, vertelde dat eerlijker.
Minder ruis, sneller vinden wat je zoekt
Het oude ontwerp was speels, en we vonden het geweldig, maar het concurreerde met zichzelf. Vijf accentkleuren betekenden vijf dingen die op elk scherm om je aandacht vroegen. De nieuwe taal maakt een simpele ruil: minder stemmen, duidelijkere hiërarchie. Grotere, rustigere koppen. Eén groene knop per scherm die overduidelijk de volgende stap is. Kortere, eenvoudigere navigatielabels.
Het praktische voordeel is snelheid. Niet de laadsnelheid van de pagina (hoewel we daar ook om geven), maar de snelheid waarmee je dingen vindt: de knop die je zoekt, is de groene, het label waar je naar scant staat waar je het verwacht, en niets decoratiefs doet zich voor als belangrijk.
Waar je het hierna zult zien
De startpagina draagt de nieuwe taal vandaag al, inclusief de scroll-gestuurde hero met de markeerstift, en past zich aan alle twaalf talen van iTutor aan, met volledige ondersteuning voor rechts-naar-links. De rest van de site volgt pagina voor pagina, en deze blog heeft zich al voor de gelegenheid aangekleed: elke afbeelding in dit artikel, en in de rest van de julireeks, is getekend in Papier en Smaragd.
Alles daaronder blijft ongewijzigd: je vakken, materialen, plannen en voortgang staan precies waar je ze hebt achtergelaten. Alleen het jasje is nieuw.