Un titular impactante en un monitor grande puede ocupar toda la pantalla de un teléfono. Un pie fino y gris que parece sutil en un archivo de diseño puede casi desaparecer bajo la luz del sol. La tipografía móvil empieza por comprender las condiciones de lectura: pantallas pequeñas, sesiones breves, conexiones de calidad variable y la necesidad de avanzar rápidamente hacia una acción. Su propósito no es reducir un diseño de escritorio, sino conservar el significado y la atención en un entorno diferente.
Crea una jerarquía clara
Los lectores deben distinguir de inmediato el título de la página, los encabezados de sección, el cuerpo del texto y las instrucciones de los campos. Esto no requiere decenas de tamaños y grosores. Un sistema pequeño y coherente funciona mejor cuando el espaciado refuerza las relaciones entre elementos. Un encabezado debe estar más cerca del párrafo que introduce que de la sección anterior. Los componentes idénticos deben mantener un aspecto coherente en todo el sitio, incluidos los artículos de la revista y las páginas de contacto.
Prueba con textos reales
Un titular corto de demostración no revelará cómo se comporta el nombre largo de un servicio en ucraniano. Introduce contenido real durante el diseño. Comprueba apóstrofos, comillas, guiones, números, direcciones y palabras largas. No añadas saltos de línea forzados solo para perfeccionar una captura: pueden romper el ritmo en otra anchura de pantalla. Si un título no cabe, simplifica su redacción antes de reducir las letras a un tamaño incómodo.
Trata el párrafo como un elemento de interfaz
Una pared de texto es difícil de recorrer visualmente en un teléfono. Divide el contenido por significado, da nombres específicos a las secciones y utiliza una lista para una secuencia de acciones cuando realmente ayude. Del mismo modo, no conviertas cada frase en un bloque decorativo independiente. Busca un ritmo que facilite tanto la lectura rápida como la detallada. Las condiciones importantes no deben volverse discretas solo para conservar una composición de aspecto limpio.
Recuerda la interacción
La tipografía también afecta a los botones y formularios. Las personas deben entender qué ocurrirá después de hacer clic. «Hablar sobre un proyecto» describe la acción con más precisión que un vago «Empezar» cuando el siguiente paso es una consulta. Los campos deben conservar etiquetas comprensibles después de introducir valores y los errores deben explicar cómo corregir el problema. La información importante no debe comunicarse solo mediante el color: una breve explicación textual evita tener que adivinar.
Prueba más que las dimensiones de pantalla
Comprueba la página con zoom aumentado, navegación con teclado e imágenes que no se han cargado. Asegúrate de que el contenido principal no quede cortado ni tapado por un panel fijo. El W3C ofrece comprobaciones preliminares de accesibilidad, entre ellas revisiones de encabezados y otros elementos de página. No sustituyen una auditoría completa, pero ayudan a identificar problemas evidentes antes de publicar. Las pruebas automatizadas tampoco pueden evaluar la claridad de cada texto.
La comprobación final es sencilla: abre el sitio en un teléfono corriente y léelo como un visitante nuevo. Si necesitas forzar la vista, ampliar un pasaje concreto o adivinar la siguiente acción, reconsidera el diseño, aunque la maqueta original parezca impecable.