{"id":42245,"date":"2023-02-14T21:32:49","date_gmt":"2023-02-14T21:32:49","guid":{"rendered":"https:\/\/web.valuesite.cl\/index.php\/2023\/02\/14\/lean-startup-copy\/"},"modified":"2023-02-27T13:06:49","modified_gmt":"2023-02-27T13:06:49","slug":"diferencia-entre-ui-ux","status":"publish","type":"post","link":"https:\/\/web.valuesite.cl\/index.php\/2023\/02\/14\/diferencia-entre-ui-ux\/","title":{"rendered":"UX vs UI. Diferencias entre User experience y UI Design"},"content":{"rendered":"<section class=\"wpb-content-wrapper\"><p>[vc_row full_width=&#8221;stretch_row_content_no_spaces&#8221; z_index=&#8221;0&#8243;][vc_column][vc_single_image image=&#8221;42249&#8243; img_size=&#8221;full&#8221; alignment=&#8221;center&#8221;][\/vc_column][\/vc_row][vc_row el_id=&#8221;row-content-page&#8221; css=&#8221;.vc_custom_1674585036169{margin-top: -6% !important;margin-bottom: 0px !important;padding-top: 32px !important;padding-right: 16px !important;padding-bottom: 32px !important;padding-left: 16px !important;background-color: #ffffff !important;}&#8221; z_index=&#8221;1&#8243;][vc_column][vc_row_inner el_id=&#8221;row-header-post-etiqueta&#8221; el_class=&#8221;header-post-etiqueta&#8221;][vc_column_inner][vc_column_text]<div class=\"blog-post-top-bss\"> \r\n\r\n\t\t\t\t\t\t<div class=\"entry-content post-content\"> \r\n\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t<div class=\"post-meta date-color\">\r\n\t\t\t\t\t\t\t\t\t<div class=\"entry-meta single-post-meta clearfix gem-post-date\">\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"post-meta-right\">\r\n\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"post-meta-likes\"><a href=\"#\" class=\"zilla-likes\" id=\"zilla-likes-42245\" title=\"Like this\"><span class=\"zilla-likes-count\">16<\/span> <span class=\"zilla-likes-postfix\"><\/span><\/a><\/span> \r\n\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"post-meta-left\" style=\"display: flex;\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"post-meta-author div-display-none-bss\">Por Pamela Iturrieta<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"sep div-display-none-bss\"><\/span> \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"post-meta-date fecha-1-bss\">  \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"gem-infotext-wrap position--left vertical--center\" style=\" \"> \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"gem-infotext-icon\"> \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"gem-icon gem-simple-icon gem-icon-pack-material gem-icon-size-custom\"> \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"gem-icon-inner\" style=\"font-size: 16px;\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"gem-icon-half-1\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"back-angle\">\uf1cc<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"gem-icon-half-2\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"back-angle\">\uf1cc<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div> \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div> \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div> \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"gem-infotext\"> \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"gem-infotext__title\"> \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"title-customize title-default\" style=\"\"><span>febrero 14, 2023<\/span><\/div> \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div> \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div> \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div> \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t  \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass=\"sep \"><\/span> \t\t\t\t\t\t\t\t\t\t\t\t<span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"gem-infotext-wrap position--left vertical--center\" style=\" \"> \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"gem-infotext-icon\"> \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"gem-icon gem-simple-icon gem-icon-pack-material gem-icon-size-custom\"> \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"gem-icon-inner\" style=\"font-size: 16px;\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"gem-icon-half-1\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"back-angle\">\uf547<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"gem-icon-half-2\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"back-angle\">\uf547<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div> \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div> \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div> \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"gem-infotext\"> \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"gem-infotext__title\"> \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"title-customize title-default\" style=\"\"><span><span class=\"post-meta-categories \"><a href=\"https:\/\/web.valuesite.cl\/index.php\/category\/articulo\/\" title=\"Ver todos los art\u00edculos en Art\u00edculo\">Art\u00edculo<\/a> <span class=\"sep\"><\/span> <a href=\"https:\/\/web.valuesite.cl\/index.php\/category\/valuesite\/\" title=\"Ver todos los art\u00edculos en Valuesite\">Valuesite<\/a><\/span><\/span><\/div> \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div> \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div> \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\r\n \r\n\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t<\/div><!-- .entry-meta -->\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t \r\n \r\n\t\t\t\t\t\t<\/div>\r\n \r\n<\/div>[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner el_id=&#8221;content-articulo-bss&#8221;][vc_column_inner][vc_column_text]<\/p>\n<h5><span class=\"light\" style=\"color: #000000;\"><strong>UX VS UI &#8211; DIFERENCIAS ENTRE USER EXPERIENCE Y UI DESIGN<\/strong><\/span><\/h5>\n<p>[\/vc_column_text][vc_column_text]Por poca relaci\u00f3n o experiencia que tengas con el mundo del <em>dise\u00f1o web<\/em>, seguramente has escuchado hablar sobre los conceptos<em> \u2018experiencia de usuario o user experience\u2019<\/em> (UX) y \u2018<em>user interface o interfaz de usuario\u2019<\/em> (UI). Pero, \u00bfconoces realmente la diferencia entre ambos conceptos? Aunque tienen nombres parecidos, son completamente diferentes.<\/p>\n<p><strong>La experiencia de usuario (UX)<\/strong> es el resultado no s\u00f3lo de lo que el usuario hace en nuestra web o app, sino tambi\u00e9n de lo que<strong> siente y piensa al navegar por ella<\/strong>. Teniendo en cuenta tambi\u00e9n si la visita desde un computador, <em>smartphone<\/em> u otros dispositivos m\u00f3viles.<\/p>\n<p>Fue el investigador<strong> Donald Norman<\/strong> quien acu\u00f1\u00f3 el t\u00e9rmino <em>user experience<\/em>. Seg\u00fan el profesor e investigador, si parti\u00e9semos s\u00f3lo de la <strong>usabilidad de la interfaz (UI)<\/strong>, no tendr\u00eda sentido que un usuario se decantase m\u00e1s por una que por otra aplicaci\u00f3n si todas tienen la misma funci\u00f3n. Es en este momento cuando Norman ve la necesidad de crear un nuevo concepto:<strong> La experiencia del usuario.<\/strong><\/p>\n<h6><strong>Entonces, \u00bfqu\u00e9 es UI?<\/strong><\/h6>\n<p><strong>La interfaz es el medio<\/strong> por el que el usuario interactuar\u00e1 con la herramienta. Es, entonces, (sobre todo en su dise\u00f1o) una parte muy importante de la experiencia del usuario. Pero es eso: s\u00f3lo una parte.<br \/>\nEn la interfaz se trata de guiar al usuario durante el tiempo que el usuario interact\u00fae con el sitio web o aplicaci\u00f3n. Est\u00e1 dirigido hacia un lado m\u00e1s racional de la navegaci\u00f3n. Un buen trabajo de <strong>dise\u00f1o UI te permitir\u00e1 guiar a los usuarios por la navegaci\u00f3n y los llevar\u00e1 a tomar las acciones correspondientes de manera natural<\/strong><strong>.<\/strong><\/p>\n<p>No hay que olvidar que hay otros activos de la interfaz m\u00e1s all\u00e1 del dise\u00f1o: elementos auditivos, visuales e incluso t\u00e1ctiles forman parte de la <em>user interface<\/em>. Tambi\u00e9n deben tenerse en cuenta estos elementos a la hora de dise\u00f1ar y, despu\u00e9s, analizar la UI.<\/p>\n<h6><strong>Ahora que conoces las diferencias de UX y UI ac\u00e1 te contamos <\/strong><strong>3 diferencias fundamentales entre estas dos disciplinas:<\/strong><\/h6>\n<p><strong>1. UI solo existe con una interfaz visual, UX no.<\/strong><\/p>\n<p>Como el propio nombre dice, UI tiene todo que ver con las interfaces visuales de tu sitio o aplicaci\u00f3n. <strong>Sin una pantalla, no existe UI.<\/strong> Pero no podemos decir lo mismo de UX \u00bfesto a qu\u00e9 se debe? A que, en muchos casos, la sensaci\u00f3n del usuario en relaci\u00f3n a la experiencia de navegaci\u00f3n no tiene que ver con una pantalla.<\/p>\n<p>Es capaz de que esta experiencia se ponga hasta m\u00e1s agradable si el dise\u00f1ador consigue eliminar algunas etapas en el proceso de uso del producto, lo que significa menos pantallas para interactuar.<\/p>\n<p><strong>2. UI gu\u00eda al usuario, UX hace la navegaci\u00f3n valer la pena.<\/strong><\/p>\n<p>Ya hablamos un poco sobre eso, pero vale la pena reforzar que el papel del dise\u00f1o UI y UX son esencialmente diferentes, a pesar de que se complementan.<\/p>\n<p>Si por un lado el UI direcciona al usuario y a lo que debe hacer mientras usa el sitio o aplicaci\u00f3n, el papel del UX es hacer que la navegaci\u00f3n sea agradable.<\/p>\n<p>El UI permite que la navegaci\u00f3n sea f\u00e1cil de comprender y las acciones simples de realizar, sin embargo, ni el sitio m\u00e1s agradable del mundo dejar\u00e1 a los visitantes satisfechos si no tiene la informaci\u00f3n que esperan y de la manera que desean consumirlas.<\/p>\n<p><strong>3. UI es sobre raz\u00f3n, UX es sobre emoci\u00f3n.<\/strong><\/p>\n<p>\u00bfCu\u00e1l es la manera m\u00e1s sencilla de navegar por un sitio o aplicaci\u00f3n? Existen buenas pr\u00e1cticas sobre eso, es un proceso bien racional.<\/p>\n<p>En el Occidente, las personas normalmente leen de arriba hasta abajo, de la izquierda a la derecha, sin contar los varios sistemas existentes, pero \u00bfqu\u00e9 tiene que ver esto con UI y UX?<\/p>\n<p>A que a pesar de que ambos est\u00e1n direccionados hacia diferentes lados, para evocar una reacci\u00f3n positiva en el usuario (tanto con UI como con UX) se tiene que tomar en cuenta qui\u00e9n es tu p\u00fablico, cu\u00e1l es el contexto en que \u00e9l usa tu aplicaci\u00f3n y qu\u00e9 quiere encontrar en ella.<\/p>\n<p>Ahora que conoces las diferencias entre los dise\u00f1os UI y UX, sabes que est\u00e1n \u00edntimamente conectados, pero no son lo mismo. <strong>Ten en cuenta que el secreto est\u00e1 en utilizar los dos juntos para fortalecer la estrategia digital de tus productos.<\/strong><\/p>\n<p>Te invitamos a trabajar junto a nuestro equipo de profesionales con amplia experiencia en el desarrollo de soluciones tecnol\u00f3gicas para diferentes industrias, que agregan valor a nuestros clientes.<\/p>\n<p><span style=\"vertical-align: inherit;\"><span style=\"vertical-align: inherit;\"><span style=\"vertical-align: inherit;\"><span style=\"vertical-align: inherit;\">Cont\u00e1ctanos a trav\u00e9s de nuestro correo\u00a0<\/span><\/span><\/span><\/span><a href=\"mailto:contacto@valuesite.cl\"><span style=\"vertical-align: inherit;\"><span style=\"vertical-align: inherit;\"><span style=\"vertical-align: inherit;\"><span style=\"vertical-align: inherit;\">contacto@valuesite.cl<\/span><\/span><\/span><\/span><\/a><span style=\"vertical-align: inherit;\"><span style=\"vertical-align: inherit;\"><span style=\"vertical-align: inherit;\"><span style=\"vertical-align: inherit;\">\u00a0<\/span><\/span><\/span><\/span><\/p>\n<div class=\"small-body\"><\/div>\n<p>[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner el_id=&#8221;row-footer-post-etiqueta&#8221; el_class=&#8221;footer-post-etiqueta&#8221;][vc_column_inner][vc_column_text]<!-- CATEGORIA-BSS -->\r\n<div class=\"row-etiqueta-post-bss\">\r\n\t\t\t\t\t<div class=\"post-tags-list date-color\"><a href=\"https:\/\/web.valuesite.cl\/index.php\/tag\/diseno-ui-y-ux\/\" rel=\"tag\">Dise\u00f1o UI y UX<\/a><\/div><!-- .CATEGORIA-BSS --> [\/vc_column_text]<div class=\"thegem-template-wrapper thegem-template-content thegem-template-41932\"><style>.vc_custom_1676988735466{margin-top: 32px !important;}.div-content-redessolciales .wpb_wrapper{    display: flex;    flex-direction: row;    align-content: center;    justify-content: center;    gap: 32px;    align-items: baseline;}.wpb_text_column ul li:before {    left:0px;    content: &quot;&quot;;    height: 0px;    width: 0px;    position: absolute;    background-color: #002b36;    border-radius: 50%;    top: 0px;    display:none;}@media (max-width: 500px) {.div-content-redessolciales .wpb_wrapper {    display: flex;    flex-direction: column;    justify-content: center;    gap: 8px;    align-items: center;    align-content: center;    flex-wrap: wrap;}  }<\/style><p><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span>[vc_row equal_height=\"yes\" content_placement=\"middle\" el_class=\"div-content-redessolciales\" el_id=\"row-div-content-redessolciales\" css=\".vc_custom_1676988735466{margin-top: 32px !important;}\"][vc_column el_class=\"div-content-redessolciales\"][vc_column_text]<\/p>\r\n<p class=\"text-redessociales\">\u00a1Comparte este art\u00edculo!<\/p>\r\n<p>[\/vc_column_text]<style>.thegem-te-socials-sharing.thegem-custom-6a3e5388c584f1389 .socials-sharing ul {margin-left: -0px; margin-right: -0px;}.thegem-te-socials-sharing.thegem-custom-6a3e5388c584f1389 .socials-sharing ul li {padding-left: 0px; padding-right: 0px;}.thegem-te-socials-sharing.thegem-custom-6a3e5388c584f1389 .socials-sharing ul li {margin-top: 0px; margin-bottom: 0px;}.thegem-te-socials-sharing.thegem-custom-6a3e5388c584f1389 .socials-sharing .socials-item-icon {font-size: 16px;}.thegem-te-socials-sharing.thegem-custom-6a3e5388c584f1389 .socials-sharing .socials-item {min-width: 22px;}.thegem-te-socials-sharing.thegem-custom-6a3e5388c584f1389 .socials-sharing .socials-item {min-height: 22px;}.thegem-te-socials-sharing.thegem-custom-6a3e5388c584f1389 .socials-sharing .socials-item {color: #ffffff;}.thegem-te-socials-sharing.thegem-custom-6a3e5388c584f1389 .socials-sharing .socials-item {background-color: #9a9a9a;}.thegem-te-socials-sharing.thegem-custom-6a3e5388c584f1389 .socials-sharing .socials-item:hover {background-color: #f7f7f7;}.thegem-te-socials-sharing.thegem-custom-6a3e5388c584f1389 .socials-sharing .socials-item {border-color: #ffffff;}.thegem-te-socials-sharing.thegem-custom-6a3e5388c584f1389 .socials-sharing .socials-item:hover {border-color: #ffffff;}<\/style><div class=\"thegem-te-socials-sharing socials-sharing--left socials-sharing--round socials-sharing--custom thegem-custom-6a3e5388c584f1389\"> <div class=\"socials-sharing\"> <ul> <li><a class=\"socials-item facebook\" target=\"_blank\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fweb.valuesite.cl%2Findex.php%2F2023%2F02%2F14%2Fdiferencia-entre-ui-ux%2F\" title=\"Facebook\"><i class=\"socials-item-icon facebook\"><\/i><\/a><\/li> <li><a class=\"socials-item twitter\" target=\"_blank\" href=\"https:\/\/twitter.com\/intent\/tweet?text=UX+vs+UI.+Diferencias+entre+User+experience+y+UI+Design&#038;url=https%3A%2F%2Fweb.valuesite.cl%2Findex.php%2F2023%2F02%2F14%2Fdiferencia-entre-ui-ux%2F\" title=\"Twitter\"><i class=\"socials-item-icon twitter\"><\/i><\/a><\/li> <li><a class=\"socials-item linkedin\" target=\"_blank\" href=\"https:\/\/www.linkedin.com\/shareArticle?mini=true&#038;url=https%3A%2F%2Fweb.valuesite.cl%2Findex.php%2F2023%2F02%2F14%2Fdiferencia-entre-ui-ux%2F&#038;title=UX+vs+UI.+Diferencias+entre+User+experience+y+UI+Design&amp;summary=Por+poca+relaci%C3%B3n+o+experiencia+que+tengas+con+el+mundo+del+dise%C3%B1o+web%2C+seguramente+has+escuchado+hablar+sobre+los+conceptos+%E2%80%98experiencia+de+usuario+o+user+experience%E2%80%99+%28UX%29+y+%E2%80%98user+interface+o+interfaz+de+usuario%E2%80%99+%28UI%29.+Pero%2C+%C2%BFconoces+realmente+la+diferencia+entre+ambos+conceptos%3F+Aunque+tienen+nombres+parecidos%2C+son+completamente+diferentes...\" title=\"LinkedIn\"><i class=\"socials-item-icon linkedin\"><\/i><\/a><\/li> <li><a class=\"socials-item whatsapp\" target=\"_blank\" href=\"https:\/\/wa.me\/?text=https%3A%2F%2Fweb.valuesite.cl%2Findex.php%2F2023%2F02%2F14%2Fdiferencia-entre-ui-ux%2F\" title=\"WhatsApp\"><i class=\"socials-item-icon whatsapp\"><\/i><\/a><\/li> <\/ul> <\/div> <\/div>[\/vc_column][\/vc_row]<span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_end\">\ufeff<\/span>[vc_row el_disable_desktop=\"1\" el_disable_tablet=\"1\" el_disable_mobile=\"1\"][vc_column]<div class=\"socials socials-list socials-colored-hover socials-rounded socials-alignment-left\"><a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.linkedin.com\/company\/valuesite\" style=\"color: #9a9a9a;\"><i class=\"socials-item-icon linkedin\" style=\"font-size: 24px\"><\/i><\/a><a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/twitter.com\/valuesitechile\" style=\"color: #9a9a9a;\"><i class=\"socials-item-icon twitter\" style=\"font-size: 24px\"><\/i><\/a><a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.facebook.com\/valuesitechile\" style=\"color: #9a9a9a;\"><i class=\"socials-item-icon facebook\" style=\"font-size: 24px\"><\/i><\/a><a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.instagram.com\/valuesitechile\" style=\"color: #9a9a9a;\"><i class=\"socials-item-icon instagram\" style=\"font-size: 24px\"><\/i><\/a><a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/youtube.com\/channel\/UCwNWwDg2BgdQH6rOgsgQuOg\" style=\"color: #9a9a9a;\"><i class=\"socials-item-icon youtube\" style=\"font-size: 24px\"><\/i><\/a><\/div>[\/vc_column][\/vc_row]<\/p>\r\n<\/div>[\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row]<\/p>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>Por poca relaci\u00f3n o experiencia que tengas con el mundo del dise\u00f1o web, seguramente has escuchado hablar sobre los conceptos \u2018experiencia de usuario o user experience\u2019 (UX) y \u2018user interface o interfaz de usuario\u2019 (UI). Pero, \u00bfconoces realmente la diferencia entre ambos conceptos? Aunque tienen nombres parecidos, son completamente diferentes&#8230;<\/p>\n","protected":false},"author":13,"featured_media":42250,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false},"categories":[128,125],"tags":[159],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.11 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>UX vs UI. Diferencias entre User experience y UI Design | Valuesite<\/title>\n<meta name=\"description\" content=\"\u00bfConoces la diferencia entre los conceptos \u2018experiencia de usuario o user experience\u2019 (UX) y \u2018user interface o interfaz de usuario\u2019 (UI)?\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/web.valuesite.cl\/index.php\/2023\/02\/14\/diferencia-entre-ui-ux\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"UX vs UI. Diferencias entre User experience y UI Design | Valuesite\" \/>\n<meta property=\"og:description\" content=\"\u00bfConoces la diferencia entre los conceptos \u2018experiencia de usuario o user experience\u2019 (UX) y \u2018user interface o interfaz de usuario\u2019 (UI)?\" \/>\n<meta property=\"og:url\" content=\"https:\/\/web.valuesite.cl\/index.php\/2023\/02\/14\/diferencia-entre-ui-ux\/\" \/>\n<meta property=\"og:site_name\" content=\"Valuesite\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/valuesitechile\" \/>\n<meta property=\"article:published_time\" content=\"2023-02-14T21:32:49+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-27T13:06:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/web.valuesite.cl\/wp-content\/uploads\/2023\/02\/imagen-destacada-articulo-ux-ui.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"400\" \/>\n\t<meta property=\"og:image:height\" content=\"400\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Pamela Iturrieta\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@valuesitechile\" \/>\n<meta name=\"twitter:site\" content=\"@valuesitechile\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Pamela Iturrieta\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/web.valuesite.cl\/index.php\/2023\/02\/14\/diferencia-entre-ui-ux\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/web.valuesite.cl\/index.php\/2023\/02\/14\/diferencia-entre-ui-ux\/\"},\"author\":{\"name\":\"Pamela Iturrieta\",\"@id\":\"https:\/\/web.valuesite.cl\/#\/schema\/person\/d5718faa254837cca112a30886eeea7d\"},\"headline\":\"UX vs UI. Diferencias entre User experience y UI Design\",\"datePublished\":\"2023-02-14T21:32:49+00:00\",\"dateModified\":\"2023-02-27T13:06:49+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/web.valuesite.cl\/index.php\/2023\/02\/14\/diferencia-entre-ui-ux\/\"},\"wordCount\":962,\"publisher\":{\"@id\":\"https:\/\/web.valuesite.cl\/#organization\"},\"keywords\":[\"Dise\u00f1o UI y UX\"],\"articleSection\":[\"Art\u00edculo\",\"Valuesite\"],\"inLanguage\":\"es\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/web.valuesite.cl\/index.php\/2023\/02\/14\/diferencia-entre-ui-ux\/\",\"url\":\"https:\/\/web.valuesite.cl\/index.php\/2023\/02\/14\/diferencia-entre-ui-ux\/\",\"name\":\"UX vs UI. Diferencias entre User experience y UI Design | Valuesite\",\"isPartOf\":{\"@id\":\"https:\/\/web.valuesite.cl\/#website\"},\"datePublished\":\"2023-02-14T21:32:49+00:00\",\"dateModified\":\"2023-02-27T13:06:49+00:00\",\"description\":\"\u00bfConoces la diferencia entre los conceptos \u2018experiencia de usuario o user experience\u2019 (UX) y \u2018user interface o interfaz de usuario\u2019 (UI)?\",\"breadcrumb\":{\"@id\":\"https:\/\/web.valuesite.cl\/index.php\/2023\/02\/14\/diferencia-entre-ui-ux\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/web.valuesite.cl\/index.php\/2023\/02\/14\/diferencia-entre-ui-ux\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/web.valuesite.cl\/index.php\/2023\/02\/14\/diferencia-entre-ui-ux\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/web.valuesite.cl\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"UX vs UI. Diferencias entre User experience y UI Design\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/web.valuesite.cl\/#website\",\"url\":\"https:\/\/web.valuesite.cl\/\",\"name\":\"Valuesite\",\"description\":\"\u00a1Soluciones de valor para tu empresa!\",\"publisher\":{\"@id\":\"https:\/\/web.valuesite.cl\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/web.valuesite.cl\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/web.valuesite.cl\/#organization\",\"name\":\"Valuesite\",\"url\":\"https:\/\/web.valuesite.cl\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/web.valuesite.cl\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/web.valuesite.cl\/wp-content\/uploads\/2022\/12\/Logo_valuesite_color.png\",\"contentUrl\":\"https:\/\/web.valuesite.cl\/wp-content\/uploads\/2022\/12\/Logo_valuesite_color.png\",\"width\":817,\"height\":144,\"caption\":\"Valuesite\"},\"image\":{\"@id\":\"https:\/\/web.valuesite.cl\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/valuesitechile\",\"https:\/\/twitter.com\/valuesitechile\",\"https:\/\/www.instagram.com\/valuesitechile\",\"https:\/\/www.linkedin.com\/company\/valuesite\",\"https:\/\/youtube.com\/channel\/UCwNWwDg2BgdQH6rOgsgQuOg\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/web.valuesite.cl\/#\/schema\/person\/d5718faa254837cca112a30886eeea7d\",\"name\":\"Pamela Iturrieta\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/web.valuesite.cl\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/9a42c07c44e499b7024d4e82064a3f12?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/9a42c07c44e499b7024d4e82064a3f12?s=96&d=mm&r=g\",\"caption\":\"Pamela Iturrieta\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"UX vs UI. Diferencias entre User experience y UI Design | Valuesite","description":"\u00bfConoces la diferencia entre los conceptos \u2018experiencia de usuario o user experience\u2019 (UX) y \u2018user interface o interfaz de usuario\u2019 (UI)?","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:\/\/web.valuesite.cl\/index.php\/2023\/02\/14\/diferencia-entre-ui-ux\/","og_locale":"es_ES","og_type":"article","og_title":"UX vs UI. Diferencias entre User experience y UI Design | Valuesite","og_description":"\u00bfConoces la diferencia entre los conceptos \u2018experiencia de usuario o user experience\u2019 (UX) y \u2018user interface o interfaz de usuario\u2019 (UI)?","og_url":"https:\/\/web.valuesite.cl\/index.php\/2023\/02\/14\/diferencia-entre-ui-ux\/","og_site_name":"Valuesite","article_publisher":"https:\/\/www.facebook.com\/valuesitechile","article_published_time":"2023-02-14T21:32:49+00:00","article_modified_time":"2023-02-27T13:06:49+00:00","og_image":[{"width":400,"height":400,"url":"https:\/\/web.valuesite.cl\/wp-content\/uploads\/2023\/02\/imagen-destacada-articulo-ux-ui.jpg","type":"image\/jpeg"}],"author":"Pamela Iturrieta","twitter_card":"summary_large_image","twitter_creator":"@valuesitechile","twitter_site":"@valuesitechile","twitter_misc":{"Escrito por":"Pamela Iturrieta","Tiempo de lectura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/web.valuesite.cl\/index.php\/2023\/02\/14\/diferencia-entre-ui-ux\/#article","isPartOf":{"@id":"https:\/\/web.valuesite.cl\/index.php\/2023\/02\/14\/diferencia-entre-ui-ux\/"},"author":{"name":"Pamela Iturrieta","@id":"https:\/\/web.valuesite.cl\/#\/schema\/person\/d5718faa254837cca112a30886eeea7d"},"headline":"UX vs UI. Diferencias entre User experience y UI Design","datePublished":"2023-02-14T21:32:49+00:00","dateModified":"2023-02-27T13:06:49+00:00","mainEntityOfPage":{"@id":"https:\/\/web.valuesite.cl\/index.php\/2023\/02\/14\/diferencia-entre-ui-ux\/"},"wordCount":962,"publisher":{"@id":"https:\/\/web.valuesite.cl\/#organization"},"keywords":["Dise\u00f1o UI y UX"],"articleSection":["Art\u00edculo","Valuesite"],"inLanguage":"es"},{"@type":"WebPage","@id":"https:\/\/web.valuesite.cl\/index.php\/2023\/02\/14\/diferencia-entre-ui-ux\/","url":"https:\/\/web.valuesite.cl\/index.php\/2023\/02\/14\/diferencia-entre-ui-ux\/","name":"UX vs UI. Diferencias entre User experience y UI Design | Valuesite","isPartOf":{"@id":"https:\/\/web.valuesite.cl\/#website"},"datePublished":"2023-02-14T21:32:49+00:00","dateModified":"2023-02-27T13:06:49+00:00","description":"\u00bfConoces la diferencia entre los conceptos \u2018experiencia de usuario o user experience\u2019 (UX) y \u2018user interface o interfaz de usuario\u2019 (UI)?","breadcrumb":{"@id":"https:\/\/web.valuesite.cl\/index.php\/2023\/02\/14\/diferencia-entre-ui-ux\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/web.valuesite.cl\/index.php\/2023\/02\/14\/diferencia-entre-ui-ux\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/web.valuesite.cl\/index.php\/2023\/02\/14\/diferencia-entre-ui-ux\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/web.valuesite.cl\/"},{"@type":"ListItem","position":2,"name":"UX vs UI. Diferencias entre User experience y UI Design"}]},{"@type":"WebSite","@id":"https:\/\/web.valuesite.cl\/#website","url":"https:\/\/web.valuesite.cl\/","name":"Valuesite","description":"\u00a1Soluciones de valor para tu empresa!","publisher":{"@id":"https:\/\/web.valuesite.cl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/web.valuesite.cl\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/web.valuesite.cl\/#organization","name":"Valuesite","url":"https:\/\/web.valuesite.cl\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/web.valuesite.cl\/#\/schema\/logo\/image\/","url":"https:\/\/web.valuesite.cl\/wp-content\/uploads\/2022\/12\/Logo_valuesite_color.png","contentUrl":"https:\/\/web.valuesite.cl\/wp-content\/uploads\/2022\/12\/Logo_valuesite_color.png","width":817,"height":144,"caption":"Valuesite"},"image":{"@id":"https:\/\/web.valuesite.cl\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/valuesitechile","https:\/\/twitter.com\/valuesitechile","https:\/\/www.instagram.com\/valuesitechile","https:\/\/www.linkedin.com\/company\/valuesite","https:\/\/youtube.com\/channel\/UCwNWwDg2BgdQH6rOgsgQuOg"]},{"@type":"Person","@id":"https:\/\/web.valuesite.cl\/#\/schema\/person\/d5718faa254837cca112a30886eeea7d","name":"Pamela Iturrieta","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/web.valuesite.cl\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/9a42c07c44e499b7024d4e82064a3f12?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9a42c07c44e499b7024d4e82064a3f12?s=96&d=mm&r=g","caption":"Pamela Iturrieta"}}]}},"menu_order":0,"_links":{"self":[{"href":"https:\/\/web.valuesite.cl\/index.php\/wp-json\/wp\/v2\/posts\/42245"}],"collection":[{"href":"https:\/\/web.valuesite.cl\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/web.valuesite.cl\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/web.valuesite.cl\/index.php\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/web.valuesite.cl\/index.php\/wp-json\/wp\/v2\/comments?post=42245"}],"version-history":[{"count":7,"href":"https:\/\/web.valuesite.cl\/index.php\/wp-json\/wp\/v2\/posts\/42245\/revisions"}],"predecessor-version":[{"id":42254,"href":"https:\/\/web.valuesite.cl\/index.php\/wp-json\/wp\/v2\/posts\/42245\/revisions\/42254"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/web.valuesite.cl\/index.php\/wp-json\/wp\/v2\/media\/42250"}],"wp:attachment":[{"href":"https:\/\/web.valuesite.cl\/index.php\/wp-json\/wp\/v2\/media?parent=42245"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/web.valuesite.cl\/index.php\/wp-json\/wp\/v2\/categories?post=42245"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/web.valuesite.cl\/index.php\/wp-json\/wp\/v2\/tags?post=42245"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}