Diseñar primero para pantallas pequeñas

Un enfoque mobile-first comienza por la lectura y las tareas esenciales en una pantalla pequeña. Después amplía la presentación cuando hay espacio.

Priorizar el contenido

Define qué información necesita la persona para comprender la página. Una estructura clara sigue siendo valiosa cuando desaparecen las columnas.

No se trata de ocultar lo importante en el móvil. La prioridad consiste en ordenar, simplificar y hacer accesibles las acciones.

Ampliar sin perder el orden

Cuando haya espacio, algunos bloques pueden colocarse en paralelo. Mantén un orden del documento que siga teniendo sentido.

Una composición visual distinta no debería cambiar de forma confusa la secuencia del teclado o de la lectura.

Probar tareas completas

Abre el menú, recorre un formulario y lee un título largo. Revisa cómo se utilizan los componentes, no solo cómo quedan en una captura.

Incluye anchos intermedios. Muchos problemas aparecen entre las dos versiones que se suelen llamar móvil y escritorio.

Seguir aprendiendo

Relaciona esta lectura con los demás recursos de Yovrix y prueba las ideas en un proyecto pequeño. Las imágenes, cuando aparecen, son ilustrativas.