Piense en la última vez que buscó un negocio en internet: probablemente lo hizo desde el celular. Sus clientes también. Un sitio que no se ve bien en una pantalla pequeña pierde visitas y ventas, y además Google lo tiene en cuenta al posicionar.
Qué es el diseño responsive
Es un diseño que se adapta automáticamente al tamaño de pantalla: computador, tableta o teléfono. Es el mismo sitio, pero reorganizado para cada dispositivo, sin hacer zoom ni desplazarse de lado.
Cómo probar su sitio en 2 minutos
- Ábralo en su celular con datos móviles.
- Verifique que el texto se lea sin acercar la pantalla.
- Pruebe tocar el menú, los botones y los enlaces con el dedo.
- Rellene el formulario de contacto y envíelo.
- En el computador, reduzca el ancho de la ventana del navegador y observe cómo se adapta.
Errores comunes
- Texto muy pequeño que obliga a ampliar.
- Botones pegados que se tocan por error.
- Imágenes enormes que hacen lenta la carga con datos móviles.
- Ventanas emergentes que tapan el contenido y no se pueden cerrar.
- Menús que no abren en el teléfono.
- Tablas anchas que se salen de la pantalla.
Piense primero en el celular
Un buen enfoque es diseñar primero la versión móvil, con lo esencial, y luego ampliar para pantallas grandes. Obliga a priorizar lo que importa.
Si su sitio no se ve bien en el celular, conozca nuestro servicio de diseño web.
