Diseño responsive
Diseñar una página de modo que su maquetación se adapte automáticamente a distintos tamaños de pantalla, como teléfonos, tabletas y ordenadores.
- 01
Por qué importa
En muchos sitios, la mayoría de los visitantes llegan desde sus teléfonos, y Google evalúa los sitios principalmente por su versión móvil. Un texto diminuto, tablas que se desbordan y botones demasiado pequeños para tocarlos en un teléfono hacen perder ventas y perjudican la accesibilidad.
- 02
Ejemplo
En el sitio de una clínica, el formulario de reserva tiene dos columnas en escritorio; en un teléfono se reduce a una columna, los botones se agrandan y se puede llamar al número de teléfono con un solo toque.
- 03
Error frecuente
Aprobar el diseño solo en escritorio y dejar la vista móvil para el último momento. Cuando el móvil se añade a última hora, el contenido y los botones resultan difíciles de usar.
- 04
Términos relacionados
- UX · Experiencia de usuario
- Core Web Vitals · Métricas de experiencia de página de Google
- WCAG · Pautas de accesibilidad para el contenido web
Servicios y guías relacionados
Hablemos de tu proyecto.
Cuéntenos lo que necesita; definiremos el alcance juntos.