Ya no es necesario subrayar la importancia de preparar su sitio para dispositivos móviles. La revolución móvil es el mayor cambio en la corta historia de la Web. La única pregunta es si los usuarios de teléfonos inteligentes y tabletas representarán más de la mitad de su audiencia este año o el próximo.
Teniendo esto en cuenta, la optimización de sus páginas de destino para dispositivos móviles es ahora un proceso esencial para todos los diseñadores. No tiene que ser difícil, sin embargo, hay una lista de verificación simple que puede ejecutar para asegurarse de que su sitio esté listo para navegadores móviles:
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 la misma cosa. Estos argumentos son realmente semánticos, la conclusión es que usted tiene la capacidad de hacer que su 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 vertical y horizontal.
Obviamente, los dispositivos móviles ofrecen mucho menos espacio para adaptar el contenido a una página de destino. Idealmente, mantenga los titulares breves, sucintos, al punto y alrededor de tres o cuatro palabras. Del mismo modo, mantenga la página lo más libre posible, con un número bajo de enlaces y un máximo de una imagen, si es factible.
Coloque el contenido en viñetas para que el ojo pueda captarlo fácilmente, sin tener que pausar ni entrecerrar los ojos. Además, cree un llamado a la acción claro para tentar al visitante a visitar el resto del sitio. Debería dar algún tipo de incentivo y podría ser tan simple como un botón que permita a los visitantes llamar al negocio, especialmente útil para empresas locales que también usan 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é un llamado a la acción debe ser fuerte. Además, ponga el llamado 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 ve el visitante móvil.
Sí, el tamaño realmente importa, el tamaño del archivo, eso es. Una página de aterrizaje siempre debe ser rápida de cargar, 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 aterrizaje tarda más de 3 o 4 segundos en cargarse, comenzará a perder muchos usuarios.
Idealmente, su página debe ser extremadamente ligera, por debajo de 20 kilobytes. Las imágenes tardan mucho tiempo en cargarse, por lo que deben mantenerse en un mínimo absoluto. Mantenga todo su código limpio y ordenado, use sprites de imagen si es necesario y use CSS en lugar de imágenes siempre que sea posible.
Además del tamaño del archivo, piense en la cantidad de solicitudes que se realizan al servidor; típicamente esas solicitudes causan más de un retraso que la descarga real del archivo.
Los usuarios de dispositivos móviles a menudo están en movimiento, por lo tanto, use los servicios de ubicación. Adapte la página de destino para que sea relevante para los usuarios locales, y ofrezca incentivos para ellos también. Podría personalizar el contenido a la sucursal local de una tienda, por ejemplo.
Según el tamaño y el alcance del proyecto, también puede adaptar el contenido central a la ubicación.
Poder leer lo que está en la pantalla es vital, y es por eso que menos es más. Si no puede leer el texto con el teléfono a la distancia, entonces necesita ser más grande. Realmente estás limitado por el espacio.
No hagas que los usuarios se desplacen sin fin, ya que de lo contrario se aburrirán rápidamente y seguirán su camino. Sí, las personas tienen un lapso de atención breve en Internet, mucho más corto que cuando lee una revista o un libro, por lo que todo lo que haga debe llamar su atención. inmediatamente.
Todo lo que se pueda hacer clic en su página de destino debe pasar la prueba de pulgar. Si no se puede hacer clic fácilmente con el dedo pulgar, vuelva a pensarlo. Pad para dejar tanto espacio como sea posible y dejar un amplio espacio entre los enlaces. Esto reducirá las posibilidades de que el usuario toque los enlaces incorrectos y salga de la frustración.
Se pueden usar complementos para asegurar que las fotos se puedan pasar fácilmente, aunque no se recomienda exactamente poner fotos en la página de inicio.
Si coloca un formulario en la página de inicio, manténgalo muy simple y no ocupe demasiado espacio. Las formas que requieren mucha información son desagradables y logran una tasa de conversión más baja que las formas simples. Por lo tanto, agregue el menor número de campos posible.
Una vez más, las personas se aburren rápidamente, por lo que darles una forma larga de rellenar las hará más propensas a abandonar el sitio.
La navegación debe ser simple y directa. Mantenga los botones al mínimo y asegúrese de que pasen la prueba de pulgar. Intente agregar botones a diferentes áreas de la página para que se pueda seguir una ruta lógica.
Pruebe minuciosamente su página de destino para asegurarse de que funciona de manera efectiva en el dispositivo móvil. Considerar Prueba A / B , que se ha demostrado que aumenta las derivaciones 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. El tráfico se dividirá entre cada diseño para ver cuál ofrece el mejor rendimiento. Use las métricas que son más importantes para el proyecto, como la tasa de conversión, las ventas y la tasa de rebote. Al final de la prueba, escoge la que tenga el mejor rendimiento, y estarás 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 probar correctamente, debes usar dispositivos reales. Pide, pide prestado y roba si es necesario, solo echa un vistazo a tu sitio en tantos dispositivos reales como puedas.
Cuantos más clics o acciones tenga que hacer un usuario, menos posibilidades tendrá de completarlos. Permita que las personas vayan del punto A al punto B con el menor número de clics posible. Haga que cada aspecto de la navegación y el llamado a la acción sean increíblemente simples.
Estas son las cosas más importantes a tener en cuenta al optimizar una página de destino para dispositivos móviles. Recuerde a lo largo del proceso de diseño que los dispositivos móviles son un medio diferente para PC. Las personas tienen aún menos paciencia con los dispositivos móviles porque, por lo general, están en movimiento y desean completar su tarea con un mínimo de esfuerzo. 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.
Hacer las cosas bien puede ser gratificante y podría significar la diferencia entre un buen desempeño del sitio frente a la competencia y la pérdida de visitantes.
Imagen / miniatura destacada, imagen móvil a través de Shutterstock.