Tres tendencias comunes de la interfaz de usuario que el comercio electrónico ama pero debería odiar

Publicado: 2018-01-12

Hay una pequeña mentira peligrosa que la comunidad del diseño ha propagado en Internet. Como todo mito arraigado, está anclado en un poco de verdad, lo que lo hace difícil de eliminar.

Desafortunadamente, parece que el comercio electrónico es especialmente vulnerable a comprar la mentira.

La verdad: "Solo tiene unos segundos para captar la atención de un comprador antes de que rebote y nunca regrese".

La mentira: "Tienes que hacer lo que sea necesario para realmente 'SORPRENDER' a tu comprador antes de que se vaya".

Aquí está la cosa, su comprador no está buscando ser "WOW". Están buscando una solución. Están buscando un producto que resuelva su problema, necesidad, deseo, antojo, etc. El punto es que están buscando "algo".

Su primer objetivo es convencer a sus compradores de que están en el lugar correcto. Facilite "encontrar" lo que buscan sus compradores.

Si falta la utilidad de su tienda, ninguna cantidad de diseño convertirá a sus compradores. A menos que esté compitiendo para convertirse en la próxima mejor versión digital del MOMA, sus compradores están en su sitio para comprar.

Ahora por supuesto, el diseño y la estética son importantes. Tener un sitio atractivo con características impresionantes juega un papel importante, pero son el punto de contacto final. Complementan una experiencia intuitiva. Ellos no lo crean.

Entonces, ¿cuáles son las formas más comunes en que las tiendas de comercio electrónico se equivocan en su interfaz de usuario?

Estás usando un asesino de conversiones al frente y al centro

Es una tendencia que no morirá. Frente a todos los datos que gritan: "No funciona", no desaparecerán. Es casi una garantía, si tienes una tienda de comercio electrónico, probablemente seas culpable.

Estamos hablando de controles deslizantes de imágenes, pancartas giratorias, carruseles de reenvío automático. Independientemente de cómo los llame, son asesinos de conversiones.

Estudio tras estudio ha demostrado que los compradores los odian. En el mejor de los casos, la primera diapositiva promedia una tasa de clics del 1%. Todas las diapositivas posteriores se ignoran prácticamente y por completo.

Tal vez estés pensando, como evidentemente muchos otros propietarios de comercios electrónicos, que tu tienda es diferente. Dejando de lado las estadísticas de la industria, usted es la excepción.

Bien, lidiemos con eso.

¿Podemos admitir que todos somos criaturas de hábitos?

No es algo malo. Tenemos que ser. Con la cantidad de información con la que nos abordan a diario, si no confiáramos en los hábitos y patrones, no podríamos funcionar. Estaríamos paralizados por la indecisión.

Para hacer frente y funcionar, confiamos en modelos mentales para navegar por nuestro mundo. Al hacerlo, esto crea patrones de comportamiento que todos respetamos.

Uno de estos patrones ha desarrollado un comportamiento conocido como "ceguera de banner". En pocas palabras, cuando estamos en línea, ignoramos cualquier cosa que se parezca remotamente a un anuncio.

ceguera de pancarta

Incluso si tuviera que capturar la atención de un comprador con su control deslizante, los datos muestran que solo será una mirada pasajera. La información no se procesa.

Y esto no es nuevo. ¡Nuestra ceguera a las pancartas ha existido y ha sido denunciada desde 1997!

Además, incluso si eres especialmente astuto y tu control deslizante no se parece en nada a un anuncio, todos estamos condicionados a ignorar la parte superior de la página. Los diseñadores y los especialistas en marketing apuntan a la parte superior de la página con tanta frecuencia que ahora nos desplazamos hacia abajo hasta el contenido "real", ignorando la parte superior. De hecho, casi el 66% de nuestra capacidad de atención se gasta "debajo" del pliegue.

ejemplos de ceguera de banner
Mapas de calor de seguimiento ocular. Solo mire todo el amor por esa pantalla principal de bienes raíces de los usuarios;)

Teniendo en cuenta la sombría perspectiva de conversión de su control deslizante, también está disminuyendo la velocidad de su página. En lugar de un panel efectivo, está exponiendo la cantidad de recursos que su página necesita para cargarse por completo, y todo por nada.

Para empeorar las cosas, un control deslizante dice una cosa sobre todo, que no sabes qué decir, así que estás tratando de decirlo todo.

Además, la mayoría de las veces, el control deslizante carece de cualquier tipo de control editorial. Por lo tanto, cada diapositiva se ve completamente diferente de la siguiente sin ton ni son. No solo se ven diferentes, sino que la estrategia de CTA a menudo está desarticulada sin orden jerárquico ni cohesión.

Además, desde el punto de vista de la usabilidad general, las diapositivas se mueven demasiado rápido para digerirlas o demasiado lentas para verlas todas. Son difíciles de navegar. Son difíciles de usar, especialmente en dispositivos móviles.

