UX y UI de comercio electrónico inteligente
Publicado: 2019-08-20¿Cómo se ve la UX y la UI de comercio electrónico inteligente en 2019? Descubra esta publicación de invitado de Jake Rheude, director de marketing de Red Stag Fulfillment.
Cuando se trata de la experiencia del usuario (UX) y el diseño de la interfaz de usuario (UI), existen diferentes opiniones y expectativas para todos los negocios en línea. Pero, ¿cuál es el caso de los sitios de comercio electrónico? ¿Qué esperan los usuarios de su UX e UI de comercio electrónico en 2019? ¿Qué debes tener en cuenta al crear o rediseñar tu sitio?
Esas son algunas preguntas importantes con una amplia gama de posibles respuestas basadas en su industria, clientes, productos específicos y preferencias personales. Puede disfrutar de un menú de hamburguesas o detestarlos porque esconden demasiada navegación detrás de un clic. A algunos de nosotros nos gustan los fondos de alto contraste, pero estos podrían chocar con los colores y patrones de sus últimas colecciones.
Por lo tanto, profundizar en la experiencia del usuario (UX) y la interfaz de usuario (UI) para el comercio electrónico será complicado. En esta publicación de blog, le mostraremos algunas de las tendencias y aspectos más importantes de UX y UI de comercio electrónico para 2019 para que pueda hacerlo bien en un nivel general y no tenga que preocuparse por evitar sus colores favoritos. .
Para empezar, veamos cómo está todo conectado.
UX y UI de comercio electrónico: una experiencia holística
Cuando comenzamos a pensar en la experiencia del usuario, generalmente está relacionada con nuestro trabajo. Los diseñadores pensarán en cómo el usuario navega por un sitio y utiliza sus elementos. Los especialistas en marketing a menudo piensan en el viaje que realizan las personas para llegar a una página. Las ventas se centrarán en cómo el usuario puede recorrer el recorrido del comprador para completar una compra.
Todas estas cosas y más están incluidas en la UX. Para las empresas de comercio electrónico, es aún más importante recordar porque toda la experiencia está envuelta en su tienda. Los propietarios de comercios electrónicos y los escaparates deben darse cuenta de que la experiencia del usuario con su marca comienza cuando lo descubren por primera vez (las redes sociales, la búsqueda y los anuncios son sus grandes aquí), y los sigue hasta el pago y cualquier seguimiento posterior a la compra.
Ese correo electrónico automatizado que envía agradeciendo a alguien por una compra y proporcionando el seguimiento de su pedido es parte de la experiencia de usuario del comercio electrónico. Dar un paso más para hacer que esto refuerce su marca usando el mismo tono de voz, colores e imágenes tendrá un impacto positivo en cómo lo recuerdan.
Ponte en los zapatos de un nuevo cliente. Realice un seguimiento de cada paso que dan para encontrarlo y comprarle, luego obtenga su producto de usted y decida conservarlo o devolverlo. Cada punto de interacción a lo largo del viaje del cliente es parte de la UX de comercio electrónico que está creando. Cualquier cosa que al cliente no le guste o pueda resultarle confusa es algo que debe cambiarse.
Elementos específicos de UX y UI de comercio electrónico a considerar
Al adoptar un enfoque holístico, debemos observar algunos elementos específicos que están diseñados para mantener feliz a su audiencia sin importar en qué parte del viaje se encuentre. Su UX e UI de comercio electrónico no pueden interponerse en el camino, por lo que debe haber continuidad y pruebas futuras cuando sea posible. Hemos identificado algunos elementos que pueden ayudar a su audiencia a encontrarlo y comprarle.
Soporte de búsqueda por voz (y cualquier otro)
El mundo se basa en la búsqueda. A menos que solo esté vendiendo un solo producto, es probable que su mundo de comercio electrónico también se base en la búsqueda. Lo ames o lo odies, los clientes tendrán que buscarte para encontrarte en muchos casos, y a menudo obtendrás tantas personas buscando tu nombre debido a una campaña publicitaria como aquellas que simplemente hacen clic en el anuncio.
Por lo tanto, la búsqueda puede ser una bendición para su negocio o, si no se toma el tiempo para darle a la búsqueda lo que le corresponde, un gran dolor. Mantengámoslo en lo positivo observando algunos elementos centrales que su sitio web debe admitir para capturar la mayor cantidad de espacio de búsqueda posible.
- Voz : Esta es la última tendencia de búsqueda en despegar gracias a los asistentes virtuales. Las personas hablarán a su teléfono para encontrarlo y eso significa que su sitio web debe construirse en torno a la forma en que hablan las personas. Abordar las preguntas sobre cómo las hace un cliente o crear páginas de destino sobre cómo la gente habla de su empresa es un gran beneficio. El soporte de búsqueda directa también se vuelve un poco más fácil gracias a herramientas como Google Cloud Speech-to-Text API.
- Imágenes: la búsqueda de imágenes está creciendo un poco en popularidad y es una jugada inteligente si estás en plataformas como Instagram. Cuando tiene herramientas y productos muy visuales, o si está tratando de sobresalir, la búsqueda por imágenes puede ayudarlo a causar la mejor impresión. La búsqueda visual también es excelente para llegar a las personas que van a mirar escaparates o quieren una apariencia específica. Google tiene una API de búsqueda personalizada que puede ayudar con una variedad de búsquedas de datos estructurados y no estructurados en su sitio. Lo que más nos gusta de él para las imágenes es que admite colores dominantes, lo que permite que la búsqueda devuelva imágenes de un color dominante específico. Combine eso con nuestro siguiente elemento y convertirá su catálogo en algo que se pueda buscar fácilmente.
- Filtros : A medida que crecen las tiendas online, se vuelve más difícil encontrar la aguja en el pajar. Los filtros son una forma increíble de ayudar a los clientes a hacer precisamente eso, especialmente si no están 100 % seguros de lo que quieren. Los filtros pueden ayudarlos a ver qué hay en su rango de precios, elección de estilo, popularidad y mucho más; además, puede crear etiquetas personalizadas en torno a estilos o cualquier otra cosa que desee agregar otro filtro único y personal. Es una herramienta increíble para combinar con la búsqueda visual para permitir que las personas busquen elementos que encajen entre sí. Esto es increíblemente popular con la ropa, ya que alguien que encuentra la parte superior perfecta puede combinarla con un sombrero o parte inferior de un color específico para completar un look.
- Autocompletar: puede que conozca su marca, pero es poco probable que sepa el nombre exacto de sus productos. Sin embargo, podría tener una idea general al respecto. Las funciones de autocompletar o las propuestas de selección me ayudan brindándome una lista autocompletada de elementos que podría desear. Me llevará al producto más rápido y puede incluir imágenes en estos resultados rellenados previamente para ayudarme a convencerme de que haga clic.
Estos cuatro aspectos de la búsqueda tienen que ver con la experiencia de usuario del comercio electrónico. Lo hace más fácil apoyando lo que el cliente quiere hacer.

