Se hai visitato la homepage di iTutor questo mese, potresti aver notato qualcosa: non è più come prima. L'indaco acceso e il ciano sono spariti. Al loro posto, carta calda, inchiostro nitido e un unico tratto deciso di smeraldo. Non è una semplice mano di vernice. È un nuovo linguaggio visivo, e si sta diffondendo.
I redesign di solito si annunciano con aggettivi. Noi preferiamo mostrarti le decisioni vere e proprie, perché è il ragionamento la parte interessante. Insieme al nuovo Piano di Studio e alla modalità vocale, questo è il terzo pilastro del nostro aggiornamento di luglio.
Carta e Smeraldo
Il nuovo sistema lo chiamiamo Carta e Smeraldo. Lo sfondo di ogni pagina è un tono di carta calda invece del bianco puro, perché qui passi ore intere e la carta affatica gli occhi meno del riflesso di uno schermo bianco. A parlare è l'inchiostro. E c'è un solo colore di accento, un verde smeraldo, riservato a ciò che conta davvero: l'azione da compiere, la sessione da aprire, la parola che viene pronunciata.
Anche la tipografia segue la stessa disciplina. Un grottesco deciso per i titoli, un carattere discreto e affidabile per il corpo del testo, e una piccola voce monospaziata per etichette, orari e dati. Tre ruoli, usati con coerenza, così il tuo occhio sa sempre che tipo di contenuto sta leggendo.
L'evidenziatore racconta la storia
Ogni linguaggio visivo ha bisogno di un gesto distintivo, e il nostro è l'evidenziatore. Sulla nuova homepage, gli appunti scritti a mano di uno studente compaiono sulla pagina, un evidenziatore smeraldo passa su una riga, e proprio quella riga si solleva e diventa una flashcard, un quiz, una domanda d'esame, un piano di studio. Mentre scorri la pagina, la sequenza si ripete su materie reali e scritture reali, incluso l'arabo, scritto da destra a sinistra.
Non l'abbiamo scelto perché è bello da vedere. È l'intera promessa del prodotto disegnata come un'immagine: iTutor lavora a partire dal tuo materiale. Le parole sulla flashcard sono le parole della tua pagina. Nessun altro motivo grafico che abbiamo provato lo diceva con altrettanta onestà.
Meno rumore, più veloce da orientarsi
Il vecchio design era giocoso, e lo amavamo, ma finiva per competere con se stesso. Cinque colori di accento significavano cinque elementi che reclamavano la tua attenzione su ogni schermata. Il nuovo linguaggio fa uno scambio semplice: meno voci, gerarchia più chiara. Titoli più grandi e più calmi. Un solo pulsante verde per schermata, che è chiaramente il passo successivo. Etichette di navigazione più brevi e più dirette.
Il vantaggio pratico è la velocità. Non la velocità di caricamento della pagina (anche se ci teniamo pure a quella), ma la velocità nel trovare le cose: il pulsante che cerchi è quello verde, l'etichetta che stai scorrendo con lo sguardo è dove te la aspetti, e nulla di decorativo finge di essere importante.
Dove lo vedrai arrivare adesso
La homepage indossa già oggi il nuovo linguaggio, incluso l'hero con l'evidenziatore che si attiva scorrendo la pagina, e si adatta a tutte e dodici le lingue di iTutor con pieno supporto da destra a sinistra. Il resto del sito segue pagina dopo pagina, e questo blog ha già iniziato a vestirsi a festa: ogni immagine di questo articolo, e del resto della serie di luglio, è disegnata in Carta e Smeraldo.
Tutto quello che c'è sotto resta invariato: le tue materie, i materiali, i piani e i progressi sono esattamente dove li hai lasciati. Solo l'abito è nuovo.