{"id":6094,"date":"2018-09-17T14:31:57","date_gmt":"2018-09-17T12:31:57","guid":{"rendered":"https:\/\/neoattack.com\/blog\/?p=6094"},"modified":"2026-10-07T22:48:54","modified_gmt":"2026-10-07T20:48:54","slug":"diseno-ux","status":"publish","type":"post","link":"https:\/\/neoattack.com\/blog\/diseno-ux\/","title":{"rendered":"\u00bfC\u00f3mo mejorar el dise\u00f1o UX de tu tienda online, seg\u00fan Amazon?"},"content":{"rendered":"

\u00bfQuieres mejorar la experiencia de usuario en tu p\u00e1gina? A continuaci\u00f3n, conocer\u00e1s varias estrategias que este marketplace aplica en cuanto a dise\u00f1o UX – UI<\/strong>, que hacen que sea el preferido por parte de los usuarios.<\/p>\n

\u00bfDe qu\u00e9 trata el dise\u00f1o UX – UI?<\/strong><\/h2>\n

Amazon suele estudiar mucho el comportamiento y las reacciones del cliente<\/strong> dentro de su enorme tienda. Mide su experiencia cuando navega y compra, llevando a cabo t\u00e9cnicas para mejorarla constantemente (esto es a lo que se refiere el trabajo de dise\u00f1o UX – UI).<\/p>\n

\u00bfSab\u00edas cu\u00e1l es una de las razones de su gran \u00e9xito?, su fundador Jeff Bezos lo deja claro<\/strong>:<\/p>\n

\u201cNuestra visi\u00f3n es ser la empresa m\u00e1s centrada en el consumidor del mundo\u201d.<\/em><\/p><\/blockquote>\n

Hoy, esta gigantesca tienda es entre los \u201cretails\u201d, la marca web l\u00edder en satisfacci\u00f3n y lealtad del cliente<\/strong>, seg\u00fan el \u00cdndice de Experiencia de ForeSee (FXI).<\/p>\n

No pierdas esta oportunidad de aprender del gigante del comercio digital.<\/p>\n

\u00bfPor qu\u00e9 cuidar mucho la experiencia del usuario (UX)?<\/strong><\/h2>\n

Es algo que te puedes preguntar frecuentemente y Amazon te da grandes respuestas para entenderlo.<\/p>\n

Este centro comercial ha descubierto y comprendido la inmensa relaci\u00f3n de la experiencia de usuario con el \u00e9xito en su conversi\u00f3n<\/strong>, por lo que ya no duda de la eficacia que tiene su cuidado. Se ha vuelto de hecho un genio del trabajo en el dise\u00f1o UX.<\/p>\n

Desde un principio lo vio como una gran oportunidad para sacar gran ventaja dentro de Internet, dado que la mayor\u00eda de sitios web se enfocan m\u00e1s en tener un \u201cdise\u00f1o bonito\u201d que en analizar su eficacia verdadera con el usuario.<\/p>\n

El gigante concluye que una buena experiencia de usuario siempre terminar\u00e1 reflejando altos beneficios<\/strong>.<\/p>\n

Tan solo basta observar el enorme crecimiento que ha tenido esta p\u00e1gina web de comercio. \u00a0Aunque no lo parezca, la UX ha jugado un papel importante.<\/p>\n

\u00bfC\u00f3mo mejorar el dise\u00f1o UX y UI de tu ecommerce?<\/strong><\/h2>\n

Estos son las recomendaciones basadas en el trabajo del rey del ecommerce<\/strong> que podr\u00edan darte las pautas para elevar tu tienda online a la victoria, independientemente del sector de mercado al que pertenezca.<\/p>\n

    \n
  1. \n

    Logra que el texto tenga un alto valor de ayuda<\/strong><\/h3>\n<\/li>\n<\/ol>\n

    Un aspecto de gran importancia es el contenido de tu tienda<\/strong>, vale m\u00e1s de lo que te han hecho creer.<\/p>\n

    La mayor\u00eda de webmasters pasan a segundo t\u00e9rmino el crear un texto bien optimizado dentro de su tienda online y se enfocan totalmente en los gr\u00e1ficos como, por ejemplo, las im\u00e1genes de los productos.<\/p>\n

    Sin embargo, el gigante del comercio online le ha sacado provecho a esto, logrando cubrir una de las cuestiones m\u00e1s importantes: el guiar al cliente<\/strong>.<\/p>\n

    \"dise\u00f1o<\/p>\n

    Y esa ha demostrado ser la clave hablando de UX design, el texto dentro de una tienda online debe aportar valor resolviendo los obst\u00e1culos<\/strong> que puedan surgirle a nuestro cliente.<\/p>\n

    El usuario ya ley\u00f3 sobre lo que quiere comprar en blogs o redes sociales, por lo que en la tienda online busca principalmente que el proceso de compra sea claro y r\u00e1pido<\/strong>.<\/p>\n

    Por ello,\u00a0logra esto a trav\u00e9s de peque\u00f1os lapsos de texto indicativos. Entonces, la recomendaci\u00f3n es crear y mantener un texto \u201caccionable<\/strong>\u201d.<\/p>\n

    Indica en el texto c\u00f3mo se pueden ver m\u00e1s productos, cuales son los m\u00e1s vendidos, como ir a cierta categor\u00eda, donde est\u00e1 la descripci\u00f3n, etc.<\/p>\n

    Puedes utilizar pop-ups para indicar m\u00e1s acciones, para aprender a crearlos, te recomiendo este art\u00edculo<\/a>.<\/p>\n

    El texto ser\u00e1 el soporte sobre el que el cliente podr\u00e1 moverse en tu tienda<\/strong> sin tener que aprender primero todo el funcionamiento o tener que ir corriendo a tu centro de ayuda, si es que no abandona tu tienda antes.<\/p>\n

      \n
    1. \n

      Dale verdadera importancia a los enlaces en tu tienda<\/strong><\/h3>\n<\/li>\n<\/ol>\n

      Seg\u00fan la famosa consultora \u201cNielsen\u201d, el usuario visualiza m\u00e1s de 900 enlaces por d\u00eda<\/strong>. A largo plazo concluye que se mueve por m\u00e1s de 27,000 al mes y cerca de 324,000 por a\u00f1o, son la esencia de la navegaci\u00f3n por la Web, <\/strong>lo sabemos.<\/p>\n

      Sin embargo, la consultora tambi\u00e9n reconoce que la mayor\u00eda de los desarrolladores web no se centran en analizar la viabilidad de sus enlaces<\/strong> como deber\u00edan.<\/p>\n

      Pero el rey del comercio online supo la veracidad de esto,<\/strong> investig\u00f3 cu\u00e1les eran los hiperv\u00ednculos m\u00e1s relevantes en su tienda y logro acomodarlos en los mejores lugares.<\/p>\n

      Entonces, debes definir cu\u00e1les son los enlaces m\u00e1s demandados y concluye donde deber\u00edan estar, tomando como referencia la tienda online de alg\u00fan competidor directo<\/strong> que veas que tiene buenas m\u00e9tricas (puedes utilizar SimilarWeb o Alexa).<\/p>\n

      Emplea herramientas como \u201cGoogle Analytics\u201d o \u201cBitly\u201d para medir la eficiencia de tus enlaces, al igual que los mapas de calor y las pruebas A\/B, que te ayudaran a tener una mejor perspectiva.<\/p>\n

      Aqu\u00ed una estrategia que funciona es incorporar m\u00e1s de un enlace (de diferentes estilos) con el mismo fin<\/strong>.<\/p>\n

      Por ejemplo, en Amazon puedes explorar los departamentos con dos enlaces despegables (incluso casi juntos), al igual que tienes dos hiperv\u00ednculos para ir a las promociones, a la ayuda, al inicio, para identificarse o para cambiar la ubicaci\u00f3n.<\/p>\n

      \u00bfPor qu\u00e9? S\u00ed, parece est\u00fapido repetirlos, pero logran que para el cliente potencial reci\u00e9n llegado sea mucho m\u00e1s f\u00e1cil encontrar dichas acciones b\u00e1sicas.<\/p>\n

      Si mejoras tus enlaces conseguir\u00e1s una tienda online mejor conectada<\/strong>, eficientemente navegable y con una curva de aprendizaje m\u00e1s peque\u00f1a.<\/p>\n

        \n
      1. \n

        Ofrece una b\u00fasqueda de productos s\u00faper eficiente<\/strong><\/h3>\n<\/li>\n<\/ol>\n

        En muchos sitios corporativos (formados por Landing Pages) se subestima el tener y optimizar un buscador por razones coherentes, pero en tu caso su importancia pasa a ser enorme.<\/p>\n

        Hasta un 30% de los visitantes utilizan el buscador de una tienda online en promedio<\/strong>, seg\u00fan el sitio web \u201cEconsultancy\u201d.<\/p>\n

        La primera recomendaci\u00f3n en cuanto al user experience design, es que el buscador debe estar bastante visible, el usuario en promedio espera encontrarlo en el encabezado a la derecha, tal como lo tiene Amazon.<\/p>\n

        Seg\u00fan \u201cDepesh Mandalia\u201d (Jefe de Conversi\u00f3n y Producto en ticket.com): Crear una familiaridad como esta acelera el proceso de compra y reduce el tiempo de reflexi\u00f3n del cliente<\/strong>.<\/p>\n

        Por otra parte, una t\u00e9cnica muy eficaz para potencializar tu sistema de b\u00fasqueda es la funci\u00f3n de \u201cSugerencias\u201d.<\/p>\n

        Lo que logra es ayudar a tu usuario en su proceso de compra.\u00a0<\/strong>En pocas palabras, a no pensar tanto.<\/p>\n

        \"dise\u00f1o<\/p>\n

        Nuestro sitio referencia muestra acertadas sugerencias como auto completado, e incluso algunas que aplican un filtro de categor\u00eda.<\/p>\n

        Si tienes una gran cantidad de productos variados en tu tienda, tambi\u00e9n es recomendable mirar la posibilidad de ofrecer filtros en los resultados.<\/p>\n

        Si quieres saber c\u00f3mo puedes tener funciones como las mencionadas<\/strong>, revisa este post<\/a><\/u>, en donde se muestran varias herramientas que permiten tener un buscador con estas caracter\u00edsticas.<\/p>\n

          \n
        1. \n

          Procura una extraordinaria visualizaci\u00f3n de productos<\/strong><\/h3>\n<\/li>\n<\/ol>\n

          Recuerda que, aunque el comercio digital este creciendo, en muchos pa\u00edses hispanos a\u00fan existe mucha desconfianza por la compra por internet y es que es natural, lo m\u00e1s cercano que tienes del producto es un contenido, que debe ser lo suficientemente persuasivo.<\/p>\n

          El rey del comercio online sabe que no puede perder ventas por una mala experiencia en las \u00abProduct Pages\u00bb<\/strong>. Por ello toma en cuenta no solo las fotos, sino tambi\u00e9n la informaci\u00f3n de la descripci\u00f3n y de la tabla de caracter\u00edsticas.<\/p>\n

          Lo que debes hacer entonces con tu design, es primero cuidar mucho las im\u00e1genes. Ofrece solo im\u00e1genes profesionales y siempre con un fondo claro.<\/strong><\/p>\n

          Adem\u00e1s, procura contar con varias en diferentes \u00e1ngulos y si el producto viene en varios colores, colocar una de cada uno.<\/p>\n

          Ahora bien, nuestro marketplace estrella ofrece varias mini funciones, como el poder hacerles Zoom y abrirlas en una ventana limpia (sin molestias). Las cuales contribuyen a mejorar la experiencia del cliente, as\u00ed que puedes intentar ofrecer algo similar.<\/p>\n

          Por otra parte, espec\u00edfica que va a comprar exactamente el cliente<\/strong>, mu\u00e9strale esos datos de alto valor que est\u00e1 buscando y as\u00ed eliminaras retrasos y consultas que disminuyen la probabilidad de venta.<\/p>\n

            \n
          1. \n

            Muestra la opini\u00f3n de compradores en primer plano<\/strong><\/h3>\n<\/li>\n<\/ol>\n

            Seg\u00fan un informe del sitio Econsultancy, m\u00e1s del 60% de los clientes digitales leen las rese\u00f1as de un producto antes de comprarlo.<\/p>\n

            \"dise\u00f1o<\/p>\n

            Debido a que se basan en las calificaciones y los comentarios de otros para definir su calidad<\/strong>, esto sucede m\u00e1s que nada cuando carecen de informaci\u00f3n convincente sobre su funcionamiento o de experiencia previa con \u00e9l.<\/p>\n

            Otro dato interesante es que contar con m\u00e1s de 50 opiniones (en su mayor\u00eda favorables), llega a aumentar hasta un 4,6% la tasa de conversi\u00f3n<\/strong>, seg\u00fan un estudio de \u201cReevoo Stats\u201d.<\/p>\n

            Entonces no es de extra\u00f1ar que el l\u00edder del ecommerce les otorgue demasiada importancia a los comentarios de los compradores.<\/p>\n

            Para que sepas\u00a0el impacto de esto, tan solo la pregunta que aparece debajo de cada review (\u00bfEsta opini\u00f3n te ha parecido \u00fatil?) fue responsable de $2,7 mil millones de d\u00f3lares en ingresos por a\u00f1o<\/strong> seg\u00fan una investigaci\u00f3n del experto en dise\u00f1o UX: Jareed Spool.<\/p>\n

            Lo que hace nuestra tienda referencia es clasificar las opiniones de manera en que las m\u00e1s relevantes aparezcan en la parte superior, nunca descartando los comentarios negativos. Y al final proporciona una lista de reviews equilibrada y al final muy \u00fatil.<\/p>\n

            Otra de sus grandes t\u00e9cnicas es mostrar un resumen de las opiniones en general<\/strong>. Mediante un cuadro simple logra que el consumidor \u201cse d\u00e9 una idea\u201d de la opini\u00f3n general de todos los compradores.<\/p>\n

              \n
            1. \n

              Proporciona recomendaciones lo m\u00e1s relevantes posible<\/strong><\/h3>\n<\/li>\n<\/ol>\n

              Una de las mejores estrategias para Amazon es la recomendaci\u00f3n de productos acertada<\/strong>, conocida tambi\u00e9n como venta cruzada.<\/p>\n

              Ha puesto tanto su enfoque en esto, que trabaja sus algoritmos de recomendaci\u00f3n como nadie. Haz visto como en la p\u00e1gina de un producto, sea cual sea, sabe que necesita este para complementarse o mejorarse y te lo muestra tan naturalmente.<\/p>\n

              Le ha funcionado tan bien, que esta medida supone\u00a0el 35% de sus ventas totales<\/strong>.<\/p>\n

              \u00bfEntonces conoces aquello que renueva, expande o mejora tus productos?, \u00bflos vendes tambi\u00e9n t\u00fa?, pero, sobre todo, \u00bflos muestras cuando deber\u00edas?<\/p>\n

              Jeff Bezos (por cierto, ya el hombre m\u00e1s rico del mundo) comprendi\u00f3 y declaro el valor de la recomendaci\u00f3n all\u00e1 por 1998 y empez\u00f3 un plan para aplicarla dentro de su centro comercial, enfoc\u00e1ndose en la customizaci\u00f3n para ofrecerle una experiencia \u00fanica a cada cliente<\/strong>.<\/p>\n

              La gran recomendaci\u00f3n es que hagas lo posible por mostrar productos complementarios o verdaderamente similares al que el cliente est\u00e1 viendo.<\/p>\n

              \"dise\u00f1o<\/p>\n

              Entra en este gran post<\/a><\/u> de \u201cBrainSins\u201d que te ayudar\u00e1 a entender mejor todo este asunto.<\/p>\n

              En WordPress al igual que en otros sistemas de ecommerce como OpenCart o Shopify. puedes hallar plugins de recomendaci\u00f3n de productos<\/strong>, encuentra el mejor.<\/p>\n

              Al final, este consejo abarca lo que podr\u00eda ser una de las mayores ventajas sobre tus competidores que en su mayor\u00eda, no trabajan esto.<\/p>\n

                \n
              1. \n

                Elimina obst\u00e1culos con tu carrito de compra<\/strong><\/h3>\n<\/li>\n<\/ol>\n

                Amazon como genio del UX – UI design, entiende que el ahorro de esfuerzo y tiempo para el usuario siempre refleja altos beneficios<\/strong>.<\/p>\n

                Una de las t\u00e1cticas que aplica con esto, es la de permitir conjugar productos que en un fin lo requieran.<\/p>\n

                En promedio, el cliente busca productos relacionados con el mismo fin, pero que se venden por separado<\/strong>. Amazon tiene algoritmos de detecci\u00f3n, los muestra entre s\u00ed y deja que te los\u00a0lleves todos en una sola compra, \u201cde un jal\u00f3n\u201d como decimos en \u00abM\u00e9xico\u00bb.<\/p>\n

                Esto le ha funcionado enormemente, pues en muchos casos le llega a aumentar el valor de pedido en hasta un 200%<\/strong>.<\/p>\n

                As\u00ed como lo vimos en el anterior consejo, \u00bftienes alg\u00fan producto que necesite de otro al final? Intenta lograr que con un clic se a\u00f1adan al carrito de compras<\/strong>.<\/p>\n

                Puedes llegar a pensar que estas son grandes inversiones, pero t\u00fa decides si lo alcanzas a ver como enormes beneficios.<\/p>\n

                Al final se trata de eliminar obst\u00e1culos y retrasos dentro de tu e-commerce para que el cliente complete el proceso de compra lo antes posible.<\/p>\n

                Eso es algo que tienes que procurar mucho, pues el resultado a favor de hacerlo es incre\u00edbl<\/strong>e. Por fortuna es de lo que hablaremos dentro del siguiente consejo.<\/p>\n

                  \n
                1. \n

                  Ofrece un sistema de \u201ccheckout\u201d simple y directo<\/strong><\/h3>\n<\/li>\n<\/ol>\n

                  Incre\u00edblemente, muy pocas tiendas se fijan en el proceso de pago o \u201ccheckout\u201d y poco lo optimizan. Sin saber que ah\u00ed puede estar su mayor desventaja o en todo caso, posible mejor ventaja<\/strong>.<\/p>\n

                  No est\u00e1 de m\u00e1s saber que cerca del 58% de los consumidores abandonan la compra en este proceso.<\/p>\n

                  Esto seg\u00fan varias plataformas de investigaci\u00f3n de mercado sobre comercio electr\u00f3nico como \u201cMarketLive\u201d y \u201cMarketingSherpa\u201d.<\/p>\n

                  Es algo que puede deberse a distintas razones para el cliente como:<\/p>\n