5 pautas fundamentales para el diseño de usabilidad de comercio electrónico

ecommerce usability - placeit

Los escaparates de tiendas físicas siguen siendo una excelente manera para que las empresas ganen clientela, pero para triunfar en el comercio minorista en el mercado actual, la tienda física es una opción; una presencia en línea es un deber.

Construir una tienda de comercio electrónico puede ser tan complicado o tan simple como desee, pero para que despegue, tenga en cuenta que hay algunos principios rectores que debe seguir.

Para empezar, debe ser ambos motor de búsqueda y fácil de usar, intuitivo, estéticamente agradable y funcional. Pero hay mucho más que eso. También debe centrarse en la usabilidad del comercio electrónico.

Comience su empresa de comercio electrónico con el pie derecho siguiendo las siguientes cinco pautas fundamentales para un diseño de comercio electrónico exitoso.

usabilidad de comercio electrónico - placeit
Fuente: Placeit.net

1. Mantenga la navegación simple y funcional

Esta es fácil. Piense en su propia experiencia de usuario cuando visite un sitio web: ¿Es más probable que compre si puede encontrar fácilmente lo que está buscando o si tiene que hacer clic en 50 opciones?

La complejidad perjudica las conversiones. El exceso de clics y menús o la categorización implacable son molestos para los compradores. Haga que sus menús y opciones de navegación sean simples e intuitivos.

Con ese fin, no simplifique demasiado. Necesitas un menú. Pero trate de limitarlo a entre tres y siete encabezados y tres o menos subniveles dentro de los encabezados iniciales.

Más allá de la cantidad de opciones de navegación, asegúrese de dejar claras sus opciones. Use etiquetas simples de una o dos palabras que sean muy directas y transparentes sobre adónde conducirán. La redacción moderna y divertida puede ser apropiada, pero solo si no quita la facilidad de uso.

Por ejemplo, si tiene un sitio de comercio electrónico centrado en prendas de vestir, puede parecer una idea divertida etiquetar sus categorías de navegación con nombres como «Hilos» y «Actividades». Pero al hacerlo, puede perder parte de su audiencia. Nueve de cada 10 veces, retendrá más clientes potenciales simplemente siendo directo.

Simple (Banca): Solo hay 3 opciones en la navegación superior de Simple: Funciones, Testimonio e Iniciar sesión.  Wells Fargo, por otro lado, viene con más de 80 enlaces en la navegación superior.

Además, a la gente le gusta la familiaridad. Saben que una flecha hacia la izquierda significa que regresarán y que un dedo señalador significa que pueden hacer clic en un enlace.

Apéguese a los símbolos conocidos dentro de su sitio de comercio electrónico para que las compras con usted sean más intuitivas y fáciles de usar. (Comparte esto en Twitter.)

Por último, pero no menos importante, asegúrese de que sus opciones de navegación funcionen. No puedo decirle cuántas veces visité un sitio web y navegué a través de sus intrincadas secciones de navegación en niveles, solo para finalmente encontrar lo que estaba buscando, pero no estaba accesible porque tenían un 404 u otro sitio web inconveniente. error.

No puedo decir lo suficiente para una prueba exhaustiva del sitio web: ¡simplemente hágalo!

sweatvac - muestra de navegación

2. Utilice un proceso de pago lineal

¿Alguna vez ha comprado en uno de esos sitios donde va a pagar y luego redirigir a sugerencias o su carrito? Sí, yo tampoco. Esto se debe a que el proceso de pago debe ser simple: retroceder o avanzar. Eso es todo. Sin redireccionamientos, sin regresar a un carrito o página de compras.

Simple y transparente hace el truco.

Página de inicio/pago de Crazy Egg: con nada más que dos cuadros de texto y un botón para hacer clic.

3. Use indicaciones de error claras al momento de pagar

Haga que las notificaciones de error sean fáciles de entender para los usuarios. Nada es más frustrante que no poder hacer una compra y no saber por qué. Si esto sucede, su cliente potencial puede darle una segunda oportunidad y volver a intentarlo, pero es poco probable que lo intente más de tres veces.

Dicho esto, aclare sus mensajes de error. Transmita a su cliente en un lenguaje claro y directo lo que necesita hacer. Haga que esos mensajes sean fáciles de ver utilizando texto rojo, amarillo resaltado o incluso parpadeante para aumentar la visibilidad del texto de error.

Además, coloque el mensaje de error directamente encima o al lado de los elementos específicos que requieren corrección. No hay nada peor que un mensaje de error general en la parte superior de la página que deja a alguien adivinando.

4. Asegúrate de que tu tiempo de carga sea rápido

La paciencia es una virtud, no así según estudios recientes de usabilidad de sitios web.

¿Sabía que el 25 por ciento de los usuarios de Internet abandonar una página web si tarda más de cuatro segundos en cargar? Es verdad, ¡habla de impaciencia!

Los usuarios de dispositivos móviles son un poco más pacientes (¿qué dice eso sobre el rendimiento de los operadores de telefonía móvil?). Pero apenas: le darán a una página hasta 10 segundos para cargar. Y no hay segundas oportunidades: tres de cada cinco personas no volverán a un sitio que abandonaron debido a tiempos de carga lentos.

Para colmo de males, un aumento de solo un segundo en el tiempo de carga de la página de su sitio puede causar una disminución de casi el siete por ciento en sus tasas de conversión.

El tiempo es dinero y los consumidores no son una raza paciente. Todo lo que se necesita son unos segundos para perder una venta. Así que asegúrese de estar trabajando con una empresa de alojamiento buena y confiable; su éxito depende de su desempeño.

5. Automatiza tu búsqueda