Triwa Watches lo logra con una página de inicio que accede fácilmente a una atractiva lista de los más vendidos que encontramos a través de la búsqueda de fotos.
El lado de la interfaz de usuario es cómo hacer que estos elementos sean visualmente atractivos e interesantes sin estorbar. Icons8 tiene una mirada fenomenal al minimalismo en 2019 que se puede aplicar directamente a sus esfuerzos de búsqueda y sitio.

Mantener precisa la información en el sitio
La precisión del contenido del sitio es clave para el comercio electrónico: su sitio web debe ser preciso o corre el riesgo de perder ventas y frustrar a los clientes.
Según un estudio de 2018, cuando un consumidor de EE. UU. en línea se encuentra con un producto agotado:
- 15% va a comprar algo de otra tienda
- El 60% compra un sustituto de la misma tienda (un poco más de la mitad aquí se quedará con la misma marca)
- 10% va a una tienda minorista física para encontrar el producto
- 15% cancela o retrasa su compra
La arquitectura de su sitio web necesita ayuda para admitir los diversos elementos que debe controlar para su tienda y almacén. Hay una variedad de herramientas de comercio electrónico que te ayudarán, ya sean pequeños sistemas de gestión de almacenes o plataformas completas como Shopify. Si subcontrata su cumplimiento a un 3PL, asegúrese de que tenga el soporte de plataforma que necesita.
Revise su proceso por completo y vea exactamente lo que el cliente necesitaría y dónde podría encontrar errores. Por lo tanto, encuentre una manera de rastrear y mostrar su stock actual, opciones y fechas de envío, costos como impuestos y cualquier otro elemento que pueda afectar si un pedido se realiza y completa con prontitud.
Muestre esto de todas las formas posibles para que los clientes no se lleven sorpresas. Si su sitio admite chatbots, pueden ser un lugar perfecto para ofrecer a los clientes la información más relevante, como el envío, así como tablas de tallas y opciones de color.
Minimice la pelusa, enfatice lo importante
Deshágase de los elementos adicionales que no son necesarios, como ocultar productos agotados o alejar los artículos fuera de temporada. Priorice lo que los clientes necesitan y lo que usan, como tablas de tallas, opciones de color y reseñas de clientes, en cada página que pueda.

