{"id":17440,"date":"2020-05-11T18:32:46","date_gmt":"2020-05-11T18:32:46","guid":{"rendered":"https:\/\/www.conectasoftware.com\/?p=17440"},"modified":"2024-02-03T20:37:10","modified_gmt":"2024-02-03T20:37:10","slug":"guia-ux-para-ecommerce","status":"publish","type":"post","link":"https:\/\/www.conectasoftware.com\/magazine\/guia-ux-para-ecommerce\/","title":{"rendered":"Gu\u00eda UX para Ecommerce"},"content":{"rendered":"

El dise\u00f1o UX<\/strong> est\u00e1 creciendo cada vez m\u00e1s. Si tu negocio tiene como objetivo generar m\u00e1s ventas, clientes potenciales o suscriptores, una fuerte experiencia de usuario es un impulso poderoso para lograr esos objetivos.
\nEl concepto de dise\u00f1o UX se conoce como el proceso a trav\u00e9s del cual se mejora la satisfacci\u00f3n de los clientes, a trav\u00e9s de mejorar la usabilidad y accesibilidad de la interacci\u00f3n entre el visitante y el sitio web o producto.
\nSabemos que la experiencia de usuario no se limita solo a la web. Los principios que se encuentran detr\u00e1s de ellas son esenciales para el dise\u00f1o en general. Hoy en d\u00eda interactuamos con p\u00e1ginas web y aplicaciones diariamente. Si eres capaz de garantizar que los usuarios tengan \u00e9xito en tu\u00a0tienda online<\/strong> generando leads en tu sitio o aplicaci\u00f3n, asegurar\u00e1s m\u00e1s ventas, clientes potenciales y beneficios.<\/p>\n

Piensa como pensar\u00eda el usuario, siempre<\/p><\/blockquote>\n

<\/h2>\n

Proceso y Etapas<\/h2>\n

Existen cinco piezas clave en el proceso hol\u00edstico UX: estrategia, investigaci\u00f3n, an\u00e1lisis, dise\u00f1o y producci\u00f3n.<\/strong><\/p>\n

    \n
  1. Estrategia<\/strong>. En esta etapa, tendr\u00e1s que trabajar en definir qu\u00e9 esperas conseguir con tu sitio o aplicaci\u00f3n. Debes identificar e involucrar a los actores clave en esta etapa, y tambi\u00e9n trabajar\u00e1s para definir c\u00f3mo medir el \u00e9xito.<\/li>\n
  2. Investigaci\u00f3n<\/strong>. Es la etapa de recopilaci\u00f3n de informaci\u00f3n. Cuanto mejor realices tu investigaci\u00f3n, mejor podr\u00e1s alinear la experiencia de usuario con tus objetivos.<\/li>\n
  3. An\u00e1lisis<\/strong>. El objetivo de esta fase es sacar conclusiones de la fase de investigaci\u00f3n y descubrir el porqu\u00e9 detr\u00e1s del qu\u00e9 y validarlo.<\/li>\n
  4. Dise\u00f1o<\/strong>. Aqu\u00ed se inicia la creaci\u00f3n de prototipos. En esta etapa se dan a conocer componentes principales, no del contenido o detalles de la marca.<\/li>\n
  5. Producci\u00f3n<\/strong>. En esta etapa, los detalles est\u00e1n incluidos y completados. Un proyecto m\u00e1s pulido se puede presentar al cliente o visitantes de las pruebas de usuario.<\/li>\n<\/ol>\n

    \"\"<\/h2>\n

    Consejos de UX para tu tienda online<\/h2>\n
    \n
      \n
    • \n

      Dise\u00f1o minimalista y ordenado<\/h3>\n<\/li>\n<\/ul>\n

      La tendencia actual es emplear fondos claron sin im\u00e1genes ni elementos recargados.\u00a0 Si alguien no encuentra lo que est\u00e1 buscando en un periodo de tiempo corto se ir\u00e1 de nuestra web con una mala experiencia de usuario y sin comprar.<\/p>\n

        \n
      • \n

        Miga de pan<\/h3>\n<\/li>\n<\/ul>\n

        Para clientes y buscadores, el tiempo de carga es fundamental. Cada vez somos m\u00e1s impacientes y necesitamos que las p\u00e1ginas carguen de forma r\u00e1pida.<\/p>\n

          \n
        • \n

          Disposici\u00f3n clara de productos<\/h3>\n<\/li>\n<\/ul>\n

          Cuando mostramos los productos se suele emplear una especie de tarjetas con la informaci\u00f3n m\u00e1s importante. Suelen contener una fotograf\u00eda, un t\u00edtulo, precio, descuento.<\/p>\n

            \n
          • \n

            Im\u00e1genes y v\u00eddeos<\/h3>\n<\/li>\n<\/ul>\n

            El contenido visual es el rey de la experiencia visual en una tienda online. Utiliza im\u00e1genes de calidad que permitan ver los detalles de los productos y v\u00eddeos sobre el producto o servicio que comercializamos.<\/p>\n

              \n
            • \n

              Interacciones o participaci\u00f3n<\/h3>\n<\/li>\n<\/ul>\n

              Debemos cuidad el protagonismo del usuario y darle opciones de interactuar con la tienda online ofreciendo diferentes elementos de participaci\u00f3n como pueden ser las valoraciones o comentarios.<\/p>\n

                \n
              • \n

                Pol\u00edtica de precios clara<\/h3>\n<\/li>\n<\/ul>\n

                En muchas ocasiones las tiendas no muestran de forma transparente su pol\u00edtica de precios e impuestos, as\u00ed como los gastos de env\u00edo. Cuanto m\u00e1s sencilla est\u00e9 la informaci\u00f3n y menos sorpresas inesperadas se encuentren los usuarios m\u00e1s venderemos.<\/p>\n

                  \n
                • \n

                  Compra r\u00e1pida<\/h3>\n<\/li>\n<\/ul>\n

                  Hay que facilitar al m\u00e1ximo el proceso de compra a una persona y para ello hay que darle libertad para que compre como se sienta m\u00e1s c\u00f3moda. Habilita la opci\u00f3n de compra sin registro a parte de la compra habitual.<\/p>\n

                  \"ux<\/p>\n

                  <\/h2>\n

                  Ux de tus p\u00e1ginas de productos<\/h2>\n
                  \n

                  Los clientes que compran online conf\u00edan en las p\u00e1ginas de productos para decidir qu\u00e9 comprar. <\/span>Puedes facilitar su toma de decisi\u00f3n respondiendo preguntas, permitiendo la comparaci\u00f3n de productos, proporcionando rese\u00f1as y simplificando el proceso de compra.<\/span>
                  \nEn el comercio electr\u00f3nico, las p\u00e1ginas de productos son fundamentales para el \u00e9xito de una web. <\/span>Los clientes deben tener suficiente informaci\u00f3n para poder tomar una decisi\u00f3n de compra informada. La p\u00e1gina del producto, o la p\u00e1gina de detalles del producto, es el lugar donde los usuarios deciden si comprar y qu\u00e9 comprar. La p\u00e1gina debe incluir informaci\u00f3n completa y detallada del producto de una manera sencilla y comprensible.<\/p>\n

                    \n
                  • \n

                    Contenido de las ficha de productos<\/h3>\n<\/li>\n<\/ul>\n

                    La fichas de producto deben<\/strong> contener la siguiente informaci\u00f3n:<\/p>\n

                      \n
                    • Nombre descriptivo del producto<\/li>\n
                    • Imagens reconocibles<\/li>\n
                    • Una vista ampliada de im\u00e1genes<\/li>\n
                    • El Precio, incluidos los cargos adicionales espec\u00edficos del producto<\/li>\n
                    • Opciones de producto claras, como color y tama\u00f1o, y una forma de seleccionarlas<\/li>\n
                    • Disponibilidad de producto<\/li>\n
                    • Una forma clara de agregar un art\u00edculo al carrito y comentarios claros cuando se haya agregado<\/li>\n
                    • Descripci\u00f3n del producto concisa e informativa<\/li>\n<\/ul>\n

                      Es muy aconsejable<\/strong> que adem\u00e1s incluyan:<\/p>\n

                        \n
                      • Sistemas de valoraci\u00f3n o rese\u00f1as de clientes o expertos, que se pueden ordenar o filtrar por calificaci\u00f3n<\/li>\n
                      • Im\u00e1genes de productos adicionales (vistas rotadas o detalladas, im\u00e1genes animadas del producto en uso)<\/li>\n
                      • V\u00eddeos de productos<\/li>\n
                      • Funcionalidad de zoom o panor\u00e1mica en im\u00e1genes de productos<\/li>\n
                      • Recomendaciones de productos relacionados<\/li>\n
                      • Lista de deseos<\/li>\n<\/ul>\n

                        En algunos productos espec\u00edficos<\/strong> existen algunas funciones que pueden resultar decisivas a la hora de\u00a0 ayudar al cliente en su decisi\u00f3n de compra:<\/p>\n

                          \n
                        • Prueba virtual (por ejemplo, mediante carga de fotos o\u00a0<\/span>realidad aumentada<\/span>\u00a0)<\/span><\/li>\n
                        • Rese\u00f1as de fotos o videos de los clientes<\/li>\n
                        • Metadatos y filtrado avanzado en rese\u00f1as<\/li>\n
                        • Opciones de compra recurrente o por suscripci\u00f3n<\/li>\n
                        • Herramientas de personalizaci\u00f3n de productos<\/li>\n
                        • Fotos 360 \u00b0<\/li>\n
                        • V\u00eddeos o animaciones paso a paso<\/li>\n<\/ul>\n
                            \n
                          • \n

                            Responder a las preguntas que se hacen los compradores<\/h3>\n<\/li>\n<\/ul>\n

                            Los compradores buscan en la p\u00e1gina del producto informaci\u00f3n que pueda responder a todas sus preguntas y dudas. Una excepci\u00f3n son los usuarios\u00a0 que ya saben el producto exacto que quieren o que lo han adquirido previamente. Incluso aquellos compradores centrados en el producto necesitaban una p\u00e1gina de producto detallada para confirmar que hab\u00edan encontrado el art\u00edculo correcto.
                            \nCuando los sitios describ\u00edan completamente los productos, era probable que los usuarios compraran el art\u00edculo correcto y confiaran en sus compras. Colocar la descripci\u00f3n al principio del texto que describe el producto ha demostrado ser m\u00e1s efectivo que ponerlo a mitad o al final. Ten en cuenta que los usuarios no buscan material publicitario, sino una descripci\u00f3n s\u00f3lida del producto, c\u00f3mo se puede usar, c\u00f3mo se ve y para qu\u00e9 sirve. Las descripciones tambi\u00e9n deben explicar cualquier t\u00e9rmino que los usuarios probablemente no conozcan.<\/p>\n