Finalmente, y esto debería ser evidente, asegúrese de incluir una función de búsqueda en su sitio. Algunas personas vendrán a usted sabiendo exactamente lo que quieren y, si no pueden encontrarlo en segundos, es probable que abandonen su sitio.

Actualice su función de búsqueda para tener la funcionalidad de autocompletar. Esta es la funcionalidad que usa Google, por ejemplo, para terminar tu frase antes de que la hayas escrito. No solo hace que sea más fácil para los visitantes encontrar lo que buscan, sino que también le brinda un potencial de ventas horizontal al sugerir cosas dentro del campo en el que ya están buscando.

Bono: Pruebas A/B

Cuando se trata de hacer que su sitio de comercio electrónico sea un éxito, el mejor camino a seguir es nunca asumir.

No asuma que las altas tasas de conversión se deben únicamente a su inventario estelar. O que tus altas tasas de rebote se deben al diseño de tu página de inicio.

Lo que funciona para una empresa puede no funcionar para otra, y más allá de eso, lo que funcionó para usted hace un año puede que ya no funcione hoy. Prueba todo.

Una de las mejores y más probadas formas de probar es a través de algo llamado prueba A/B.

Las pruebas A/B son una forma de probar dos conceptos diferentes simultáneamente con muestras de prueba aleatorias. Entonces, se comparan dos versiones de una página web (u otro tipo de copia) para determinar cuál funciona mejor.

Por ejemplo, si planea enviar una promoción por correo electrónico de marketing y está interesado en desarrollar su estrategia, puede enviar el mismo correo electrónico con dos líneas de asunto diferentes; al hacerlo, puede medir el éxito de los dos correos electrónicos diferentes para determinar qué tipo de línea de asunto asegura más aperturas, clics y finalizaciones.

Al prestar atención a las diferencias en su enfoque, puede adaptar mejor sus esfuerzos futuros.

Pero las pruebas A/B van mucho más allá de los correos electrónicos de marketing. Puede usarlo para todo, desde probar una línea de asunto de correo electrónico hasta probar su página de inicio o incluso todo el sitio web.

Hay numerosas soluciones por ahí. Webinpixels, por ejemplo, es una de las opciones más notables y efectivas de la industria. Y en caso de que estuvieras buscando más, aquí hay otras tres herramientas para investigar.

1 – Experimento de contenido de Google Analytics

Esta solución le permite probar hasta cinco versiones de algo simultáneamente, todo dentro de la plataforma de Google. Esta solución utiliza una muestra aleatoria de sus visitantes, pero le permite definir qué porcentaje de sus visitantes totales se incluye en la prueba.

Esto es especialmente útil si le preocupan las pérdidas potenciales en caso de que haya una reacción negativa a uno de sus elementos de prueba. En lugar de acercarse a toda su base de clientes, minimice la exposición liberándola solo a un pequeño segmento.

Además, puede definir qué aspectos de su sitio/páginas desea probar e incluso recibirá correos electrónicos informándole sobre sus resultados y rendimiento.

Dado que es parte de la familia de Google, interactúa junto con su cuenta de Analytics y, lo mejor de todo, es gratis.

2 – Rebote

Unbounce es una gran opción para probar páginas y sitios sin necesidad de involucrar a su equipo de TI. Incluso la solución de Google requiere un segmento de código, mínimo para los estándares de la industria, pero no menos.

Unbounce se especializa en pruebas de páginas de destino, lo que significa que puede probar fácilmente desde campañas de correo electrónico, direcciones URL únicas y más, pero probará páginas individuales (no un sitio completo).

Esta herramienta ofrece una serie de herramientas de colaboración y también interactúa con Google Analytics. Ofrece un generador de página de destino conveniente, por lo que puede crear su página directamente desde la plataforma y publicarla en vivo con solo presionar un botón.

Esta opción es extremadamente fácil de usar y una excelente manera para que los principiantes se inicien en las pruebas A/B. Sin embargo, tiene un precio, aunque es bastante manejable. El precio para emprendedores y nuevos negocios comienza en solo $ 49 por mes, mientras que el precio para equipos de marketing y agencias llega a $ 199 por mes. Las características y la funcionalidad varían según el costo.

3 – de forma optimizada

Al ingresar al sitio de Optimizely, tendrá la oportunidad de ingresar la URL de su propio sitio de comercio electrónico y recibir un recorrido/ejemplo de cortesía de lo que la plataforma puede hacer por usted (un buen beneficio, incluso si no usa su servicio en el fin).

Optimizely es fácil de usar y requiere una asistencia mínima de su equipo de programación. De hecho, genera una sola línea de código que su equipo técnico deberá ingresar en el código de su sitio (de la misma manera que lo hacen para integrar Google Analytics).

La plataforma realiza un seguimiento de numerosas variantes, incluidas la participación, los clics, las conversiones, las suscripciones y cualquier otra métrica que defina. Puede programar sus pruebas para que adopten un enfoque automatizado, lo que le permite esperar los resultados en lugar de administrar manualmente cada componente, incluido el inicio y la finalización de la prueba.

Incluso puede orientar sus pruebas a segmentos clave de visitantes. Optimizely se integra con numerosas herramientas de análisis y también funciona con una interfaz gráfica de usuario, por lo que el diseño de páginas de prueba es intuitivo y factible para personas que no son de tecnología.

Una vez más, los precios escalan en función de la cantidad de visitantes y funciones mensuales, pero comienza en $17 por mes y llega a $359 por mes para el paquete «Oro» (que incluye 200,000 visitantes mensuales, cuentas de usuario ilimitadas, soporte telefónico, segmentación de visitantes y un montón de otras características).

Las tres son excelentes opciones y cuál es la adecuada para usted dependerá de su nivel de destreza tecnológica, necesidad y presupuesto. ¡Feliz prueba!

Lea otros artículos de Webinpixels de Jerry Low.