Clicky

La usabilidad y la web móvil

usabilidad móvil

Ayuda a tus visitantes a navegar fácilmente

Desde hace algún tiempo cualquier persona relacionada con la optimización de motores de búsqueda se aseguró que estuviese disponible una versión móvil de su sitio web porque de lo contrario corría el riesgo de enojar al algoritmo de Google.

Sin embargo, a diferencia de tantas otras tendencias en el mundo de SEO, la investigación muestra que el uso de Internet móvil no se está desacelerando, a pesar de que muchos de los llamados sitios web móviles amigables son un dolor de usar. No sólo crecen las visitas desde móviles, sino que están poniéndose en primer lugar.

Una investigación de Statista estima que la cantidad de tráfico de Internet en el año 2019 será de alrededor de 24,3 Exabyte, frente a los 4,2 Exabyte en 2015.

Sólo para asegurarme de que entiendes su importancia: un Exabyte es igual a mil millones de gigabytes.

A pesar de la evidencia que muestra que los visitantes están utilizando sus dispositivos móviles para navegar por la web, no todos los diseños se hacen con el usuario móvil en mente. Según el Grupo Nielsen-Norman:

Hay más usuarios de teléfonos inteligentes en todo el mundo que usuarios de escritorio y portátiles, pero la usabilidad de sitios web y aplicaciones móviles están todavía muy por detrás de la usabilidad de los sitios web de escritorio.

Por supuesto, no todo el mundo quiere un sitio web móvil que sea lo suficientemente bueno para Google. Ellos quieren que sus visitantes tengan una experiencia positiva cuando aterrizan en su sitio web, o uno que se diseñó para un cliente. Así que ajustan sus diseños en consecuencia.

Elije tu enfoque

La mayoría de la gente asocia web móvil con el diseño web sensible debido a que ha sido la palabra de moda lanzada en torno a diferentes blogs y presentaciones desde hace algún tiempo. No obstante, el diseño web sensible no es la única estrategia, y no siempre es el mejor enfoque.

La mejor opción se basa en cómo deseas que tus visitantes interactuen con el contenido de su sitio.

Diseño web Responsive

Usar media queries para cambiar la visualización del sitio basado en el tamaño de pantalla, este es un enfoque de diseño fluido para múltiples dispositivos. Se diseña una vez y se apoya en el CSS para escalar la pantalla basado en el tamaño.

Diseño adaptable

Este enfoque se basa en páginas estáticas diseñadas para diferentes puntos de corte. Cuando se detecta el tamaño de la pantalla, se muestra la disposición apropiada. Aquí, es necesario realizar diferentes diseños para adaptarse a los diferentes tamaños de pantalla. Por lo general, se construyen seis diseños para los anchos más comunes: 320, 480, 760, 960, 1.200, 1.600.

Aplicación nativa

Esto es cuando se genera una aplicación para iOS, Android o Windows diseñada para servir su contenido web a los usuarios móviles.

Entender cómo funcionan las interacciones

Sería difícil encontrar en estos días un sitio web que no ofrezca algún tipo de interacción con el usuario. Podría ser un sitio web de negocios que recoge la información de los potenciales clientes, un sitio de comercio electrónico incorporado para ir de compras, o un sitio que permite a los visitantes el check-in a un evento o lugar. En cualquier caso, el usuario va a tener que dar información, hacer selecciones y pinchar botones, y hay que entrar en el modo de pensar que las cosas en un dispositivo móvil son diferentes.

Para empezar, se centran en características importantes. Esto puede requerir un cierto cambio de nuestra parte, o puede que tengamos que recortar algunos de los elementos que queríamos incluir. Esto no sólo ayudará a reducir el desorden, sino que permitirá botones más grandes y otros elementos que los dedos más grandes pueden tener dificultades para relacionarse con ellos. Cuando es posible, hay que reducir la necesidad de que los usuarios introduzcan texto. Ellos pueden tener un teclado en pantalla para usar, pero todos sabemos que hay una alta tasa de error al utilizar estos y características como autocorrección o predecir texto pueden llegar a ser muy frustrantes. Además, entiendo que hay una buena probabilidad de que un visitante móvil pueda ser interrumpido o perder su conexión. Cuanto menos se tenga que volver a hacer o menor sea el tiempo de espera, menos frustración van a sentir los usuarios.

Ayuda a tus visitantes a navegar fácilmente

Para fines de SEO, muchos diseñadores han sido capacitados en los últimos años en su trabajo para incorporar complejos menús de navegación para que los motores de búsqueda sean capaces de indexar todo. Tener todo accesible desde el menú de navegación también asegura que los visitantes pueden encontrar lo que están buscando. Pero para el visitante móvil, estos abrumadores menús en realidad hacen la navegación más difícil, y un mapa del sitio correctamente creado enviará a los rastreadores de los motores de búsqueda donde necesitan ir.

En lugar de una larga lista de elementos de menú, mantén las opciones en no más de seis, para que los visitantes de móviles no tengan que tratar de desplazarse hacia abajo para ver todo mientras tratan de navegar por un menú abierto. Además, elimina los submenús. Ese pequeño signo + que esperas en que los usuarios hagan clic para expandir las opciones es realmente difícil de tocar a menos que utilicen un lápiz óptico. UI Design Basics de Apple afirma que el dedo promedio requiere 44 píxeles de izquierda a derecha y de arriba abajo. Diseña con ese espacio en la mente.

La tendencia de las páginas web a una única página es algo también a considerar aquí. Diseñada con los visitantes móviles en mente, esta técnica permite al visitante desplazarse a través de un sitio y encontrar todo lo que necesita en una página de largo. Este tipo de diseño olvida todo sobre el pliegue ya que los usuarios móviles navegan cómodamente a través de contenidos para encontrar lo que necesitan.

No sacrifiques tu propósito

Al pensar acerca de tus visitantes móviles, se te pedirá que dejes salir un poco. Pero lo que nunca se debe sacrificar es la razón que tiene un sitio web en primer lugar. Asegúrate de que tu marca sigue siendo coherente, si necesitas que tu logo permanezca prominente utiliza la cantidad adecuada de bienes raíces para que aparezca. Si su sitio es pesado en el contenido, asegúrate de que tus usuarios móviles tienen acceso a todo. Ocultar el contenido en las pantallas móviles castiga esencialmente a los visitantes por no estar en una pantalla completa.

Tu, tu organización, tus clientes y otras partes interesadas tienen que determinar lo que es importante y estructurar tus sitios alrededor de esos elementos. Pero piensa en lo que es importante para tus 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 la gente a tener una gran experiencia cuando visitan nuestras páginas. En su lugar, tenemos que mirar a darles lo que quieren, de una manera que sea fácil para ellos tener acceso.

Así que antes de que busquemos listas de comprobación o guías que nos dicen lo que es una buena experiencia del usuario, tómate el tiempo para pensar en lo que tienes que decir y lo que tus visitantes quieren oír.

Relacionada: Corregir problemas de usabilidad móvil en Joomla

Jesus_Caceres