¿Necesita aún más evidencia de por qué debería quitar ese control deslizante de su tienda? ¡Aquí hay un hilo de UX sobre controles deslizantes que ha estado sucediendo desde 2011!

El próximo delito de interfaz de usuario del que probablemente sea culpable es un giro moderno en el control deslizante, ¡el video de fondo tan popular !

¿Estás aquí para entretenerme?

Esta tendencia es enorme hoy en día, y es un poco controvertido decir que deberías dejarla, pero aquí estoy.

Estamos hablando de ese video de fondo súper genial que tienes que hace que todos digan "¡Ooooo!"

Primero, déjame preguntarte. ¿Por qué tienes un video de fondo?

La razón no es ciencia espacial. Te gustan. A otras personas les gustan. Ves todo tipo de otros sitios web y escaparates haciéndolo. Cuenta tu historia. Establece el ambiente. Es una obviedad. ¡El video de fondo es donde está!

¿Eso te describe?

La mayoría de la gente los arroja sin pensarlo mucho, pero ¿te has detenido a pensar que no estás solo en este enfoque? ¿Se te ha ocurrido que tal vez, solo tal vez, estás copiando a otras personas, que copiaron a otras personas, que copiaron a otras personas…

Odio dar la noticia, pero los diseñadores hacen eso. Copian o se inspiran mucho en otros. Los diseñadores rara vez usan datos para influir en lo que hacen. Si se ve bien, entonces se ve bien. Es una venta fácil.

¿Ha probado para ver qué ha hecho realmente su video de fondo para sus conversiones u otras métricas del sitio?

Si puede responder que sí, si todos sus números son dorados, si puede demostrar estadísticamente que a su escaparate le está yendo mejor con su video de fondo que sin él, entonces puede continuar.

Pero, si no puede, entonces debe preguntarse: "¿Qué está haciendo mi video de fondo por mí?"

Sí, sí, sé lo que estás diciendo. Necesitas el video porque te ayuda a contar tu historia, establece el ambiente para toda la experiencia.

Lo entiendo. Absolutamente. Su video establece una cierta estética, pero atractivo no significa usable.

Si te vuelves frío y calculas al respecto, la mayoría de las veces, solo te distrae. Nuestros ojos se sienten atraídos por el movimiento. A menos que ver el video sea una métrica de conversión para su tienda, está distrayendo a los compradores de los objetivos previstos. Sus compradores ya no ven su título y CTA principal, ven lo que hay detrás. Es decir, si realmente pueden ver el video, más sobre eso más adelante.

Si su estética y su historia son vitales para su tasa de conversión, entonces un video de fondo es un medio ineficiente para comunicar ese mensaje.

Oribe
Instantáneamente, el video distrae. No sé dónde hacer clic o qué hacer. Puntos de bonificación extra por ser un control deslizante

Si se trata de un problema estético, puede configurarlo con una imagen.

¡No, no puedes! Una imagen no es tan poderosa o sexy como lo es un video”, dices?

A lo que respondo: “ Claro que lo es. ¡En realidad, una imagen es fácilmente un 7,12 % más sexy que un vídeo!”. Sí, las imágenes de fondo en realidad pueden convertirse un 7% mejor que los videos de fondo.

Tal vez no sea un problema estético para ti, y es un problema de historia.

Si ese es el caso, entonces deberías crear un producto o video destacado en su lugar. Es mucho más efectivo contar su historia con un video que un usuario pueda controlar e interactuar.

Además, un video del producto no matará el tiempo de carga de su página. Son accesibles en todos los dispositivos. Son intuitivos. ¡Lo mejor de todo es que pueden promediar un aumento del 144 % en sus conversiones!

maquillaje de leche
El ejemplo perfecto de dónde y cómo usar el video para aumentar sus ventas y la participación de los usuarios.

Lo que nos lleva del golpe uno al golpe dos.

Sabes que un video de fondo agrega una cantidad increíble de peso y tiempo a la carga de tu página. Incluso si está cargando el video de forma asincrónica, todavía tiene que cargarse. Por lo tanto, puede evitar que su página se cargue durante unos segundos o puede dejar un cuadro grande en blanco donde debe ir su video.

Un video tarda un poco en cargarse, y todos sabemos lo que incluso un retraso de un segundo puede afectar la tasa de conversión de su tienda.

¿Necesitas más razonamiento? Piensa sobre esto.

Según los datos de Akamai y Gomez.com, el 79 % de los compradores no volverán a una tienda debido a una experiencia lenta (es decir, mala) en el sitio web, y el 44 % de los compradores le contarán a un amigo sobre su mala experiencia.

Eso es mucho si la mala voluntad se debe a una velocidad de carga de página lenta.

Dicho de otra manera, hipotéticamente, "si su tienda de comercio electrónico gana $ 100,000 por día, podría perder hasta $ 2.5 millones en ventas cada año por solo un retraso de página de 1 segundo".

Ahora, a menos que pueda PROBAR que su video de fondo realmente está aumentando sus conversiones, ¿vale la pena arriesgarse tanto para mantenerlo porque se ve bien?

