{"id":7682,"date":"2019-04-05T12:00:28","date_gmt":"2019-04-05T12:00:28","guid":{"rendered":"https:\/\/www.conectasoftware.com\/?p=7682"},"modified":"2024-02-04T18:05:27","modified_gmt":"2024-02-04T18:05:27","slug":"guia-de-herramientas-ux","status":"publish","type":"post","link":"https:\/\/www.conectasoftware.com\/magazine\/guia-de-herramientas-ux\/","title":{"rendered":"Gu\u00eda de herramientas UX"},"content":{"rendered":"\n

La optimizaci\u00f3n de la experiencia de usuario <\/span>(UX= User Experience<\/b>) ha logrado convertirse en una soluci\u00f3n universal para los problemas de un ecommerce.<\/span>
Si tienes un comercio on-line y sientes que las cosas no van bien ni vendes lo que te has propuesto \u00bfP<\/span>uede que sea el dise\u00f1o de tu sitio web lo que falla?<\/span><\/i>
 <\/p>\n\n\n\n

Usabilidad y UX<\/span><\/h2>\n\n\n\n

La experiencia de usuario (UX) est\u00e1 un <\/span>escal\u00f3n por encima del SEO, la conversi\u00f3n digital y el dise\u00f1o web.<\/b>
Son los usuarios los que van a decidir el <\/span>\u00e9xito o fracaso del sitio web<\/b>. Es por ello, que debemos optimizar su experiencia y  trabar el punto clave que es un buen dise\u00f1o UX que les facilite un entorno lo m\u00e1s intuitivo posible.<\/span>
A d\u00eda de hoy, con tal cantidad de contenido digital, nuevas apps y la integraci\u00f3n de todo con entornos virtuales, el Dise\u00f1o UX<\/span> (User Experience Design)<\/span><\/i> es cada vez m\u00e1s demandado.<\/span>
El prop\u00f3sito es eliminar esas fricciones o  <\/span>\u2018peque\u00f1os problemas<\/span><\/i>\u2019 que, sumados unos a otros, hacen que los usuarios se alejen del principal objetivo: la venta.<\/strong><\/span><\/p>\n\n\n\n

\n

 
\u00bbEl 88% de los usuarios dicen que no volver\u00edan a un sitio web tras una primera experiencia negativa\u2019\u2019 <\/span>
– Econsultary<\/span><\/p>\n\n\n\n

 <\/h2>\n<\/blockquote>\n\n\n\n

Consejos para optimizar la Experiencia de Usuario (UX)<\/span><\/h2>\n\n\n\n

Reducir el men\u00fa<\/b><\/h4>\n\n\n\n

Uno de los errores m\u00e1s comunes en una web con mal dise\u00f1o UX, es el poner demasiados enlaces en el men\u00fa. <\/span>
Esto hace que al usuario le cueste m\u00e1s decantarse por una opci\u00f3n. As\u00ed que es mucho m\u00e1s efectivo simplificar y ramificar despejando la ruta de contenido poco relevante.<\/span>
 <\/p>\n\n\n\n

V\u00eddeo a lo grande<\/b><\/h4>\n\n\n\n

Si vas a incluir v\u00eddeos aseg\u00farate de que cuando el usuario le d\u00e9 a play, el v\u00eddeo tiene un tama\u00f1o suficiente, sobre todo en m\u00f3viles.<\/span>
 <\/p>\n\n\n\n

Fuerza del Espacio Negativo<\/b><\/h4>\n\n\n\n

Al ofrecer menos elementos en los cuales enfocarse, disminuyes el trabajo del usuario.\u00bfC\u00f3mo conseguir que algo llame realmente la atenci\u00f3n? Creando espacio alrededor de \u00e9ste.<\/span>
El  espacio alrededor del objeto es el espacio negativo, espacio blanco o white space.<\/span>
Es simple: cuanto m\u00e1s espacio haya alrededor de un objeto, m\u00e1s atraer\u00e1  su mirada.<\/span>
 <\/p>\n\n\n\n

Llamada de atenci\u00f3n<\/b><\/h4>\n\n\n\n

\u00bfConoces los famosos Call to action? Pues c\u00e9ntrate tambi\u00e9n en la parte visual del CTA<\/em>, porque si quieres acci\u00f3n, tienes que llamar la atenci\u00f3n.<\/span>
 <\/p>\n\n\n\n

Scroll largo y Lazy load<\/b><\/h4>\n\n\n\n

Una gran recomendaci\u00f3n para incorporar al ecommerce, es el<\/span> scroll largo<\/b>, junto con la t\u00e9cnica de<\/span> lazy load<\/b> para cargar las im\u00e1genes seg\u00fan se va haciendo scroll hacia abajo.<\/span><\/h4>\n\n\n\n

Velocidad de carga<\/b><\/h4>\n\n\n\n

En realidad, no deber\u00eda hacer falta decirlo, pero no todo el mundo lo ha pillado. Webs r\u00e1pidas, no solo por mejorar el SEO, por el usuario, a m\u00e1s fluidez, mejor experiencia de usuario.<\/span>
 
 <\/p>\n\n\n\n

Gu\u00eda de herramientas de UX<\/span><\/h2>\n\n\n\n

A continuaci\u00f3n hemos recopilado alguna de las mejores herramientas  que facilitan la experiencia de usuario.<\/span>
 <\/p>\n\n\n\n

Pruebas de accesibilidad<\/strong><\/h5>\n\n\n\n