Optimice la experiencia del usuario en su tienda web
Blog invitado escrito por Emil Borggaard, Desarrollador Web Gelinde
3 sencillos pasos para optimizar la experiencia de usuario en su tienda online
El diseño de la experiencia del usuario es un tema candente hoy en día. También se conoce como diseño UX, que en realidad significa diseño de la experiencia del usuario. Se trata de diseñar -en este caso- interfaces de usuario digitales (tiendas online, sitios web, etc.) de forma que el usuario pueda utilizar el producto sin tener que pensar demasiado en cómo funciona y sin encontrarse con elementos molestos que causen frustración.
En este breve post, le daremos 3 consejos concretos y relativamente sencillos sobre cómo optimizar la experiencia del usuario en su sitio web o tienda web sin tener que ser un superdiseñador o programador.
#1 Controla tus popups/modales
Hoy en día, los popups y modals se han vuelto increíblemente populares. Tal vez sea porque se han vuelto muy fáciles de instalar. Con un simple script, normalmente estás volando, y todo lo que tienes que hacer es introducir cuándo quieres mostrar tu recién instalado popup inteligente.
Pero, ¿cuándo debe mostrarlo realmente? ¿Es tan pronto como el usuario aterriza en la página? ¿O cuando se haya desplazado un 50% por la página de una categoría?
Hay muchas opiniones al respecto, y ciertamente difiere de una tienda a otra, pero en general, es una mala idea mostrar una ventana emergente tan pronto como el usuario entra en la página. Especialmente si el propósito de la ventana emergente es recoger el correo electrónico del usuario.
Puedes compararlo con entrar en una tienda física. Si acabas de entrar en la tienda y el encargado te pregunta inmediatamente si quieres un 10% de descuento en tu pedido a cambio de tu email, ¿qué piensas?
En el 90% de los casos, probablemente será un "Uhh... No, gracias. Echaré un vistazo". Porque eso es lo que haces. Ni siquiera sabes si la tienda tiene los artículos que buscas, después de todo, acabas de entrar por la puerta. E incluso si la tienda tiene lo que buscas, puede que el precio no sea el que esperas. Así que, por supuesto, no querrá dar su dirección de correo electrónico la primera vez que entre en una página. Sobre todo si aún no sabes lo que ofrecen.
También puede ser molesto tener que cerrar una ventana emergente de cookies, decir no gracias a compartir su ubicación y luego cerrar otra ventana emergente con un boletín de inscripción al final.
Así que piense en cómo y cuándo activa sus ventanas emergentes. Una solución podría ser mostrar la ventana emergente la quinta vez que el cliente visita su sitio web, pero no antes. Así sabrá que ha tenido tiempo de echar un vistazo.
Relacionado: Cómo crear ventanas emergentes en ideal.shop
#2 Controlar la jerarquía visual
Cuando se trabaja con la jerarquía visual, se trabaja para dirigir la atención del usuario a los elementos "correctos".
Seguro que alguna vez has entrado en una página web y no has encontrado la información que buscabas. Quizá sea por la falta de subtítulos, colores, iconos y demás. Todos estos son elementos con los que se trabaja cuando se habla de optimizar la jerarquía visual.
Porque se trata de dividir la página para que el usuario sepa fácilmente dónde mirar para encontrar lo que busca.
La imagen de arriba es un ejemplo clásico utilizado por diseñadores de todo el mundo para ilustrar exactamente lo que se quiere decir cuando se habla de jerarquía visual.
La experiencia del usuario mejora mucho cuando le resulta fácil encontrar exactamente lo que busca. Así que recuerde utilizar títulos, subtítulos, colores y otros elementos para dividir claramente su contenido, de modo que sus clientes puedan encontrar fácilmente lo que necesitan.
#3 Mensajes de error claros y comprensibles
Si te gustan el diseño y la experiencia del usuario, es posible que conozcas las 10 heurísticas de Jakob Nielsen. Una de ellas consiste en ayudar al usuario a reconocer y comprender los errores que a veces se producen.
Un ejemplo clásico es la página 404. No todo el mundo se da cuenta de que el código de estado 404 significa que no se ha podido encontrar la página. En su lugar, deje claro al cliente que ha aterrizado en una página que no se ha podido encontrar y cómo proceder a partir de ahí. Incluya un cuadro de búsqueda, algunas categorías populares y productos para que puedan navegar fácilmente a algo relevante.
Otro ejemplo muy relevante para las tiendas online es cuando el cliente -por error- rellena la información incorrecta en la caja. Tal vez haya introducido su nombre en lugar de su dirección de correo electrónico, o una dirección que no existe. Es importante mostrar exactamente qué está fallando y cómo solucionarlo, para que el usuario pueda corregir fácilmente el error y avanzar rápidamente en el flujo.
¿Necesitas ayuda para diseñar tu tienda ideal?
Envíeme un correo electrónico a: emil@gelinde.dk
