Desde hace algún tiempo, cualquier persona interesada en la optimización de motores de búsqueda se aseguró de que hubiera una versión móvil de su sitio web porque de lo contrario corría el riesgo de poner en peligro el algoritmo de Google. Sin embargo, a diferencia de muchas otras tendencias en el mundo SEO, la investigación muestra que el uso de la web móvil no se está desacelerando, a pesar de que muchos de los llamados sitios web amigables para dispositivos móviles son difíciles de usar. No solo las vistas móviles crecen, están explotando. Investigación de Statista estima que la cantidad de tráfico web en el año 2019 será de alrededor de 24,3 Exabyte, frente a 4,2 Exabyte en 2015.
Para asegurarse de que comprende la gravedad de eso, un Exabyte equivale a mil millones de gigabytes.
A pesar de la evidencia que muestra que los visitantes están usando sus dispositivos móviles para navegar por la web, no todos diseñan pensando en el usuario móvil. De acuerdo con Nielsen-Norman Group:
... hay más usuarios de teléfonos inteligentes en todo el mundo que los usuarios de computadoras de escritorio y portátiles [pero] la usabilidad de los sitios web y aplicaciones móviles aún está muy por detrás de la facilidad de uso de los sitios web de escritorio.
Por supuesto, no todos quieren un sitio web móvil que sea lo suficientemente bueno para Google. Quieren que sus visitantes tengan una experiencia positiva cuando aterrizan en su sitio web, o una que diseñaron para un cliente. Entonces ajustan sus diseños en consecuencia.
La mayoría de las personas asocian la web móvil con el diseño web receptivo porque esa ha sido la palabra de moda lanzada en diferentes blogs y presentaciones desde hace algún tiempo. Sin embargo, el diseño web receptivo no es la única estrategia, y no siempre es el mejor enfoque. La mejor opción se basa en cómo desea que sus visitantes interactúen con el contenido de su sitio.
El uso de consultas de medios para cambiar la visualización del sitio en función del tamaño de la pantalla, este es un enfoque fluido para el diseño de múltiples dispositivos. Diseñas una vez y dependes del CSS para escalar la pantalla en función de la pantalla.
Este enfoque se basa en páginas estáticas diseñadas para diferentes puntos de interrupción. Cuando se detecta el tamaño de la pantalla, se muestra el diseño apropiado. Aquí, debe diseñar diferentes diseños para acomodar varios tamaños de pantalla. Por lo general, seis diseños están diseñados para los anchos más comunes: 320, 480, 760, 960, 1200, 1600.
Esto es cuando construyes una aplicación iOS, Android o Windows diseñada para servir tu contenido web a usuarios móviles.
Sería difícil encontrar un sitio web en estos días que no ofrezca algún tipo de interacción con el usuario. Podría ser un sitio web comercial que recopile información de clientes potenciales, un sitio de comercio electrónico creado para comprar o un sitio que permita a los visitantes registrarse en un evento o ubicación. En cualquier caso, el usuario tendrá que proporcionar información, hacer selecciones y presionar botones, y debe tener en cuenta que las cosas en un dispositivo móvil son diferentes.
Para empezar, concéntrese en las características importantes. Esto puede requerir una reorganización de su parte, o puede tener que recortar algunos de los elementos que desea incluir. No solo ayudará a reducir el desorden, sino que permitirá botones más grandes y otros elementos con los que los dedos más grandes pueden tener dificultades para interactuar. Cuando sea posible, reduzca la necesidad de que los usuarios ingresen texto. Pueden tener un teclado en pantalla para usar, pero todos sabemos que hay un alto índice de error cuando se usan y las funciones como autocorrección o predicción de texto pueden ser bastante frustrantes. Además, entienda que hay una gran posibilidad de que un visitante móvil se vea interrumpido o pierda su conexión. Cuanto menos tengan que volver a hacer si se desconectan, menor será la frustración que sentirán.
Para fines de SEO, muchos diseñadores se han entrenado a lo largo de los años para incorporar menús de navegación complejos para que las arañas de los motores de búsqueda puedan indexar todo. Tener todo accesible desde el menú de navegación también asegura que los visitantes puedan encontrar lo que están buscando. Pero para el visitante móvil, estos menús abrumadores en realidad dificultan la navegación, y un mapa del sitio creado correctamente enviará los rastreadores del motor de búsqueda a donde los necesite.
En lugar de largas listas de elementos de menú, mantenga las opciones a no más de seis para que los visitantes móviles no tengan que desplazarse hacia abajo para ver todo mientras intentan mantener abierto el menú. Además, elimine los submenús. Ese pequeño signo + que espera que los usuarios hagan clic para expandir las opciones es realmente difícil de tocar a menos que estén usando un lápiz óptico. Apple Conceptos básicos de diseño de la interfaz de usuario indica que el dedo promedio requiere 44 píxeles de izquierda a derecha y arriba y abajo. Diseña con ese espacio en mente.
La tendencia del sitio web de una sola página es algo a considerar aquí también. Diseñada pensando en los visitantes móviles, esta técnica permite al visitante desplazarse por su sitio y encontrar todo lo que necesita en una sola página. Este tipo de diseño se olvida de todo, ya que los usuarios de dispositivos móviles se sienten cómodos al deslizar el contenido para encontrar lo que necesitan.
Al pensar en los visitantes de tu dispositivo móvil, se te pide que dejes de lado un poco. Pero lo que nunca debes sacrificar es la razón por la que tienes un sitio web en primer lugar. Asegúrese de que su marca permanezca constante, si necesita que su logotipo siga siendo prominente, utilice la cantidad correcta de bienes inmuebles para mostrarlo. Si su sitio tiene mucho contenido, asegúrese de que sus usuarios de dispositivos móviles tengan acceso a todo. Ocultar el contenido de las pantallas móviles esencialmente castiga a los visitantes por no estar en una pantalla completa.
Como diseñadores web, estamos acostumbrados a las tendencias en nuestra industria. Cada año hay listas que nos presentan las últimas modas y metodologías a las que deberíamos prestar atención. Diseñar para el usuario móvil no es uno de esos. Es la realidad de hacia dónde va nuestra industria y simplemente siguen añadiendo más tamaños de pantalla para que trabajemos, por lo que realmente no hay un enfoque de talla única que pueda tomar.
Usted, su organización, sus clientes y cualquier otra parte interesada deben determinar qué es importante y estructurar sus sitios alrededor de esos elementos. Pero piense en lo que es importante para sus visitantes porque eso es lo que cuenta. La experiencia del usuario nunca debe ser sobre lo que creemos que es mejor o lo que queremos ver. No podemos obligar a las personas a tener una gran experiencia cuando visitan nuestras páginas. En cambio, tenemos que buscarles darles lo que quieran, de una forma que les resulte fácil de acceder.
Entonces, antes de buscar listas de verificación o guías que nos digan qué buena es la experiencia del usuario, tómese el tiempo para pensar sobre lo que tenemos que decir y lo que nuestros visitantes quieren escuchar.