El celular ya no es "también", es lo principal
Cuando construyo una web hoy, dejo de pensar primero en cómo se ve en el computador. Pienso primero en el celular, porque así navega la mayoría de la gente en Chile. Según datos de tráfico que manejamos en nuestros propios proyectos, más del 65-70% de las visitas a un sitio pyme típico llegan desde un teléfono, no desde un notebook o PC de escritorio.
Si tu web se diseñó pensando en pantalla grande y "también funciona" en celular, probablemente está fallando justo donde llega la mayoría de tus visitantes.
Qué es realmente el diseño responsive (y qué no es)
Responsive no es "que se vea sin cortarse" en el celular. Es que la experiencia completa —botones, textos, formularios, velocidad— esté pensada para uso con el dedo pulgar, en una pantalla pequeña, muchas veces con conexión móvil no siempre estable.
Botones del tamaño correcto
Un botón diseñado para clic de mouse suele ser demasiado pequeño para tocar cómodo con el dedo. El estándar recomendado es que cualquier botón o enlace clicable tenga al menos 44x44 píxeles de área tocable, para que nadie tenga que hacer zoom o adivinar dónde tocar.
Texto legible sin hacer zoom
Si el visitante tiene que pellizcar la pantalla para agrandar el texto, ya perdiste. El tamaño mínimo recomendado en móvil es 16px para el cuerpo del texto, con buen espaciado entre líneas.
📱 Dato de Chile: la mayoría del tráfico de un sitio pyme promedio llega desde celular. Si tu web no está optimizada para móvil, probablemente estás perdiendo a la mayoría de tus visitantes potenciales antes de que lean tu primera oferta.
Los errores más comunes en webs "responsive" que en realidad no lo son
- Menús que no colapsan bien: un menú horizontal de escritorio que se ve amontonado o roto en celular en vez de convertirse en un menú hamburguesa limpio.
- Formularios largos e incómodos: campos diminutos, difíciles de tocar, sin teclado numérico automático para teléfono.
- Imágenes pesadas sin optimizar: fotos de varios megabytes que tardan segundos eternos en cargar con datos móviles.
- Popups que tapan toda la pantalla en celular y son casi imposibles de cerrar.
- Texto que se desborda o tablas que obligan a hacer scroll horizontal incómodo.
Velocidad en móvil: el factor que casi nadie revisa
Una conexión móvil en Chile, sobre todo fuera de Santiago, no siempre tiene la misma velocidad que el wifi de oficina. Una web pesada que carga rápido en el computador de la agencia puede tardar el doble o el triple en un celular con datos móviles. Herramientas como PageSpeed Insights de Google te muestran exactamente dónde está el problema: casi siempre son imágenes sin comprimir o demasiados plugins.
Google también te castiga (o premia) por esto
Desde hace años, Google usa principalmente la versión móvil de tu sitio para decidir tu posición en los resultados de búsqueda (el llamado "mobile-first indexing"). Es decir: aunque tu web se vea espectacular en computador, si la versión móvil es lenta o incómoda, tu posicionamiento SEO se ve directamente afectado. Puedes leer más sobre esto en nuestro artículo de SEO on-page explicado.
Cómo lo resolvemos en cada proyecto
Todas las webs que armamos en All Prozar se diseñan y prueban primero en móvil, no como un ajuste posterior. Esto forma parte de nuestros planes de sitio web, sea un sitio de presentación o una tienda online completa. Si tienes dudas sobre cómo se ve tu web actual en celular, el primer paso es simplemente abrirla desde tu propio teléfono con datos móviles (no wifi) y cronometrar cuánto tarda en cargar. Si pasan más de 3-4 segundos, ya tienes tu respuesta.