{"id":20113,"date":"2021-10-19T11:34:40","date_gmt":"2021-10-19T14:34:40","guid":{"rendered":"https:\/\/www.mjvinnovation.com\/?p=20113"},"modified":"2021-10-19T11:34:44","modified_gmt":"2021-10-19T14:34:44","slug":"ux-y-ui-diferencias-y-la-aplicacion","status":"publish","type":"post","link":"https:\/\/www.mjvinnovation.com\/es\/blog\/ux-y-ui-diferencias-y-la-aplicacion\/","title":{"rendered":"UX y UI: comprenda las diferencias y la aplicaci\u00f3n en proyectos"},"content":{"rendered":"\n<p>El regreso de este tipo de acciones es evidente. Amazon, por ejemplo, ha construido un imperio real desde la perspectiva de las necesidades y la satisfacci\u00f3n del cliente. Tambi\u00e9n lo hizo Netflix, que a\u00fan evolucion\u00f3 esta visi\u00f3n e incorpor\u00f3 la experiencia del usuario en el n\u00facleo de sus procesos de trabajo, generando v\u00ednculos con los clientes.<\/p>\n\n\n\n<p>Con la aparici\u00f3n de nuevos modelos comerciales y la aceleraci\u00f3n del proceso de transformaci\u00f3n de las compa\u00f1\u00edas, las llamadas estrategias centradas en el usuario se han vuelto populares. Todos los aspectos del negocio est\u00e1n estructurados con las necesidades de los usuarios como pieza central.<\/p>\n\n\n\n<p>En este movimiento surgieron dos disciplinas que act\u00faan como motores de cambio y facilitan este proceso: UX y UI.<\/p>\n\n\n\n<p>Pero, \u00bfcu\u00e1les son, cu\u00e1les son sus diferencias y por qu\u00e9 son esenciales para su organizaci\u00f3n? \u00a1Siga leyendo y comprenda de una vez por todas cu\u00e1ndo usar UX y UI en sus proyectos!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>\u00bfQu\u00e9 es UX Design y c\u00f3mo funciona?<\/strong><\/h2>\n\n\n\n<p>UX es una abreviatura del t\u00e9rmino experiencia de usuario. El dise\u00f1o de UX, o dise\u00f1o de experiencia de usuario, se trata esencialmente de c\u00f3mo se siente el usuario al realizar una tarea en particular en un contexto f\u00edsico o digital.<\/p>\n\n\n\n<p>La experiencia de usuario reduce la fricci\u00f3n para que el usuario alcance un objetivo particular de la manera m\u00e1s sencilla posible, generando un sentimiento positivo durante este proceso. Para ello, la disciplina considera usabilidad, percepci\u00f3n de valor y eficiencia en la ejecuci\u00f3n de tareas, entre otras variables.<\/p>\n\n\n\n<p>La experiencia del usuario, sin embargo, va m\u00e1s all\u00e1 de proporcionar a los clientes lo que los usuarios quieren. UX se trata de crear la experiencia m\u00e1s fluida durante el viaje de interacci\u00f3n del usuario final con los productos y servicios de una compa\u00f1\u00eda.<\/p>\n\n\n\n<p>UX es una visi\u00f3n empresarial, una creencia. As\u00ed, podemos definir la experiencia de usuario como la b\u00fasqueda de la m\u00e1xima sinergia en todos los puntos de contacto de la compa\u00f1\u00eda para colaborar hacia los objetivos de negocio.<\/p>\n\n\n\n<p>UX no se trata solo de emociones. Se trata de negocios.<\/p>\n\n\n\n<p>UX es hoy el pilar central de la estrategia digital de todas las compa\u00f1\u00edas que funcionan bien en el contexto digital. Porque la experiencia del usuario se trata esencialmente de comprender y anticipar las necesidades del usuario para ofrecer soluciones comerciales m\u00e1s adherentes.<\/p>\n\n\n\n<p>Por supuesto, est\u00e1 comprobado que una buena experiencia construye un \u201cv\u00ednculo emocional\u201d entre la marca y el cliente. En un contexto empresarial en el que el costo de adquisici\u00f3n de los clientes es de 5 a 7 veces mayor que el de retenerlos, esto marca una diferencia real.<\/p>\n\n\n\n<p>Sin embargo, cualquiera que explique UI y UX de una manera simple ignora todo el trabajo de arquitectura de informaci\u00f3n, investigaci\u00f3n, entrevistas, pruebas de usabilidad y mucho m\u00e1s. Antes de la emoci\u00f3n viene la estrategia.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>\u00bfQu\u00e9 es el dise\u00f1o UI y c\u00f3mo funciona?<\/strong><\/h2>\n\n\n\n<p>El acr\u00f3nimo UI significa interfaz de usuario. Por lo tanto, Dise\u00f1o UI o dise\u00f1o de interfaz de usuario se puede definir como la disciplina que estudia c\u00f3mo los usuarios pueden interactuar con una aplicaci\u00f3n, monitor, dispositivo o software espec\u00edfico.<\/p>\n\n\n\n<p>El dise\u00f1o de la interfaz es responsable de guiar las interacciones del usuario durante el desempe\u00f1o de una tarea a trav\u00e9s de la comunicaci\u00f3n visual en una interfaz. Esta din\u00e1mica puede ocurrir a trav\u00e9s de botones, men\u00fas, control por voz e incluso gestos.<\/p>\n\n\n\n<p>El dise\u00f1o UI est\u00e1 relacionado con las interacciones entre la interfaz y el usuario. Podemos decir que UI trabaja con las mejores pr\u00e1cticas de dise\u00f1o de interfaz \/ pantalla y usabilidad para hacer tangible la estrategia de UX. Se considera el puente entre UX y el usuario.<\/p>\n\n\n\n<p>A pesar de lidiar con el problema visual en s\u00ed, el dise\u00f1o de la interfaz no se trata esencialmente de apariencia. Se trata de se\u00f1alar claramente al usuario la forma m\u00e1s sencilla de cumplir con el objetivo de la interacci\u00f3n a trav\u00e9s de elementos visuales.<\/p>\n\n\n\n<p>UI est\u00e1 dentro de UX, pero no es menos importante.<\/p>\n\n\n\n<p>Es una teor\u00eda bien aceptada que el dise\u00f1o de UI est\u00e1 dentro del dise\u00f1o de UX. En varias representaciones de Internet en todo el mundo puede ver la experiencia del usuario en la parte superior, como un paraguas.<\/p>\n\n\n\n<p>Sin embargo, aunque la UI tiene la funci\u00f3n de hacer tangible la estrategia, el dise\u00f1o de la interfaz tiene sus propios indicadores de desempe\u00f1o a alcanzar, en principios como armon\u00eda, layout, navegaci\u00f3n, se\u00f1alizaci\u00f3n, entre otros elementos.<\/p>\n\n\n\n<p>Es mucho m\u00e1s que crear hermosas pantallas (aunque esto tambi\u00e9n es un requisito). Por lo tanto, UI afecta directamente a UX. Y requiere un conjunto de conocimientos espec\u00edficos y buenas pr\u00e1cticas interdisciplinares para lograr su objetivo.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>UX y UI: \u00bfcu\u00e1les son las diferencias?<\/strong><\/h2>\n\n\n\n<p>UX y UI tienen muchas similitudes.<\/p>\n\n\n\n<p>Debido a que son disciplinas de la misma \u00e1rea de conocimiento, consideradas complementarias, f\u00e1cilmente integradas en equipos y utilizadas juntas en estrategias comerciales, existe confusi\u00f3n en torno a las mentes del p\u00fablico no especializado con respecto a la experiencia, la interacci\u00f3n y la usabilidad.<\/p>\n\n\n\n<p>Despu\u00e9s de todo, \u00bfcu\u00e1les son las <a href=\"https:\/\/www.instagram.com\/p\/CI0f0IMpzob\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>diferencias entre UX y UI?<\/strong><\/a><\/p>\n\n\n\n<p>Sabemos que las discusiones sobre usabilidad y experiencia pueden volverse demasiado h\u00edbridas, y no es raro mezclarlas. Resulta que la experiencia del usuario y la interfaz de usuario tambi\u00e9n tienen algunas diferencias importantes.<\/p>\n\n\n\n<p>El <a href=\"https:\/\/www.webdesignerdepot.com\/2012\/06\/ui-vs-ux-whats-the-difference\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>blog de Web Design Depot<\/strong><\/a> tiene una analog\u00eda precisa para explicar la diferencia entre la experiencia del usuario y la interfaz de usuario:<\/p>\n\n\n\n<p>\u201cUI es la silla, los estribos y las riendas.<\/p>\n\n\n\n<p>UX es la sensaci\u00f3n de poder montar a caballo y atar el ganado. \u00ab<\/p>\n\n\n\n<p>Leyenda: en traducci\u00f3n literal, \u201cUI es la silla, los estribos y las riendas. UX es la sensaci\u00f3n de que tienes que poder montar a caballo y atar tu ganado \u00ab.<\/p>\n\n\n\n<p>Intentaremos r\u00e1pidamente ilustrar esta diferencia con ejemplos pr\u00e1cticos:<\/p>\n\n\n\n<p>Interfaz de Usuario<\/p>\n\n\n\n<p>Por ejemplo, un sitio web, o m\u00e1s bien, una p\u00e1gina de destino, tiene como objetivo convertir. En el momento en que alguien ingresa a ese sitio, se dise\u00f1an una serie de acciones que esa persona debe realizar con base a una estrategia comercial.<\/p>\n\n\n\n<p>Para que el usuario alcance el resultado deseado, es necesario orientarlo. En este contexto de interacci\u00f3n m\u00e1s f\u00edsico, UI ingresa, dise\u00f1ando y estilizando las interfaces que este usuario utilizar\u00e1 directamente.<\/p>\n\n\n\n<p>UI funciona visualmente en esta p\u00e1gina, siendo responsable de controlar las acciones de ese usuario hasta el objetivo con la menor cantidad de fricciones posible. De esta manera, el dise\u00f1ador UI utiliza el contraste de color, los resaltados e incluso el espacio en blanco para mostrar qu\u00e9 acciones est\u00e1n permitidas.<\/p>\n\n\n\n<p>Experiencia de Usuario<\/p>\n\n\n\n<p>Podemos definir UX como qu\u00e9 tan f\u00e1cil de usar ser\u00e1 una interacci\u00f3n y abarca todos los aspectos del proceso de desarrollo de un producto, como la arquitectura de la informaci\u00f3n, la usabilidad y el contenido.<\/p>\n\n\n\n<p>A\u00fan as\u00ed, en lo digital, esta vez hablamos de comercio electr\u00f3nico. Piense en el siguiente escenario. Durante el per\u00edodo de la oficina en casa, decide organizar un espacio de trabajo en casa y buscar una silla para computadora.<\/p>\n\n\n\n<p>El art\u00edculo que desea est\u00e1 agotado en la mayor\u00eda de las tiendas. Cuando lo encuentre, ver\u00e1 un \u00edndice de satisfacci\u00f3n del cliente menos confiable que el recomendado. Aun as\u00ed, decides comprar y, al colocar el art\u00edculo en tu carrito, tiene un precio unas diez veces superior, y el art\u00edculo se repite diez veces.<\/p>\n\n\n\n<p>Y luego, se encuentra con un mensaje que dice que hay una cantidad m\u00ednima para comprar. Contacta con la tienda. Luego de explicarle la situaci\u00f3n, el encargado te dice que es posible comprar la unidad y te dice que el problema tardar\u00e1 48 horas en resolverse.<\/p>\n\n\n\n<p>Despu\u00e9s de 48 horas, regresa al sitio, intenta comprar el art\u00edculo y el precio es diferente, mucho m\u00e1s alto por ser unitario. Despu\u00e9s de decidir pagar m\u00e1s porque necesita la silla, regresa al sitio y aparecen diez unidades en su carrito al seleccionar una silla.<\/p>\n\n\n\n<p>Despu\u00e9s de los tres intentos fallidos, es probable que dejes de comprar en el sitio web y vayas a la competencia. Este fue definitivamente el final de su viaje con ellos, y se debe a una mala experiencia. Pero adem\u00e1s de su insatisfacci\u00f3n, la falta de inversi\u00f3n de la tienda en UX desperdici\u00f3 una oportunidad de ventas.<\/p>\n\n\n\n<p>Ahora que comprende qu\u00e9 son y c\u00f3mo se complementan, enumeremos las principales diferencias entre los dos conceptos. Y para eso, trajimos un mini-glosario sobre UX y UI para asegurarnos de que pueda ubicarse cuando escuche una u otra palabra clave. \u00a1Echar un vistazo!<\/p>\n\n\n\n<p>UX Dise\u00f1o<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Arquitectura Informacional<\/li><li>Investigaci\u00f3n de usuarios y definici\u00f3n de necesidades<\/li><li>Escenarios<\/li><li>Anal\u00edtica<\/li><li>Dise\u00f1o de interacci\u00f3n<\/li><li>Wireframes y prototipos<\/li><\/ul>\n\n\n\n<p>UI Dise\u00f1o<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Gu\u00eda de identidad y estilo<\/li><li>Colores<\/li><li>Dise\u00f1o gr\u00e1fico<\/li><li>Dise\u00f1o<\/li><li>Tipograf\u00eda<\/li><li>Dise\u00f1o visual<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>\u00bfPor qu\u00e9 deber\u00edamos usar UI y UX en proyectos?<\/strong><\/h2>\n\n\n\n<p>Bueno, aqu\u00ed tenemos dos vistas para explorar. El primero desde el punto de vista de la integraci\u00f3n entre UX y UI. El segundo, el retorno de la inversi\u00f3n en UX.<\/p>\n\n\n\n<p>Integraci\u00f3n de UX y UI<\/p>\n\n\n\n<p>Lo cierto es que es mucho m\u00e1s f\u00e1cil integrar UX y UI que usarlas por separado, especialmente en el contexto digital, donde es necesario tener una interfaz como medio para realizar acciones. Adem\u00e1s, parece poco probable que los profesionales de UI y UX no se alineen.<\/p>\n\n\n\n<p>UX y UI son enfoques que no compiten, al contrario, se complementan. Es la uni\u00f3n de los dos frentes lo que compondr\u00e1 la experiencia del usuario final. Esta construcci\u00f3n no es un proceso lineal y requiere una revisi\u00f3n frecuente. Por tanto, no hay elecci\u00f3n entre uno y otro. \u00a1Usa ambos!<\/p>\n\n\n\n<p>El ROI del experimento<\/p>\n\n\n\n<p>En nuestro <a href=\"https:\/\/content.mjvinnovation.com\/webinar\/closing-the-gap-between-ux-and-development\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>seminario web Cerrando la brecha entre UX y desarrollo<\/strong><\/a> discutimos la importancia de la sinergia entre UX, UI y profesionales del desarrollo.<\/p>\n\n\n\n<p>Existe evidencia de que la inserci\u00f3n de pr\u00e1cticas de UX en el proceso de desarrollo lo antes posible, como la investigaci\u00f3n y las pruebas de usabilidad, elimina el retrabajo, reduce los costos de desarrollo y contin\u00faa generando ahorros a largo plazo.<\/p>\n\n\n\n<p>Algunos acad\u00e9micos afirman que asignar del 15% al \u200b\u200b20% del presupuesto total de un proyecto a UX puede garantizar un mejor ROI, ya sea que esta cantidad se dedique a la etapa de investigaci\u00f3n o de creaci\u00f3n de prototipos, por ejemplo.<\/p>\n\n\n\n<p>S\u00ed, es probable que invertir en investigaci\u00f3n de UX resulte en un costo inicial m\u00e1s alto. Sin embargo, los beneficios a largo plazo pueden ser mucho m\u00e1s significativos. <a href=\"https:\/\/www.mjvinnovation.com\/blog\/roi-in-ux\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>En nuestra publicaci\u00f3n de blog sobre el ROI de UX<\/strong><\/a>, mostramos que las compa\u00f1\u00edas que consideran la experiencia del usuario como uno de los pilares del negocio obtienen un 228% m\u00e1s que la media.<\/p>\n\n\n\n<p>Nos enfrentamos a un nuevo paradigma: las compa\u00f1\u00edas han llegado a ver a sus clientes como su activo m\u00e1s valioso. Por ello, es necesario nutrir una b\u00fasqueda constante para conocer en profundidad al usuario para satisfacer sus necesidades.<\/p>\n\n\n\n<p>UI y UX son parte de una estrategia empresarial que ha crecido mucho con modelos digitales y centrados en el usuario. El resultado de esto es el v\u00ednculo emocional (guiado por una estrategia) entre producto \/ servicio \/ marca y cliente a trav\u00e9s de la creaci\u00f3n de buenas experiencias.<\/p>\n\n\n\n<p>Esto es de gran importancia en la forma en que los usuarios comienzan a ver las compa\u00f1\u00edas, como es el caso del rotundo \u00e9xito de los bancos digitales y las fintechs en la \u00faltima d\u00e9cada. \u00bfLa meta? Haga la vida del usuario m\u00e1s f\u00e1cil y conveniente: la herencia del dise\u00f1o de productos \/ servicios. Un legado que tambi\u00e9n resulta ser UX y UI.<\/p>\n","protected":false},"excerpt":{"rendered":"El auge de lo digital ha redefinido la forma en que las empresas operan con respecto a sus clientes. Ahora, palabras como experiencia y usabilidad son parte del vocabulario corporativo, y m\u00e1s industrias se han dado cuenta de la importancia de crear mejores experiencias de consumo para su audiencia.","protected":false},"author":6,"featured_media":7855,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[689],"tags":[],"class_list":["post-20113","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-user-experience-3"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>UX y UI: comprenda las diferencias y la aplicaci\u00f3n en proyectos - MJV Technology &amp; Innovation<\/title>\n<meta name=\"description\" content=\"El auge de lo digital ha redefinido la forma en que las empresas operan con respecto a sus clientes.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.mjvinnovation.com\/es\/blog\/ux-y-ui-diferencias-y-la-aplicacion\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"UX y UI: comprenda las diferencias y la aplicaci\u00f3n en proyectos - MJV Technology &amp; Innovation\" \/>\n<meta property=\"og:description\" content=\"El auge de lo digital ha redefinido la forma en que las empresas operan con respecto a sus clientes.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.mjvinnovation.com\/es\/blog\/ux-y-ui-diferencias-y-la-aplicacion\/\" \/>\n<meta property=\"og:site_name\" content=\"MJV Technology &amp; Innovation\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/mjvinnovation\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-10-19T14:34:40+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-10-19T14:34:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.mjvinnovation.com\/wp-content\/uploads\/2021\/07\/UX-e-UI-entenda-as-diferencas-e-a-aplicacao-em-projetos.gif\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/gif\" \/>\n<meta name=\"author\" content=\"MJV Team\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@MJVinnovation\" \/>\n<meta name=\"twitter:site\" content=\"@MJVinnovation\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"MJV Team\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.mjvinnovation.com\/es\/blog\/ux-y-ui-diferencias-y-la-aplicacion\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.mjvinnovation.com\/es\/blog\/ux-y-ui-diferencias-y-la-aplicacion\/\"},\"author\":{\"name\":\"MJV Team\",\"@id\":\"https:\/\/www.mjvinnovation.com\/es\/#\/schema\/person\/5080b5d5134aa2a636596e1c04c0fc99\"},\"headline\":\"UX y UI: comprenda las diferencias y la aplicaci\u00f3n en proyectos\",\"datePublished\":\"2021-10-19T14:34:40+00:00\",\"dateModified\":\"2021-10-19T14:34:44+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.mjvinnovation.com\/es\/blog\/ux-y-ui-diferencias-y-la-aplicacion\/\"},\"wordCount\":2067,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.mjvinnovation.com\/es\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.mjvinnovation.com\/es\/blog\/ux-y-ui-diferencias-y-la-aplicacion\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.mjvinnovation.com\/wp-content\/uploads\/2021\/07\/UX-e-UI-entenda-as-diferencas-e-a-aplicacao-em-projetos.gif\",\"articleSection\":[\"User Experience (UX)\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.mjvinnovation.com\/es\/blog\/ux-y-ui-diferencias-y-la-aplicacion\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.mjvinnovation.com\/es\/blog\/ux-y-ui-diferencias-y-la-aplicacion\/\",\"url\":\"https:\/\/www.mjvinnovation.com\/es\/blog\/ux-y-ui-diferencias-y-la-aplicacion\/\",\"name\":\"UX y UI: comprenda las diferencias y la aplicaci\u00f3n en proyectos - MJV Technology &amp; Innovation\",\"isPartOf\":{\"@id\":\"https:\/\/www.mjvinnovation.com\/es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.mjvinnovation.com\/es\/blog\/ux-y-ui-diferencias-y-la-aplicacion\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.mjvinnovation.com\/es\/blog\/ux-y-ui-diferencias-y-la-aplicacion\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.mjvinnovation.com\/wp-content\/uploads\/2021\/07\/UX-e-UI-entenda-as-diferencas-e-a-aplicacao-em-projetos.gif\",\"datePublished\":\"2021-10-19T14:34:40+00:00\",\"dateModified\":\"2021-10-19T14:34:44+00:00\",\"description\":\"El auge de lo digital ha redefinido la forma en que las empresas operan con respecto a sus clientes.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.mjvinnovation.com\/es\/blog\/ux-y-ui-diferencias-y-la-aplicacion\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.mjvinnovation.com\/es\/blog\/ux-y-ui-diferencias-y-la-aplicacion\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.mjvinnovation.com\/es\/blog\/ux-y-ui-diferencias-y-la-aplicacion\/#primaryimage\",\"url\":\"https:\/\/www.mjvinnovation.com\/wp-content\/uploads\/2021\/07\/UX-e-UI-entenda-as-diferencas-e-a-aplicacao-em-projetos.gif\",\"contentUrl\":\"https:\/\/www.mjvinnovation.com\/wp-content\/uploads\/2021\/07\/UX-e-UI-entenda-as-diferencas-e-a-aplicacao-em-projetos.gif\",\"width\":1920,\"height\":1080},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.mjvinnovation.com\/es\/blog\/ux-y-ui-diferencias-y-la-aplicacion\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.mjvinnovation.com\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"UX y UI: comprenda las diferencias y la aplicaci\u00f3n en proyectos\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.mjvinnovation.com\/es\/#website\",\"url\":\"https:\/\/www.mjvinnovation.com\/es\/\",\"name\":\"MJV Technology &amp; Innovation\",\"description\":\"We are people transforming business\",\"publisher\":{\"@id\":\"https:\/\/www.mjvinnovation.com\/es\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.mjvinnovation.com\/es\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.mjvinnovation.com\/es\/#organization\",\"name\":\"MJV Technology and Innovation\",\"url\":\"https:\/\/www.mjvinnovation.com\/es\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.mjvinnovation.com\/es\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.mjvinnovation.com\/wp-content\/uploads\/2021\/07\/logo_mjv_favicon.png\",\"contentUrl\":\"https:\/\/www.mjvinnovation.com\/wp-content\/uploads\/2021\/07\/logo_mjv_favicon.png\",\"width\":128,\"height\":128,\"caption\":\"MJV Technology and Innovation\"},\"image\":{\"@id\":\"https:\/\/www.mjvinnovation.com\/es\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/mjvinnovation\/\",\"https:\/\/x.com\/MJVinnovation\",\"https:\/\/www.instagram.com\/mjvinnovation\/\",\"https:\/\/www.linkedin.com\/company\/mjv-tech-and-innovation\",\"https:\/\/www.youtube.com\/channel\/UCUlTs06JlXwUd09Jzg9kqDA\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.mjvinnovation.com\/es\/#\/schema\/person\/5080b5d5134aa2a636596e1c04c0fc99\",\"name\":\"MJV Team\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"UX y UI: comprenda las diferencias y la aplicaci\u00f3n en proyectos - MJV Technology &amp; Innovation","description":"El auge de lo digital ha redefinido la forma en que las empresas operan con respecto a sus clientes.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.mjvinnovation.com\/es\/blog\/ux-y-ui-diferencias-y-la-aplicacion\/","og_locale":"es_ES","og_type":"article","og_title":"UX y UI: comprenda las diferencias y la aplicaci\u00f3n en proyectos - MJV Technology &amp; Innovation","og_description":"El auge de lo digital ha redefinido la forma en que las empresas operan con respecto a sus clientes.","og_url":"https:\/\/www.mjvinnovation.com\/es\/blog\/ux-y-ui-diferencias-y-la-aplicacion\/","og_site_name":"MJV Technology &amp; Innovation","article_publisher":"https:\/\/www.facebook.com\/mjvinnovation\/","article_published_time":"2021-10-19T14:34:40+00:00","article_modified_time":"2021-10-19T14:34:44+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/www.mjvinnovation.com\/wp-content\/uploads\/2021\/07\/UX-e-UI-entenda-as-diferencas-e-a-aplicacao-em-projetos.gif","type":"image\/gif"}],"author":"MJV Team","twitter_card":"summary_large_image","twitter_creator":"@MJVinnovation","twitter_site":"@MJVinnovation","twitter_misc":{"Escrito por":"MJV Team","Tiempo de lectura":"10 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.mjvinnovation.com\/es\/blog\/ux-y-ui-diferencias-y-la-aplicacion\/#article","isPartOf":{"@id":"https:\/\/www.mjvinnovation.com\/es\/blog\/ux-y-ui-diferencias-y-la-aplicacion\/"},"author":{"name":"MJV Team","@id":"https:\/\/www.mjvinnovation.com\/es\/#\/schema\/person\/5080b5d5134aa2a636596e1c04c0fc99"},"headline":"UX y UI: comprenda las diferencias y la aplicaci\u00f3n en proyectos","datePublished":"2021-10-19T14:34:40+00:00","dateModified":"2021-10-19T14:34:44+00:00","mainEntityOfPage":{"@id":"https:\/\/www.mjvinnovation.com\/es\/blog\/ux-y-ui-diferencias-y-la-aplicacion\/"},"wordCount":2067,"commentCount":0,"publisher":{"@id":"https:\/\/www.mjvinnovation.com\/es\/#organization"},"image":{"@id":"https:\/\/www.mjvinnovation.com\/es\/blog\/ux-y-ui-diferencias-y-la-aplicacion\/#primaryimage"},"thumbnailUrl":"https:\/\/www.mjvinnovation.com\/wp-content\/uploads\/2021\/07\/UX-e-UI-entenda-as-diferencas-e-a-aplicacao-em-projetos.gif","articleSection":["User Experience (UX)"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.mjvinnovation.com\/es\/blog\/ux-y-ui-diferencias-y-la-aplicacion\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.mjvinnovation.com\/es\/blog\/ux-y-ui-diferencias-y-la-aplicacion\/","url":"https:\/\/www.mjvinnovation.com\/es\/blog\/ux-y-ui-diferencias-y-la-aplicacion\/","name":"UX y UI: comprenda las diferencias y la aplicaci\u00f3n en proyectos - MJV Technology &amp; Innovation","isPartOf":{"@id":"https:\/\/www.mjvinnovation.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.mjvinnovation.com\/es\/blog\/ux-y-ui-diferencias-y-la-aplicacion\/#primaryimage"},"image":{"@id":"https:\/\/www.mjvinnovation.com\/es\/blog\/ux-y-ui-diferencias-y-la-aplicacion\/#primaryimage"},"thumbnailUrl":"https:\/\/www.mjvinnovation.com\/wp-content\/uploads\/2021\/07\/UX-e-UI-entenda-as-diferencas-e-a-aplicacao-em-projetos.gif","datePublished":"2021-10-19T14:34:40+00:00","dateModified":"2021-10-19T14:34:44+00:00","description":"El auge de lo digital ha redefinido la forma en que las empresas operan con respecto a sus clientes.","breadcrumb":{"@id":"https:\/\/www.mjvinnovation.com\/es\/blog\/ux-y-ui-diferencias-y-la-aplicacion\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.mjvinnovation.com\/es\/blog\/ux-y-ui-diferencias-y-la-aplicacion\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.mjvinnovation.com\/es\/blog\/ux-y-ui-diferencias-y-la-aplicacion\/#primaryimage","url":"https:\/\/www.mjvinnovation.com\/wp-content\/uploads\/2021\/07\/UX-e-UI-entenda-as-diferencas-e-a-aplicacao-em-projetos.gif","contentUrl":"https:\/\/www.mjvinnovation.com\/wp-content\/uploads\/2021\/07\/UX-e-UI-entenda-as-diferencas-e-a-aplicacao-em-projetos.gif","width":1920,"height":1080},{"@type":"BreadcrumbList","@id":"https:\/\/www.mjvinnovation.com\/es\/blog\/ux-y-ui-diferencias-y-la-aplicacion\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.mjvinnovation.com\/es\/"},{"@type":"ListItem","position":2,"name":"UX y UI: comprenda las diferencias y la aplicaci\u00f3n en proyectos"}]},{"@type":"WebSite","@id":"https:\/\/www.mjvinnovation.com\/es\/#website","url":"https:\/\/www.mjvinnovation.com\/es\/","name":"MJV Technology &amp; Innovation","description":"We are people transforming business","publisher":{"@id":"https:\/\/www.mjvinnovation.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.mjvinnovation.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/www.mjvinnovation.com\/es\/#organization","name":"MJV Technology and Innovation","url":"https:\/\/www.mjvinnovation.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.mjvinnovation.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/www.mjvinnovation.com\/wp-content\/uploads\/2021\/07\/logo_mjv_favicon.png","contentUrl":"https:\/\/www.mjvinnovation.com\/wp-content\/uploads\/2021\/07\/logo_mjv_favicon.png","width":128,"height":128,"caption":"MJV Technology and Innovation"},"image":{"@id":"https:\/\/www.mjvinnovation.com\/es\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/mjvinnovation\/","https:\/\/x.com\/MJVinnovation","https:\/\/www.instagram.com\/mjvinnovation\/","https:\/\/www.linkedin.com\/company\/mjv-tech-and-innovation","https:\/\/www.youtube.com\/channel\/UCUlTs06JlXwUd09Jzg9kqDA"]},{"@type":"Person","@id":"https:\/\/www.mjvinnovation.com\/es\/#\/schema\/person\/5080b5d5134aa2a636596e1c04c0fc99","name":"MJV Team"}]}},"_links":{"self":[{"href":"https:\/\/www.mjvinnovation.com\/es\/wp-json\/wp\/v2\/posts\/20113","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mjvinnovation.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.mjvinnovation.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.mjvinnovation.com\/es\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mjvinnovation.com\/es\/wp-json\/wp\/v2\/comments?post=20113"}],"version-history":[{"count":1,"href":"https:\/\/www.mjvinnovation.com\/es\/wp-json\/wp\/v2\/posts\/20113\/revisions"}],"predecessor-version":[{"id":20114,"href":"https:\/\/www.mjvinnovation.com\/es\/wp-json\/wp\/v2\/posts\/20113\/revisions\/20114"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.mjvinnovation.com\/es\/wp-json\/wp\/v2\/media\/7855"}],"wp:attachment":[{"href":"https:\/\/www.mjvinnovation.com\/es\/wp-json\/wp\/v2\/media?parent=20113"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.mjvinnovation.com\/es\/wp-json\/wp\/v2\/categories?post=20113"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.mjvinnovation.com\/es\/wp-json\/wp\/v2\/tags?post=20113"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}