También te rascarás la cabeza si aún no sabes qué es un ajuste "121"
Si hay una información que podría causar una devolución si es incorrecta, como el tamaño de la ropa, entonces debe hacer que sea lo más fácil posible de encontrar. Limitará esos costos inesperados de devolución y reemplazo.
Otorgue a los elementos populares un lugar destacado, tanto productos como contenido como imágenes, para mantener a los compradores comprometidos y moviéndose por su sitio. Si tiene fotos estelares en cada página, entonces alguien tendrá opciones para seguir comprando si llega a una página con un producto que decida rechazar.
Adopte también las imágenes, porque ayudan a contar su historia y aumentar sus ventas. Por ejemplo, un estudio encontró que los usuarios de Pinterest tenían un 79% más de probabilidades de comprar un producto que vieron anclado. Otros estudios que analizan una audiencia en línea general han encontrado que el 96 % de los consumidores dicen que los videos en línea son útiles para las decisiones de compra y que el 73 % es más probable que compre específicamente un producto con un video explicativo.
Después de ayudarlos a hacer clic, concéntrese en lo que es importante para el proceso de pago. Tómese un tiempo considerable para revisar su carrito de compras y todos los pasos necesarios para usarlo, solucionar problemas y completar la compra.
El pago no puede romper la experiencia.
Por lo tanto, manténgalo rápido, fácil y simple. No solicite más información o detalles de la cuenta de los que necesita. Esto lo ayudará a proteger su negocio al generar confianza: algunos usuarios abandonan los carritos cuando ya no confían en un sitio que se siente demasiado codicioso. La navegación simple e intuitiva se extiende a todo su proceso, incluido el pago. Si está utilizando un pago o suscripción recurrente, esto se vuelve más importante porque está protegiendo una inversión a largo plazo con cada cliente.
Por lo tanto, elimine todo lo que no sea necesario para que las personas completen esa venta y logren sus objetivos.
Personaliza cuando sea posible
Terminemos con un elemento que depende de su presupuesto y software: la personalización del sitio web. Desea crear algo para cada individuo con el fin de ayudarlos, en función de cómo navegan por su sitio. Hay muchos elementos pequeños que puede usar en función de lo que otras personas han hecho, o puede seguir la ruta completa de creación de contenido personalizado para personas en función de sus cuentas de usuario.
Personalice donde pueda, incluso si se trata solo de recomendaciones de productos basadas en la navegación actual o destacando sus productos más comprados. ¡La buena noticia es que es asequible, la buena noticia es que aumenta las ventas!

Una nota final para la interfaz de usuario sobre las preocupaciones en la personalización es que a veces tienes que ser amplio para ser personal. Lo que estamos pensando aquí específicamente es la capacidad de operar de la misma manera en múltiples dispositivos. Construir para la independencia del dispositivo es complicado, pero la recompensa puede ser sustancial. Cuando alguien obtiene lo que necesita en su teléfono después de hacer clic en una publicación de Instagram y compra, luego regresa a través del escritorio para recibir asistencia o rastrear un pedido, quiere que las cosas se vean y se sientan igual.
Más personas navegan en teléfonos inteligentes que nunca y es esencial construir para ese tamaño de pantalla, aunque no para una plataforma específica. También hay un elemento de accesibilidad en este diseño que garantiza que todos sus clientes puedan usar su sitio.
En términos de diseño de interfaz de usuario, esto significa:
- Herramientas de soporte que permiten que su sitio sea leído en voz alta
- Añadir subtítulos
- Simplificar la navegación
- Hacer señales visuales grandes y distintas
- Use combinaciones de colores que sean fáciles de leer o ver para todos
- Presentar el mismo contenido de múltiples maneras
Si necesita más ayuda aquí, consulte la página del W3C sobre accesibilidad, especialmente su soporte de evaluación.
La accesibilidad es un lugar maravilloso para terminar porque nos deja con el estado de ánimo adecuado. Su UX e UI de comercio electrónico se sienten como elementos comerciales, pero en realidad se trata de hablarle a su audiencia. Conéctese con ellos cómo lo necesitan y haga que su trabajo (compra) sea lo más fácil de completar posible.
Cuando diseñe con estos elementos de UX y UI de comercio electrónico en mente, será un impulso significativo para su sitio y sus ventas.
Jake Rheude es el director de marketing de Red Stag Fulfillment, un almacén de cumplimiento de comercio electrónico que nació del comercio electrónico. Tiene años de experiencia en comercio electrónico y desarrollo de negocios. En su tiempo libre, a Jake le gusta leer sobre negocios y compartir su propia experiencia con los demás.