{"id":2581,"date":"2016-09-29T13:00:22","date_gmt":"2016-09-29T18:00:22","guid":{"rendered":"https:\/\/mott.pe\/marketing-digital\/?p=2581"},"modified":"2023-08-30T08:13:53","modified_gmt":"2023-08-30T13:13:53","slug":"diseno-de-experiencia-de-usuario-ux-y-usabilidad-web","status":"publish","type":"post","link":"https:\/\/mott.marketing\/diseno-de-experiencia-de-usuario-ux-y-usabilidad-web\/","title":{"rendered":"Dise\u00f1o de experiencia de usuario UX y Usabilidad Web"},"content":{"rendered":"<p>En este art\u00edculo conocer\u00e1s que es el Dise\u00f1o de experiencia de usuario o UX y en que consiste el concepto de usabilidad Web. Esto es necesario ya que ambos son sumamente importantes en la actual \u00e9poca en el que todo se relaciona a la presencia en el entorno online y el <a href=\"https:\/\/mott.pe\/marketing\" target=\"_blank\" rel=\"noopener\">marketing digital<\/a>.<\/p>\n<h2>\u00bf Qu\u00e9 es un dise\u00f1o de experiencia de usuario UX ?<\/h2>\n<p style=\"text-align: justify;\">UX Design o User Experience Design es una filosof\u00eda del dise\u00f1o web que busca la creaci\u00f3n de productos que resuelvan las necesidades de sus usuarios finales, consiguiendo una mejor experiencia con el m\u00ednimo esfuerzo posible por parte de este. Por ello, en este proceso se utiliza una serie de t\u00e9cnicas multidisciplinarias donde cada decisi\u00f3n tomada debe estar basada en las necesidades, expectativas y capacidades de los usuarios.<\/p>\n<p style=\"text-align: justify;\"><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter wp-image-2591 size-full\" title=\"dise\u00f1o de experiencia de usuario\" src=\"https:\/\/mott.marketing\/wp-content\/uploads\/2016\/05\/que-es-experiencia-de-usuario-1-1.jpg\" alt=\"dise\u00f1o de experiencia de usuario\" width=\"670\" height=\"250\" srcset=\"https:\/\/mott.marketing\/wp-content\/uploads\/2016\/05\/que-es-experiencia-de-usuario-1-1.jpg 670w, https:\/\/mott.marketing\/wp-content\/uploads\/2016\/05\/que-es-experiencia-de-usuario-1-1-300x112.jpg 300w\" sizes=\"(max-width: 670px) 100vw, 670px\" \/><\/p>\n<h2 style=\"text-align: justify;\">UX experiencia de usuario : conocimientos<\/h2>\n<p style=\"text-align: justify;\">Desde un inicio, las funciones dentro del dise\u00f1o de software fueron divididas entre un dise\u00f1ador web y un desarrollador. Sin embargo, a medida que los sitios se volv\u00edan cada vez m\u00e1s complejos y, por tanto, exig\u00edan m\u00e1s trabajo, surgieron nuevas funciones tales como: los arquitectos de informaci\u00f3n, administradores de sistemas, arquitectos de sistemas y otros tantos papeles secundarios.<\/p>\n<p style=\"text-align: justify;\">Actualmente, el dise\u00f1o de experiencia de usuario se compone de una serie de actividades (investigaci\u00f3n, arquitectura de informaci\u00f3n, dise\u00f1o de interacci\u00f3n, etc.) y exige tener conocimientos en psicolog\u00eda cognitiva, interacci\u00f3n persona-ordenador e incluso dise\u00f1o de investigaci\u00f3n. Esta lista de conocimientos son los que diferencian a un dise\u00f1ador UX de un dise\u00f1ador web tradicional.<\/p>\n<p style=\"text-align: justify;\"><img decoding=\"async\" class=\"aligncenter wp-image-2603 size-full\" title=\"experiencia de usuario ux\" src=\"https:\/\/mott.marketing\/wp-content\/uploads\/2016\/05\/imagen-2-1.jpg\" alt=\"experiencia de usuario UX\" width=\"662\" height=\"400\" srcset=\"https:\/\/mott.marketing\/wp-content\/uploads\/2016\/05\/imagen-2-1.jpg 662w, https:\/\/mott.marketing\/wp-content\/uploads\/2016\/05\/imagen-2-1-300x181.jpg 300w\" sizes=\"(max-width: 662px) 100vw, 662px\" \/><\/p>\n<h2 style=\"text-align: justify;\">\u00bfC\u00f3mo implementar experiencia de usuario en un sitio web?<\/h2>\n<p>Para lograr implementar UX en un sitio web es necesario recurrir a profesionales en esa \u00e1rea. La raz\u00f3n de esto es que ellos no solo conocen acerca del dise\u00f1o web o la implementaci\u00f3n de herramientas, sino que, conocen tambi\u00e9n el funcionamiento y el proceso cognitivo del ser humano. Sin embargo, existen algunos principios b\u00e1sicos sobre los que se basan la UX:<\/p>\n<ul>\n<li><strong>Conocimiento del ser humano<\/strong>: Parte de la UX es conocer c\u00f3mo funciona el ser humano dentro de la red. Esto implica conocer su nivel de atenci\u00f3n, los puntos m\u00e1s fuertes donde se aloja la mirada, entre otros.<\/li>\n<li><strong>Conocer a los usuarios<\/strong>: Realizar estudios antes, durante y despu\u00e9s del lanzamiento del producto sobre el p\u00fablico objetivo de la empresa. De esta forma conocer\u00e1 sus conductas y preferencias.<\/li>\n<li><strong>Claridad<\/strong>: No todos los usuarios dominan los mismos t\u00e9rminos, ni siquiera en temas especializados. Por ello es una buena pr\u00e1ctica definir conceptos y usar palabras de uso cotidiano, de esta forma se evitan confusiones y se reduce el esfuerzo cognitivo del usuario.<\/li>\n<li><strong>Identificar el uso<\/strong>: Claro est\u00e1 que las personas utilizan la tecnolog\u00eda de una manera diferente a la que pueda esperar la empresa. Por ello es importante identificar el verdadero uso y guiar al usuario para que \u00e9l tambi\u00e9n lo identifique.<\/li>\n<li><strong>Simplicidad<\/strong>: Hace unos a\u00f1os lo m\u00e1s importante era llenar todo el espacio del sitio web, hoy en d\u00eda eso es impensable. Los websites deben dejar espacios para descansar la vista de los usuarios y mostrar su contenido de una manera simple y sencilla.<\/li>\n<li><strong>Multiplataforma<\/strong>: Sin duda es un aspecto muy importante, valorado tanto por Google como por los usuarios. Esto significa que un mismo sitio debe ser capaz de funcionar en todas las plataformas existentes y no perder su formato.<\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-2612 size-large\" title=\"ux proceso de creacion de contenido\" src=\"https:\/\/mott.marketing\/wp-content\/uploads\/2016\/05\/prueba-1-1-1024x578.jpg\" alt=\"proceso de creacion de contenido experiencia de usuario UX\" width=\"1024\" height=\"578\" srcset=\"https:\/\/mott.marketing\/wp-content\/uploads\/2016\/05\/prueba-1-1-1024x578.jpg 1024w, https:\/\/mott.marketing\/wp-content\/uploads\/2016\/05\/prueba-1-1-300x169.jpg 300w, https:\/\/mott.marketing\/wp-content\/uploads\/2016\/05\/prueba-1-1-1200x677.jpg 1200w, https:\/\/mott.marketing\/wp-content\/uploads\/2016\/05\/prueba-1-1.jpg 1290w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<h2>Herramientas de an\u00e1lisis en cuanto a experiencia de usuario<\/h2>\n<p>Un error com\u00fan a la hora de desarrollar un website es dise\u00f1arlo para la interacci\u00f3n con los due\u00f1os del sitio y no encontrarse optimizado para los usuarios. En consecuencia, la conversi\u00f3n de clics de la p\u00e1gina es baja a pesar del tr\u00e1fico que se pueda generar. Ante esta situaci\u00f3n, existen herramientas disponibles para evaluar la experiencia de usuario en el sitio web.<\/p>\n<h2 style=\"padding-left: 30px;\">UserTesting<\/h2>\n<p style=\"padding-left: 30px;\">UserTesting ofrece una gran variedad de servicios para medir la experiencia de usuario. Como mayor atractivo cuenta con una herramienta que permite escoger los perfiles de usuarios a evaluar e incluso ofrece un servicio a trav\u00e9s del que se puede ver en tiempo real a los usuarios que eval\u00faan el sitio web.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2608 size-large\" title=\"UserTesting\" src=\"https:\/\/mott.marketing\/wp-content\/uploads\/2016\/05\/UserTesting-1-1024x433.jpg\" alt=\"UserTesting website para experiencia de usuario UX\" width=\"1024\" height=\"433\" srcset=\"https:\/\/mott.marketing\/wp-content\/uploads\/2016\/05\/UserTesting-1-1024x433.jpg 1024w, https:\/\/mott.marketing\/wp-content\/uploads\/2016\/05\/UserTesting-1-300x127.jpg 300w, https:\/\/mott.marketing\/wp-content\/uploads\/2016\/05\/UserTesting-1-1200x507.jpg 1200w, https:\/\/mott.marketing\/wp-content\/uploads\/2016\/05\/UserTesting-1.jpg 1583w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<h2 style=\"padding-left: 30px;\">UsabilityHub<\/h2>\n<p style=\"padding-left: 30px;\">Esta herramienta te permite evaluar tanto la conversi\u00f3n como la experiencia del usuario. Adem\u00e1s puedes dise\u00f1ar encuestas para obtener comentarios de los propios usuarios.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-10761 size-large\" title=\"UsabilityHub plataforma ux\" src=\"https:\/\/mott.marketing\/wp-content\/uploads\/2016\/09\/UsabilityHub-1024x594.jpg\" alt=\"UsabilityHub plataforma ux\" width=\"1024\" height=\"594\" srcset=\"https:\/\/mott.marketing\/wp-content\/uploads\/2016\/09\/UsabilityHub-1024x594.jpg 1024w, https:\/\/mott.marketing\/wp-content\/uploads\/2016\/09\/UsabilityHub-300x174.jpg 300w, https:\/\/mott.marketing\/wp-content\/uploads\/2016\/09\/UsabilityHub.jpg 1120w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<h2 style=\"padding-left: 30px;\">ContentSquare<\/h2>\n<p style=\"padding-left: 30px;\">Esta plataforma te permite ver grabaciones de c\u00f3mo los usuarios experimentan en tu sitio web o aplicaciones m\u00f3viles, desde versi\u00f3n de escritorio o celular. Tambi\u00e9n te ofrece mapas de calor con los que podr\u00e1s conocer detalles del recorrido del usuario enel sitio web.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-10762 size-large\" title=\"ContentSquare plataforma ux\" src=\"https:\/\/mott.marketing\/wp-content\/uploads\/2016\/09\/ContentSquare-1024x594.jpg\" alt=\"ContentSquare plataforma para experiencia de usuario UX\" width=\"1024\" height=\"594\" srcset=\"https:\/\/mott.marketing\/wp-content\/uploads\/2016\/09\/ContentSquare-1024x594.jpg 1024w, https:\/\/mott.marketing\/wp-content\/uploads\/2016\/09\/ContentSquare-300x174.jpg 300w, https:\/\/mott.marketing\/wp-content\/uploads\/2016\/09\/ContentSquare.jpg 1120w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<h2 style=\"padding-left: 30px;\">Usabilla<\/h2>\n<p style=\"padding-left: 30px;\">Permite acceder a un panel de investigaci\u00f3n de usuarios y generar feedback a trav\u00e9s de encuestas. Tambi\u00e9n puedes\u00a0 llevar un registro de visitas y otras 6 herramientas que en otros sitios web requieren una paga por cada una de ellas.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2607 size-large\" title=\"Usabilla\" src=\"https:\/\/mott.marketing\/wp-content\/uploads\/2016\/05\/Usabilla-1-1024x581.jpg\" alt=\"Usabilla\" width=\"1024\" height=\"581\" srcset=\"https:\/\/mott.marketing\/wp-content\/uploads\/2016\/05\/Usabilla-1-1024x581.jpg 1024w, https:\/\/mott.marketing\/wp-content\/uploads\/2016\/05\/Usabilla-1-300x170.jpg 300w, https:\/\/mott.marketing\/wp-content\/uploads\/2016\/05\/Usabilla-1-1200x681.jpg 1200w, https:\/\/mott.marketing\/wp-content\/uploads\/2016\/05\/Usabilla-1.jpg 1580w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<h2 style=\"padding-left: 30px;\">Google Analytics<\/h2>\n<p style=\"padding-left: 30px;\">Por \u00faltimo, esta herramienta de medici\u00f3n de Google asigna cierto porcentaje del tr\u00e1fico del website hacia las diferentes ventanas que posea tu sitio. De esta forma se podr\u00e1 determinar la efectividad de las diferentes p\u00e1ginas dentro del sitio. Adem\u00e1s, es gratuita, por lo cual se vuelve una opci\u00f3n muy tentativa en cuanto a precio &#8211; eficacia.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-10765 size-large\" title=\"Google Analytics\" src=\"https:\/\/mott.marketing\/wp-content\/uploads\/2016\/09\/google-analytics-1024x594.jpg\" alt=\"google analytics herramienta\" width=\"1024\" height=\"594\" srcset=\"https:\/\/mott.marketing\/wp-content\/uploads\/2016\/09\/google-analytics-1024x594.jpg 1024w, https:\/\/mott.marketing\/wp-content\/uploads\/2016\/09\/google-analytics-300x174.jpg 300w, https:\/\/mott.marketing\/wp-content\/uploads\/2016\/09\/google-analytics.jpg 1120w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<h2>P\u00e1ginas web que usan UX en sus proyectos<\/h2>\n<p>Hay que mencionar los casos de \u00e9xito de p\u00e1ginas que han logrado implementar eficientemente el dise\u00f1o UX en sus proyectos.<\/p>\n<h3 style=\"padding-left: 30px;\">Andrew Jackson<\/h3>\n<p style=\"padding-left: 30px;\">Andrew es un dise\u00f1ador freelance de London que muestra su portafolio de trabajo a trav\u00e9s de su sitio web. La interacci\u00f3n con el usuario que este sitio propone es innovadora y muy informativa pero sin perder la sencillez.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2600 size-large\" title=\"Andrew Jackson sitios web ux\" src=\"https:\/\/mott.marketing\/wp-content\/uploads\/2016\/05\/Andrew-Jackson-1-1024x576.jpg\" alt=\"Andrew Jackson sitios web ux\" width=\"1024\" height=\"576\" srcset=\"https:\/\/mott.marketing\/wp-content\/uploads\/2016\/05\/Andrew-Jackson-1-1024x576.jpg 1024w, https:\/\/mott.marketing\/wp-content\/uploads\/2016\/05\/Andrew-Jackson-1-300x169.jpg 300w, https:\/\/mott.marketing\/wp-content\/uploads\/2016\/05\/Andrew-Jackson-1-1200x675.jpg 1200w, https:\/\/mott.marketing\/wp-content\/uploads\/2016\/05\/Andrew-Jackson-1.jpg 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<h3 style=\"padding-left: 30px;\">Harry\u2019s<\/h3>\n<p style=\"padding-left: 30px;\">La empresa Harry\u2019s se encarga de la elaboraci\u00f3n de m\u00e1quinas de afeitar desechables de calidad a precios reducidos. Esta empresa presenta un sitio web muy \u2018limpio\u2019 que se enfoca en mostrar la calidad del producto e incluye las opciones de Ecommerce sin necesidad de redirigirse a otra p\u00e1gina.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2602 size-large\" title=\"Harry's sitios web ux\" src=\"https:\/\/mott.marketing\/wp-content\/uploads\/2016\/05\/Harrys-1-1024x480.jpg\" alt=\"Harry's sitios web ux\" width=\"1024\" height=\"480\" srcset=\"https:\/\/mott.marketing\/wp-content\/uploads\/2016\/05\/Harrys-1-1024x480.jpg 1024w, https:\/\/mott.marketing\/wp-content\/uploads\/2016\/05\/Harrys-1-300x141.jpg 300w, https:\/\/mott.marketing\/wp-content\/uploads\/2016\/05\/Harrys-1-1200x562.jpg 1200w, https:\/\/mott.marketing\/wp-content\/uploads\/2016\/05\/Harrys-1.jpg 1547w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<h3 style=\"padding-left: 30px;\">Ony Agency<\/h3>\n<p style=\"padding-left: 30px;\">Ony Agency es una agencia rusa con m\u00e1s de 19 a\u00f1os de experiencia que combina el branding con la experiencia digital. De hecho, esto lo demuestra a trav\u00e9s de su sitio web que tiene una interfaz sencilla que facilita el recorrido de los usuarios.<\/p>\n<p style=\"padding-left: 30px;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-10758 size-large\" title=\"Ony Agency sitio web ux\" src=\"https:\/\/mott.marketing\/wp-content\/uploads\/2016\/09\/Ony-Agency-1024x594.jpg\" alt=\"Ony Agency sitio web ux\" width=\"1024\" height=\"594\" srcset=\"https:\/\/mott.marketing\/wp-content\/uploads\/2016\/09\/Ony-Agency-1024x594.jpg 1024w, https:\/\/mott.marketing\/wp-content\/uploads\/2016\/09\/Ony-Agency-300x174.jpg 300w, https:\/\/mott.marketing\/wp-content\/uploads\/2016\/09\/Ony-Agency.jpg 1120w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<h3 style=\"padding-left: 30px;\">Venables Bell &amp; Partners<\/h3>\n<p style=\"padding-left: 30px;\"><span style=\"font-weight: 400;\">Lo llamativo de esta p\u00e1gina es la forma sencilla en la que interact\u00faa con los usuarios. Cuenta con muchos efectos y gr\u00e1ficas que vuelven al sitio agradable a la vista. Adem\u00e1s, mantiene una organizaci\u00f3n de pesta\u00f1as muy sencilla y clara que facilita el recorrido por el sitio web.<\/span><\/p>\n<p style=\"padding-left: 30px;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-10759 size-large\" title=\"Venables Bell &amp; Partners sitio web ux\" src=\"https:\/\/mott.marketing\/wp-content\/uploads\/2016\/09\/Venables-Bell-Partners-1024x594.jpg\" alt=\"Venables Bell &amp; Partners sitio web con experiencia de usuario UX\" width=\"1024\" height=\"594\" srcset=\"https:\/\/mott.marketing\/wp-content\/uploads\/2016\/09\/Venables-Bell-Partners-1024x594.jpg 1024w, https:\/\/mott.marketing\/wp-content\/uploads\/2016\/09\/Venables-Bell-Partners-300x174.jpg 300w, https:\/\/mott.marketing\/wp-content\/uploads\/2016\/09\/Venables-Bell-Partners.jpg 1120w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<h2>\u00bfQu\u00e9 no es experiencia de usuario?<\/h2>\n<p>Ya que definimos que es la experiencia de usuario, tambi\u00e9n es \u00fatil definir que conceptos no lo son ya que a veces se presta a confusiones.<\/p>\n<h3>Interfaz de usuario (UI)<\/h3>\n<p>La interfaz de usuario es una parte de la experiencia de usuario, pero solo eso. Existe mucho m\u00e1s detr\u00e1s de la experiencia de usuario que les concierne a todos, no solo a los dise\u00f1adores.<\/p>\n<h3>Parte del proceso<\/h3>\n<p>La experiencia de usuario es todo el proceso. Debe encontrarse desde la concepci\u00f3n del proyecto hasta un continuo mantenimiento de este para poder acoplarse a las tendencias que exija el mercado.<\/p>\n<h3>Tecnolog\u00eda<\/h3>\n<p>La experiencia de usuario usa la tecnolog\u00eda como herramienta para ayudar a los usuarios a lograr sus objetivos. \u201cEl dise\u00f1o de experiencia de usuario no se limita a los confines de la computadora. Ni siquiera necesita una pantalla\u00bb, menciona Bill DeRouchey, director de dise\u00f1o de interacci\u00f3n en Ziba Design. Y adem\u00e1s agrega que \u201cLa experiencia de usuario es cualquier interacci\u00f3n con un producto, artefacto o sistema.\u201d<\/p>\n<h3>Solo usabilidad<\/h3>\n<p>La usabilidad es importante, pero est\u00e1 enfocada \u00fanicamente en la eficiencia y efectividad mientras que la UX incluye otra clase de caracter\u00edsticas como la capacidad de aprendizaje, respuestas emocionales y comportamientos hacia los productos y servicios. David Malouf, profesor de dise\u00f1o de interacci\u00f3n en Savannah College of Arts &amp; Design, comenta: \u201cNo todo tiene que ser simple si puede ser aprendido con facilidad, y es crucial que, en primer lugar, el producto sea atractivo a las personas que nunca interactuaron con \u00e9l\u201d.<\/p>\n<h3>El trabajo de una sola persona<\/h3>\n<p>Los dise\u00f1adores de UX muestran que el proceso m\u00e1s efectivo para realizar las acciones, depende de todos los miembros involucrados en los proyectos volverlo un \u00e9xito. Esto quiere decir que la experiencia de usuario no es solo la responsabilidad de un departamento o una persona.<\/p>\n<h2>Diferencias entre UX y UI<\/h2>\n<p style=\"text-align: justify;\">Un profesional experto en UI (Interfaz de usuario) dise\u00f1ar\u00e1 un sitio, p\u00e1gina o app para web, m\u00f3vil o tablet enfoc\u00e1ndose en todo lo que el usuario encontrar\u00e1 al llegar al sitio como: slides, personalizaci\u00f3n de botones, colores, agregar un v\u00eddeo o audio dentro del sitio, etc. En otras palabras, dise\u00f1ar toda clase de elementos que ayuden a captar la atenci\u00f3n de los visitantes.<\/p>\n<p style=\"text-align: justify;\">En cambio, el profesional en UX se enfocar\u00e1 en c\u00f3mo se comportar\u00e1 el usuario dentro del sitio y las reacciones que tendr\u00e1 dentro de \u00e9l.\u00a0 Por lo tanto ver\u00e1 aspectos como: qu\u00e9 tanta demora en cargar el sitio, d\u00f3nde est\u00e1 el bot\u00f3n para descargar, c\u00f3mo ve los servicios que ofrecen, entre otros. Todos estos elementos son detectados por el profesional UX y solucionados por toda la empresa.<\/p>\n<p style=\"text-align: justify;\">Puede ser que un sitio web resulte muy atractivo visualmente y logre interacci\u00f3n con el usuario en todo momento. Sin embargo, esto resultar\u00e1 in\u00fatil si no se toma en cuenta el dise\u00f1o de la experiencia de usuario que busca mantener al visitante dentro del sitio por el m\u00e1ximo de tiempo posible.<\/p>\n<h2 style=\"text-align: justify;\">El pasado presente y futuro de UX<\/h2>\n<p>Hay ciertos cambios que se pueden identificar en el dise\u00f1o de experiencia de usuario UX.<\/p>\n<h3>Pasado del UX<\/h3>\n<p>En un inicio el Internet no tomaba en cuenta la experiencia del usuario ni el dise\u00f1o web. De hecho, el conocimiento y la importancia de estos aspectos empezaron a tomar mayor importancia a medida que surg\u00edan nuevas tecnolog\u00edas y aplicaciones. De esta forma, los par\u00e1metros de la interacci\u00f3n con el usuario fueron estableci\u00e9ndose y desarroll\u00e1ndose.<\/p>\n<h3>Presente\u00a0del UX<\/h3>\n<p>Para la mayor\u00eda de los usuarios la elecci\u00f3n entre p\u00e1ginas o aplicaciones que ofrezcan los mismos productos o servicios se basa en la facilidad de uso y la experiencia brindada. Por ello, los sitios web y apps con buen dise\u00f1o y optimizadas se encuentran destinadas a perdurar en el tiempo. Para lograr esto es necesario que la UX se encuentre presente durante todo el proceso de desarrollo, lo que resulta en una inversi\u00f3n a largo plazo para las empresas ya que evitan cambios dr\u00e1sticos y renovaciones dentro de la interfaz de las apps y websites.<\/p>\n<h3>Futuro\u00a0del UX<\/h3>\n<p>El dise\u00f1o UX dar\u00e1 lugar a profesionales enfocados en la experiencia de usuario, as\u00ed como empresas que comprendan su importancia y busquen siempre optimizar y mejorar sus sitios web. Por otro lado, no solo se buscar\u00e1 optimizar las interacciones de compra o suscripci\u00f3n, sino que se ver\u00e1 todas las interacciones existentes como un conjunto y durante todo el proceso. Desde el ingreso al sitio web hasta la culminaci\u00f3n al realizar la compra.<\/p>\n<h2>Beneficios de UX<\/h2>\n<p>Podemos identificar importantes beneficios en la aplicaci\u00f3n del dise\u00f1o de experiencia de usuario UX.<\/p>\n<h3>Lealtad de usuarios<\/h3>\n<p><span style=\"font-weight: 400;\">Si los usuarios pasan por una mala experiencia viendo p\u00e1ginas de error o un sistema complejo para un proceso sencillo, ellos no volver\u00e1n.<\/span><\/p>\n<ul>\n<li style=\"padding-left: 30px;\"><span style=\"font-weight: 400;\">El cliente no solo se va, sino que ir\u00e1 a la competencia.<\/span><\/li>\n<li style=\"padding-left: 30px;\"><span style=\"font-weight: 400;\">Una buena gesti\u00f3n de UX recuperar\u00e1 a los clientes y no las nuevas opciones al producto.<\/span><\/li>\n<li style=\"padding-left: 30px;\"><span style=\"font-weight: 400;\">Los clientes fidelizados ser\u00e1n los mejores voceros de la marca.<\/span><\/li>\n<\/ul>\n<h3>Retorno de inversi\u00f3n<\/h3>\n<p>Con una buena UX se puede asegurar que la inversi\u00f3n genere un valor rentable.<\/p>\n<ul>\n<li style=\"padding-left: 30px;\"><span style=\"font-weight: 400;\">La UX ayuda a eliminar confusiones o molestias durante todo el proceso de visita y posteriormente en la compra.<\/span><\/li>\n<li style=\"padding-left: 30px;\"><span style=\"font-weight: 400;\">Una buena UX aumentar\u00e1 ventas, presencia en mercado, n\u00famero de visitas y mejor reputaci\u00f3n.<\/span><\/li>\n<li style=\"padding-left: 30px;\"><span style=\"font-weight: 400;\">El retorno de la inversi\u00f3n puede ser monetario o por un beneficio.<\/span><\/li>\n<\/ul>\n<h3>Eficiencia y productividad<\/h3>\n<p>Una buena UX ayuda a los usuarios a realizar sus actividades de una forma m\u00e1s c\u00f3moda y prevenir errores.<\/p>\n<ul>\n<li style=\"padding-left: 30px;\"><span style=\"font-weight: 400;\">La mejora de la eficiencia en herramientas de experiencia de usuario mejora la productividad.<\/span><\/li>\n<li style=\"padding-left: 30px;\"><span style=\"font-weight: 400;\">Una buena UX evita el trabajo innecesario y muchas veces redundante.<\/span><\/li>\n<li style=\"padding-left: 30px;\"><span style=\"font-weight: 400;\">Cuando un producto es muy usado, ahorrar unos segundos es importante, ya que reduce el rebote.<\/span><\/li>\n<\/ul>\n<h3>Satisfacci\u00f3n del usuario<\/h3>\n<p>Sin duda alguna cuando para los usuarios es sencillo realizar una tarea, tienden a hacerlo m\u00e1s a menudo.<\/p>\n<ul>\n<li style=\"padding-left: 30px;\"><span style=\"font-weight: 400;\">La UX debe cumplir con las expectativas, proporcionar calidad y garantizar seguridad al usuario.<\/span><\/li>\n<li style=\"padding-left: 30px;\"><span style=\"font-weight: 400;\">Sin UX los productos tendr\u00e1n caracter\u00edsticas o funciones que no pueden ser usadas por el usuario o las usan err\u00f3neamente, generando emociones negativas.<\/span><\/li>\n<\/ul>\n<h3>Reducci\u00f3n de costos<\/h3>\n<p>Los errores detectados en el dise\u00f1o suponen un gasto mucho menor a los que se pueden detectar en la etapa de desarrollo.<\/p>\n<ul>\n<li style=\"padding-left: 30px;\"><span style=\"font-weight: 400;\">Invertir en UX asegura que los productos tengan calidad desde el inicio.<\/span><\/li>\n<li style=\"padding-left: 30px;\"><span style=\"font-weight: 400;\">El equipo de desarrollo gasta el 50% de su tiempo en arreglar problemas de UX.<\/span><\/li>\n<li style=\"padding-left: 30px;\"><span style=\"font-weight: 400;\">Con una buena UX se reduce el tiempo y recursos destinados a capacitaci\u00f3n, soporte y mejoras.<\/span><\/li>\n<\/ul>\n<h3>Mejorar el <a href=\"https:\/\/mott.pe\/cursos\/seo-posicionamiento-web-buscadores\" target=\"_blank\" rel=\"noopener\">posicionamiento en buscadores<\/a><\/h3>\n<p>Con los constantes cambios en los algoritmos de Google se advierte que \u201cpenalizar\u00e1 con lugares desfavorables de b\u00fasqueda org\u00e1nica a las p\u00e1ginas que no sean usables en m\u00f3viles\u201d.<\/p>\n<ul>\n<li><span style=\"font-weight: 400;\">El <a href=\"https:\/\/mott.pe\/packs\/seo-design\" target=\"_blank\" rel=\"noopener\">SEO<\/a> es una consecuencia de una buena implementaci\u00f3n de UX y buenas pr\u00e1cticas de programaci\u00f3n.<\/span><\/li>\n<\/ul>\n<h2>Cursos en Dise\u00f1o de Experiencia de UX<\/h2>\n<p>Estos son algunos interesantes cursos que puedes llevar para aprender sobre Dise\u00f1o de Experiencia UX.<\/p>\n<h3>UX Learn &#8211; Formaci\u00f3n en experiencia de usuario, usabilidad y arquitectura de la informaci\u00f3n<\/h3>\n<p>Este curso lleva m\u00e1s de 12 a\u00f1os en el mercado ofreciendo conocimientos en experiencia de usuario.<\/p>\n<p>Sus objetivos son:<\/p>\n<ul>\n<li>Aportar, desde el inicio, a los alumnos la visi\u00f3n global de un proyecto desde la perspectiva de la metodolog\u00eda de Dise\u00f1o Centrado en el Usuario, siguiendo paso a paso sus fases.<\/li>\n<li>Ense\u00f1ar a los alumnos los conceptos clave y las t\u00e9cnicas utilizadas para realizar el proceso de arquitectura de informaci\u00f3n y conceptualizaci\u00f3n en un producto o servicio digital.<\/li>\n<li>Implementar m\u00e9todos de evaluaci\u00f3n de usabilidad que pueden realizarse en las fases de un proyecto digital.<\/li>\n<\/ul>\n<p>Cuenta con solo 20 plazas, un precio de 400 euros y son 65 horas del curso distribuidas entre 5 a 6 semanas. Accede al curso: <a href=\"https:\/\/www.uxlearn.com\/cursos-ux-online\/\" rel=\"nofollow noopener\" target=\"_blank\">UX learn<\/a>.<\/p>\n<h3>UPF &#8211; Postgrado Online en Usabilidad, Dise\u00f1o de Interacci\u00f3n y Experiencia de Usuario<\/h3>\n<p>Este curso es realizado por la Universidad Pompeu Fabra de Barcelona. Mediante este posgrado se ense\u00f1a a dise\u00f1ar herramientas digitales que respondan y se adapten al comportamiento de los usuarios. Los objetivos espec\u00edficos del posgrado son:<\/p>\n<ul>\n<li>Formar expertos en el dise\u00f1o de interfaces desde una metodolog\u00eda centrada en el usuario, desde la concepci\u00f3n hasta el desarrollo de un prototipo final; capaces de entender todo el proceso de desarrollo web y comunicarse con el equipo de desarrollo.<\/li>\n<li>Adquirir los conocimientos necesarios para plantear y desarrollar la arquitectura de la informaci\u00f3n de un sistema interactivo con tecnolog\u00edas web y tecnolog\u00edas m\u00f3viles.<\/li>\n<li>Conocer los lenguajes HTML, CSS y JS, as\u00ed como el dise\u00f1o responsive multiplataforma.<\/li>\n<li>Definir KPIs espec\u00edficas de experiencia de usuario.<\/li>\n<\/ul>\n<p>El curso est\u00e1 previsto para marzo del pr\u00f3ximo a\u00f1o y tendr\u00e1 una duraci\u00f3n de casi 3 meses.<\/p>\n<p>Adem\u00e1s, la UPF ofrece tambi\u00e9n un M\u00e1ster Universitario Online en UX: Usabilidad, Dise\u00f1o de Interacci\u00f3n y Experiencia de Usuario. Para saber m\u00e1s de estos cursos puedes revisarlos en los siguientes links:\u00a0<a href=\"https:\/\/www.bsm.upf.edu\/es\/postgrado-en-usabilidad-ux-diseno-interaccion\" target=\"_blank\" rel=\"nofollow noopener\">Postgrado Ux Learn<\/a> y\u00a0<a href=\"https:\/\/www.bsm.upf.edu\/es\/master-online-en-ux-usabilidad-diseno-de-interaccion-y-experiencia-usuario\" target=\"_blank\" rel=\"nofollow noopener\">Maestr\u00eda Ux Learn<\/a>.<\/p>\n<h3>IEBS &#8211; Master en Anal\u00edtica Web, Usabilidad y Experiencia de Usuario (UX)<\/h3>\n<p>Programa de estudio de 8 m\u00f3dulos enfocados en:<\/p>\n<ul>\n<li>Definir, planificar y realizar un programa de mejora continua centrado en el cliente.<\/li>\n<li>Optimizar resultados y la experiencia de los usuarios de tu sitio web<\/li>\n<li>Optimizar la conversi\u00f3n y las ventas.<\/li>\n<li>Definir, implementar y explotar un sistema de anal\u00edtica web de forma eficiente.<\/li>\n<\/ul>\n<p>Este curso contar\u00e1 con 600 horas de duraci\u00f3n y cuenta con profesionales altamente cualificados como profesores. Accede al curso: <a href=\"https:\/\/www.iebschool.com\/programas\/master-analitica-web-usabilidad-experiencia-usuario-ux\/\" rel=\"nofollow noopener\" target=\"_blank\">IEBS<\/a><\/p>\n<h2>Experiencia de Usuario en M\u00f3viles<\/h2>\n<p>El experto en UX mobile se encarga de estudiar y evaluar la interacci\u00f3n del usuario con las aplicaciones m\u00f3viles durante todo el proceso de desarrollo y una vez lanzado el aplicativo al mercado, para as\u00ed identificar y proponer cambios para mejorar la interacci\u00f3n.<\/p>\n<p>Este profesional trabaja estrechamente con el dise\u00f1ador de la aplicaci\u00f3n y, sobre todo, con los aspectos de la interfaz de usuario (UI), as\u00ed como los especialistas de marketing, anal\u00edtica y posicionamiento. De esta forma la empresa se asegura de mejorar la reputaci\u00f3n no solo del aplicativo, sino tambi\u00e9n, de la marca en general.<\/p>\n<h3>Conclusi\u00f3n<\/h3>\n<p>La experiencia de usuario debe encontrarse impl\u00edcitamente dentro de cada uno de los proyectos que desarrolle la empresa, esto ya no representa una opci\u00f3n ni un gasto innecesario, sino que, es una obligaci\u00f3n para poder mantenerse como una empresa competitiva frente a la competencia.<\/p>\n<p>Te podr\u00eda interesar<\/p>\n<ul>\n<li><a href=\"https:\/\/mott.marketing\/10-pasos-clave-para-crear-y-disenar-una-pagina-web-exitosa\/\" target=\"_blank\" rel=\"noopener\">10 pasos clave para crear y dise\u00f1ar una p\u00e1gina web exitosa<\/a><\/li>\n<li><a href=\"https:\/\/mott.marketing\/10-tips-y-estrategias-seo-para-mejorar-tu-posicionamiento-web\/\" target=\"_blank\" rel=\"noopener\">10 tips y estrategias SEO para mejorar tu posicionamiento web<\/a><\/li>\n<li><a href=\"https:\/\/mott.marketing\/cuales-son-las-4-f-del-marketing-digital\/\" target=\"_blank\" rel=\"noopener\">\u00bfCu\u00e1les son las 4 F del Marketing Digital?<\/a><\/li>\n<li><a href=\"https:\/\/mott.marketing\/que-es-marketing-de-experiencias-y-como-puede-ayudar-a-fidelizar-clientes\/\" target=\"_blank\" rel=\"noopener\">\u00bfQu\u00e9 es Marketing de Experiencias y c\u00f3mo puede ayudar a fidelizar clientes?<\/a><\/li>\n<li><a href=\"https:\/\/mott.marketing\/por-que-los-usuarios-abandonan-las-paginas-web\/\" target=\"_blank\" rel=\"noopener\">\u00bfPor qu\u00e9 los usuarios abandonan las p\u00e1ginas web?<\/a><\/li>\n<li><a href=\"https:\/\/mott.marketing\/estrategias-digitales-centradas-en-los-usuarios\/\" target=\"_blank\" rel=\"noopener\">Estrategias de marketing digital centradas en los usuarios<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>En este art\u00edculo conocer\u00e1s que es el Dise\u00f1o de experiencia de usuario o UX y en que consiste el concepto de usabilidad Web. Esto es necesario ya que ambos son sumamente importantes en la actual \u00e9poca en el que todo se relaciona a la presencia en el entorno online y el marketing digital. \u00bf Qu\u00e9 &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/mott.marketing\/diseno-de-experiencia-de-usuario-ux-y-usabilidad-web\/\"> <span class=\"screen-reader-text\">Dise\u00f1o de experiencia de usuario UX y Usabilidad Web<\/span> Leer m\u00e1s &raquo;<\/a><\/p>\n","protected":false},"author":4,"featured_media":2583,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"","footnotes":""},"categories":[33,34],"tags":[53,77],"_links":{"self":[{"href":"https:\/\/mott.marketing\/wp-json\/wp\/v2\/posts\/2581"}],"collection":[{"href":"https:\/\/mott.marketing\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mott.marketing\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mott.marketing\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/mott.marketing\/wp-json\/wp\/v2\/comments?post=2581"}],"version-history":[{"count":0,"href":"https:\/\/mott.marketing\/wp-json\/wp\/v2\/posts\/2581\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mott.marketing\/wp-json\/wp\/v2\/media\/2583"}],"wp:attachment":[{"href":"https:\/\/mott.marketing\/wp-json\/wp\/v2\/media?parent=2581"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mott.marketing\/wp-json\/wp\/v2\/categories?post=2581"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mott.marketing\/wp-json\/wp\/v2\/tags?post=2581"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}