Si has visitado la página de inicio de iTutor este mes, quizá hayas notado algo: ya no se ve como antes. El índigo y el cian brillantes han desaparecido. En su lugar, papel cálido, tinta nítida y un trazo firme de esmeralda. Esto no es una simple mano de pintura. Es un nuevo lenguaje de diseño, y se está extendiendo.
Los rediseños suelen anunciarse con adjetivos. Nosotros preferimos mostrarte las decisiones reales, porque el razonamiento es la parte interesante. Junto al nuevo Plan de Estudio y al modo de voz, este es el tercer pilar de nuestra actualización de julio.
Papel y Esmeralda
Llamamos al nuevo sistema Papel y Esmeralda. El fondo de cada página es un tono papel cálido en lugar de un blanco puro, porque aquí pasas horas, y el papel descansa mejor la vista que el resplandor. La tinta es la que habla. Y hay exactamente un color de acento, un verde esmeralda, reservado para lo que importa: la acción que deberías tomar, la sesión que deberías abrir, la palabra que se está pronunciando.
La tipografía sigue la misma disciplina. Una grotesca segura para los titulares, una fuente discreta y fiable para el cuerpo del texto, y una voz monoespaciada y pequeña para etiquetas, marcas de tiempo y datos. Tres roles, usados con coherencia, para que tu vista siempre sepa qué tipo de contenido está leyendo.
El resaltador cuenta la historia
Todo lenguaje de diseño necesita un gesto característico, y el nuestro es el resaltador. En la nueva página de inicio, los apuntes manuscritos de un estudiante aparecen sobre la página, un resaltador esmeralda recorre una línea, y esa misma línea se despega y se convierte en una tarjeta de estudio, un cuestionario, una pregunta de examen, un plan de estudio. Mientras haces scroll, la secuencia se repite con asignaturas reales y escrituras reales, incluido el árabe, escrito de derecha a izquierda.
No lo elegimos porque quede bonito. Es toda la promesa del producto dibujada en una imagen: iTutor trabaja a partir de tu material. Las palabras de la tarjeta son las palabras de tu página. Ningún otro motivo que probamos lo decía con tanta honestidad.
Menos ruido, más rápido de encontrar
El diseño anterior era desenfadado, y nos encantaba, pero competía consigo mismo. Cinco colores de acento significaban cinco cosas reclamando tu atención en cada pantalla. El nuevo lenguaje hace un intercambio simple: menos voces, jerarquía más clara. Titulares más grandes y tranquilos. Un solo botón verde por pantalla que es, evidentemente, el siguiente paso. Etiquetas de navegación más cortas y sencillas.
El beneficio práctico es la velocidad. No la velocidad de carga de la página (aunque también nos importa), sino la velocidad para encontrar las cosas: el botón que buscas es el verde, la etiqueta que buscas está donde la esperas, y nada decorativo finge ser importante.
Dónde lo verás a continuación
La página de inicio luce hoy el nuevo lenguaje, incluido el gran encabezado con el resaltador que reacciona al scroll, y se adapta a los doce idiomas de iTutor con soporte completo de derecha a izquierda. El resto del sitio la sigue página por página, y este blog ya empezó a vestirse para la ocasión: cada imagen de este artículo, y del resto de la serie de julio, está dibujada en Papel y Esmeralda.
Todo lo que hay debajo sigue igual: tus asignaturas, materiales, planes y progreso están exactamente donde los dejaste. Solo la ropa es nueva.