Cómo optimizar la página de destino de su sitio web para dispositivos móviles

Ya no es necesario subrayar la importancia de preparar su sitio para dispositivos móviles. La revolución móvil es el cambio más grande en la breve historia de la Web. La única pregunta es si los usuarios de teléfonos inteligentes y tabletas constituirán más de la mitad de su audiencia este año o el próximo.

Teniendo esto en cuenta, optimizar sus páginas de destino para dispositivos móviles es ahora un proceso esencial para todo diseñador. Sin embargo, no tiene por qué ser difícil, hay una lista de verificación simple que puede ejecutar para asegurarse de que su sitio esté listo para los navegadores móviles:

Escale apropiadamente

La capacidad de un sitio web para escalar a varios dispositivos es vital. Hay miles de dispositivos disponibles, por lo que seleccionar algunos tamaños de pantalla representativos no es práctico.

La respuesta aceptada a esto es el diseño web receptivo, algunas personas argumentan que la adaptación es mejor, otras personas argumentan que la adaptación es lo mismo. Estos argumentos son realmente semánticos, la conclusión es que tienes la capacidad de hacer que tu sitio funcione en cualquier dispositivo, actual o futuro. No hacerlo sería irresponsable.

Una consideración importante: asegúrese de que su sitio se adapte correctamente en formato vertical y horizontal.

Seleccione el contenido con cuidado

Obviamente, los dispositivos móviles ofrecen mucho menos espacio para colocar contenido en una página de destino. Idealmente, mantenga los titulares cortos, concisos, al grano y alrededor de tres a cuatro palabras. Asimismo, mantenga la página lo más ordenada posible, con un número reducido de enlaces y un máximo de una imagen, si es posible.

Ponga el contenido en viñetas para que el ojo pueda asimilarlo fácilmente, sin tener que hacer una pausa y entrecerrar los ojos. Además, cree una llamada a la acción clara para tentar al visitante a visitar el resto del sitio. Debería ofrecer algún tipo de incentivo y podría ser tan simple como un botón que permita a los visitantes llamar a la empresa, lo que es especialmente útil para las empresas locales que también utilizan servicios de ubicación.

Algo así como el 75% de los buscadores toman medidas en sus resultados de búsqueda en una hora, por lo que es fácil ver por qué una llamada a la acción debe ser sólida. Además, coloque la llamada a la acción en algún lugar cerca de la parte superior de la página, de modo que sea una de las primeras cosas que vea el visitante móvil.

El tamaño importa

Sí, el tamaño realmente importa, es decir, el tamaño del archivo. Una página de destino siempre debe cargarse rápidamente, especialmente una a la que se accederá a través de un dispositivo móvil.

No hay una regla establecida, cuanto más rápido, mejor, pero como guía general, si su página de destino tarda más de 3 o 4 segundos en cargarse, comenzará a perder muchos usuarios.

Idealmente, su página debe ser extremadamente liviana, por debajo de 20 kilobytes. Las imágenes tardan mucho en cargarse y, por lo tanto, deben mantenerse al mínimo. Mantenga todo su código limpio y ordenado, use sprites de imagen si es necesario y use CSS en lugar de imágenes cuando sea posible.

Además del tamaño del archivo, piense en la cantidad de solicitudes que se realizan al servidor; por lo general, esas solicitudes causan más demoras que la descarga real del archivo.

¿Eres local?

Los usuarios de dispositivos móviles suelen estar en movimiento, así que utilice los servicios de ubicación. Adapte la página de destino para que sea relevante para los usuarios locales y ofrézcales incentivos también. Puede personalizar el contenido para la sucursal local de una tienda, por ejemplo.

Dependiendo del tamaño y alcance del proyecto, también puede adaptar el contenido principal a la ubicación.

La legibilidad importa más que nunca

Poder leer lo que está en la pantalla es vital, por eso menos es más. Si no puede leer el texto con el teléfono extendido, entonces debe ser más grande. Realmente tienes limitaciones de espacio.

Tampoco haga que los usuarios se desplacen sin cesar, o de lo contrario se aburrirán rápidamente y seguirán adelante. Sí, las personas tienen poca capacidad de atención en Internet, mucho más corta que cuando leen una revista o un libro, por lo que todo lo que hagas debe captar su atención. inmediatamente.

¡Pulgares hacia arriba!

Cualquier cosa en la que se pueda hacer clic en su página de destino debe pasar la prueba del pulgar. Si no se puede hacer clic fácilmente con el pulgar, reconsidere. Proteja los enlaces para dejar el mayor espacio posible a su alrededor y dejar un amplio espacio entre los enlaces. Esto reducirá las posibilidades de que el usuario toque los enlaces incorrectos y se vaya por frustración.

Se pueden usar complementos para garantizar que las fotos se puedan deslizar fácilmente, aunque no se recomienda exactamente poner fotos en la página de destino.

Formularios y entrada

Si coloca un formulario en la página de destino, manténgalo muy simple y no ocupe mucho espacio. Los formularios que requieren una gran cantidad de información son desagradables y logran una tasa de conversión más baja que los formularios simples. Por lo tanto, agregue la menor cantidad de campos posible.

Una vez más, la gente se aburre rápidamente, por lo que darles un formulario extenso para completar hará que sea más probable que abandonen el sitio.

Navegación sencilla

La navegación debe ser simple y directa. Mantenga los botones al mínimo y asegúrese de que pasen la prueba del pulgar. Intente agregar botones a diferentes áreas de la página para que se pueda seguir una ruta lógica.

Probando, probando, probando …

Pruebe minuciosamente su página de destino para asegurarse de que funcione de manera eficaz en dispositivos móviles. Considere las pruebas A / B, que se ha demostrado que aumentan los clientes potenciales hasta en un 40% en algunos casos.

Con una prueba A / B, crearía dos diseños de la misma página, A y B. Luego, el tráfico se divide entre cada diseño para ver cuál funciona mejor. Utilice métricas que sean las más importantes para el proyecto, como tasa de conversión, ventas, tasa de rebote. Al final de la prueba, elija el que funcione mejor y estará a medio camino de tener un diseño probado.

Hay muchos simuladores móviles, pero cualquiera que elija, asegúrese de usarlo solo para la primera ronda de pruebas. Para probarte adecuadamente tengo utilizar dispositivos reales. Pida, pida prestado y robe si es necesario, simplemente visite su sitio en tantos dispositivos reales como pueda.

Mantenga las acciones al mínimo

Cuantos más clics o acciones tenga que realizar un usuario, es menos probable que las complete. Permita que las personas vayan del punto A al punto B con la menor cantidad de clics posible. Haga que todos los aspectos de la navegación y la llamada a la acción sean increíblemente simples.

Estos son los aspectos más importantes a tener en cuenta al optimizar una página de destino para dispositivos móviles. Recuerde durante todo el proceso de diseño que el móvil es un medio diferente a la PC. Las personas tienen incluso menos paciencia con los dispositivos móviles porque, por lo general, están en movimiento y quieren completar su tarea con un mínimo de alboroto. Los tiempos de carga lentos y la interacción que no responde también irritan a las personas, así que tómese el tiempo para hacerlo bien.

Hacerlo bien puede ser gratificante y podría significar la diferencia entre el buen desempeño del sitio frente a la competencia y la pérdida de visitantes.

Imagen destacada / miniatura, imagen móvil a través de Shutterstock.