¡La próxima tendencia de la interfaz de usuario que está matando sus conversiones es el mejor amigo de un diseñador y el peor enemigo de su comprador!

Estás hablando un idioma antiguo

Estamos hablando de la simplificación excesiva de su navegación con jeroglíficos antiguos, también conocidos como íconos.

Claro, el aspecto minimalista es elegante. Tiene un aspecto profesional. Es de vanguardia. Es un ahorrador de espacio. Pero, si los compradores no saben instantáneamente cómo llegar a donde quieren ir, se frustrarán, se irán y nunca volverán. Una mente confundida nunca compra.

ejemplos de iconos
[Fuente] ¿El icono de dinero significa reembolsos, tarjetas de regalo, superventas o promociones especiales? Hmm…

Entre otras cuestiones, los íconos tienen diferentes significados para diferentes culturas y demografías. Lo que es intuitivo para su diseñador millennial puede ser completamente alucinante para un gran porcentaje de su base de clientes. Fuera de los iconos de inicio, impresión y búsqueda, le resultará difícil encontrar cualquier icono que sea universalmente reconocido.

El argumento más común en contra de incluir etiquetas de texto es que los usuarios pueden descifrarlo. La gente sabe qué son el carrito de la compra y los iconos de tres barras. Saben en qué hacer clic si quieren ver un producto o comprar.

¿Es ese un argumento que estás dispuesto a mantener? Incluso si eso fuera cierto, si fuera posible aumentar el compromiso y las conversiones en un 1 %, ¿no valdría la pena considerar agregar esas etiquetas de texto "feas" (es decir, útiles) ?

Por ejemplo, el ícono de búsqueda es reconocido por casi todos, sin embargo, un enfoque de solo ícono puede dejarlo con una pésimo índice de participación del 6%. Agregar una etiqueta de texto al ícono de búsqueda puede aumentar eso en un 16.17%.

Bien, olvidémonos de tu producto y los íconos secundarios. Hablemos de su navegación global. ¿Está utilizando un menú de hamburguesas para ocultar su navegación?

Por supuesto que lo eres. Es un ahorro de espacio y es ampliamente reconocible en dispositivos móviles. Tanto es así, que incluso se ha infiltrado en los escaparates de las tiendas de escritorio.

¿Sabía que sus compradores de escritorio pueden tardar de 5 a 7 segundos MÁS en usar su navegación cuando está oculta? Peor aún, ¿solo el 27 % de los compradores usará alguna vez la navegación oculta?

Microsoft reconoció que estaban teniendo problemas con su barra de herramientas de solo íconos. Intentaron cambiar los íconos y su posición, pero no sirvió de mucho. Lo que sí ayudó fue la introducción de etiquetas de texto junto a los íconos. Inmediatamente solucionó los problemas de usabilidad y la gente comenzó a usar más la barra de herramientas.

También descubrieron que los usuarios solo podían reconocer 6 íconos sin una etiqueta de texto: ¡esos eran usuarios que habían estado usando su software durante más de 2 años!

La comprensión de un icono por parte de un usuario se basa en experiencias pasadas. Cuando no existe una aceptación universal estándar y un uso para un icono, una etiqueta de texto se convierte en una necesidad.

¿Deberías usar íconos? Por supuesto, pero incluye una etiqueta de texto. Por el bien de sus compradores "lentos", ayúdelos a comprarle a usted un poco más fácilmente.

Usa la regla de los 5 segundos. Si le toma más de 5 segundos pensar en un ícono apropiado para algo, entonces existe una alta probabilidad de que sea una opción de comunicación ineficaz. ¡Garantizado, sus compradores no tendrán ni idea de lo que significa!

Para decirlo sin rodeos, si un comprador no puede encontrar lo que está buscando, no puede comprarlo. Confiar en la paciencia y la curiosidad de su comprador no es la mejor estrategia de optimización de conversión.

Se trata de conversiones. Se trata de la experiencia de sus compradores.

Nunca debe ser sobre tu gusto personal, lo que te gusta o tu propia vanidad.

Es un enfoque tonto pensar que usted es la excepción e ignorar lo que le dicen los datos. No apuestes a que tu diseño supere los obstáculos de la experiencia del usuario. Es un juego peligroso cuando se trata de la tasa de conversión de su tienda.

Al final del día, está haciendo más que perder ventas. Está perdiendo todo el capital necesario para que sus compradores atraviesen su puerta principal digital: está molestando a sus compradores y pagando para hacerlo, literalmente.

Imagínese si cada escalera mecánica, interruptor de luz o bicicleta funcionara de manera diferente, todo en nombre de la "estética".

Cuando es su tienda, es emocionante. Es fácil quedar atrapado en la "novedad" y olvidar lo que se siente ser un comprador promedio.

Cuando te metes con las expectativas de los usuarios, corres el riesgo de confundir y molestar a tus compradores.

No pierda a sus compradores por algo tan tonto como una tendencia de diseño.