Estudios recientes demuestran que desde el 2020 hasta hoy no ha mejorado en los sitios la experiencia para el usuario mobile. Este es un parámetro cada vez más importante ya que influye directamente en el posicionamiento en los buscadores y ayuda a aumentar la tasa de conversión. En este artículo te mencionaremos 7 errores comunes que debes evitar si tienes una tienda, para mejorar la UX de usuario mobile.
🤳Estos son los 7 errores que debes evitar y serán los primeros pasos para mejorar la experiencia Mobile de los usuarios:
1 - Resalta el alcance actual en la navegación principal (el 90 % no hace hace esto). En los dispositivos móviles, normalmente no hay una navegación principal visible de forma permanente. El comportamiento del usuario es el mismo, siempre intenta ir a la página principal para hacerse una idea más clara del sitio y de donde se encuentra. En la mayoría de los casos los clientes llegan al sitio directamente a la página del producto deseado. Proporcionarle esta información al usuario, sobre dónde se encuentra en la navegación principal tiene una solución bastante práctica y económica, simplemente es resaltar su alcance actual en la navegación principal mediante breadcrumbs y menú principal. Esto significa diseñar el lugar actual en que se encuentra el usuario de manera diferente, dentro de la ventana principal de navegación, en lugar de en el encabezado (resaltando en el menú la categoría en la que está ahora el usuario, por ejemplo).
2 - Haz que las categorías de productos sean el primer nivel de las principales navegaciones (el 32 % no hace hace esto). Cuando la navegación principal colapsa, las categorías de productos detrás de un enlace de "Comprar", muchos usuarios tienen dificultades para saber dónde comenzar a buscar productos una vez que abren la navegación principal. Una solución de diseño que recomendamos es que el primer nivel de navegación principal consista en categoría de productos. Este simple diseño les brinda a los usuarios una forma de comenzar a buscar categorías de productos de inmediato, lo cual es especialmente importante para los usuarios de dispositivos móviles.
3 - Proporciona una opción de "ver todo" en cada nivel del catálogo de productos (el 54 % no hace hace esto). Los usuarios móviles quieren el alcance más amplio posible dentro de una categoría; por ejemplo, "Todos los calzados de hombre" o "Todas las bolsas”. En la mayoría de los sitios no hay una opción de desplazamiento para los usuarios móviles. Lo que tienes que determinar es si un usuario que toca una categoría principal debe expandir las subcategorías dentro de ella o llevar a los usuarios a la página de destino para el elemento de la categoría principal. Lo que recomendamos en este caso es tener un menú “ver todo” dentro de cada categoría de producto dentro de la jerarquía. Así brindas a los usuarios opciones cuando se trata de ver productos, ya sea para seguir profundizando hasta llegar a la subcategoría correcta o para detenerse y ver la lista actual de productos.
4 - Incluye el ámbito de búsqueda en las sugerencias de autocompletar (el 78 % no hace hace esto). El autocompletado es muy importante en las primeras interacciones de búsqueda, las sugerencias inesperadas debido a errores tipográficos menores pueden hacer que los usuarios cambien sus búsquedas de productos por otros métodos de navegación o pueden volver a colocar otra palabra en las consultas. Existen soluciones de revisión ortográfica, disponibles gratuitamente en línea, lo que significa que los errores ortográficos comunes deberían ser relativamente fáciles de detectar.
5 - Introducir, posicionar y diseñar adecuadamente los mensajes de error (el 64 % no hace hace esto). Si bien los errores son inevitables, la clave es la experiencia de recuperación de errores del usuario. Es importante que puedan resolver un error, continuar con su compra y también entender porque se ha producido el error. Se debe marcar el campo incorrecto, de forma llamativa donde está el error. Además, el mensaje de error siempre debe mostrarse justo al lado del campo erróneo para que los usuarios puedan comprender qué salió mal y cómo corregirlo. Otra técnica de mejor rendimiento y más cuando hay múltiples errores, es llevar a los usuarios a la parte superior de la página y mostrar una mensaje de error que describa los múltiples errores que se han detectado.
6 - Proporciona suficiente espacio entre los elementos que se pueden tocar (el 82 % no hace hace esto). El espacio escaso entre los elementos dará lugar a errores, desvíos no deseados e incluso abandonos. Las pautas de diseño de algunos fabricantes de dispositivos estipulan un espacio mínimo de 2 mm. Recomendamos no colocar los elementos justo en el borde de la pantalla, ya que esa área normalmente no responde y los usuarios tendrán dificultades para seleccionar estos elementos.
7 - Haz que los elementos que se pueden tocar sean lo suficientemente grandes (el 88 % no hace hace esto). El tamaño del área de impacto es un "básico" para el diseño móvil, muchos sitios que implementan elementos y enlaces con áreas de impacto demasiado pequeñas. Ten al menos un área de impacto de 7 mm x 7 mm (medida en la pantalla de teléfonos inteligentes).
- Tener enlaces directos a la "política de devoluciones" y la "información de envío" en el pie de página.
- Los botones deben parecer botones y estar en los lugares adecuados.
- No utilizar en exageración animaciones o elementos que se mueven a la vez (popup, slider, etc).
- Permitir que los usuarios puedan hacer zoom sobre las imágenes.
- Proporciona una Interacción amable, orientada al pulgar.