﻿{"id":7456,"date":"2022-10-10T22:39:29","date_gmt":"2022-10-10T20:39:29","guid":{"rendered":"https:\/\/www.sortlist.es\/blog\/?p=7456"},"modified":"2024-08-02T13:35:57","modified_gmt":"2024-08-02T11:35:57","slug":"que-es-ux-ui","status":"publish","type":"post","link":"https:\/\/www.sortlist.es\/blog\/que-es-ux-ui\/","title":{"rendered":"\u00bfQu\u00e9 es UX UI? Gu\u00eda b\u00e1sica para tu p\u00e1gina web"},"content":{"rendered":"\n<p>Cuando de UX y de UI se trata muchos cometen el error de asumir que se trata de lo mismo, cuando en verdad <strong>son conceptos realmente diferentes.<\/strong> El primero hace referencia a la <strong>experiencia del usuario en tu sitio web o aplicaci\u00f3n<\/strong>, mientras que el segundo se centra en la <strong>interfaz de usuario y la navegaci\u00f3n.<\/strong><\/p>\n\n\n\n<p>A lo largo de este art\u00edculo revisamos cada uno de estos conceptos en detalle y te explicamos qu\u00e9 beneficios traen para tu estrategia digital.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u00bfQu\u00e9 es UX?<\/h2>\n\n\n\n<p>Empecemos pues por revisar qu\u00e9 es el <a href=\"https:\/\/www.sortlist.es\/blog\/diseno-web-conoce-buenas-practicas-para-triunfar\/\" target=\"_blank\" rel=\"noreferrer noopener\">dise\u00f1o UX<\/a>. Sus siglas vienen del t\u00e9rmino en ingl\u00e9s <strong>User Experience<\/strong>, lo que nos da luces de qu\u00e9 trata este tipo de servicio. Se trata del proceso de dise\u00f1ar productos con un significado y que brinden experiencias relevantes para sus usuarios.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u00bfEn qu\u00e9 consiste el dise\u00f1o UX?<\/h2>\n\n\n\n<p>El dise\u00f1o UX consiste en <strong>optimizar cada uno de los puntos de contacto entre un usuario o visitante y tu organizaci\u00f3n<\/strong> con el objetivo de hacerlo lo m\u00e1s eficiente y agradable posible.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>Ning\u00fan producto es una isla. Un producto es mucho m\u00e1s que el producto en s\u00ed. Comprende una serie de experiencias. Piensa en todas las etapas de un producto o servicio, desde la intenci\u00f3n de compra hasta su uso, servicio y mantenimiento. Haz que todo trabaje junto. <a target=\"_blank\" rel=\"noreferrer noopener\" href=\"https:\/\/www.interaction-design.org\/literature\/topics\/ux-design?page=7\">Don Norman, inventor del t\u00e9rmino Experiencia del Usuario.<\/a><\/p>\n<\/blockquote>\n\n\n\n<p>Dicho de otra forma, involucra el <strong>proceso de dise\u00f1ar la experiencia del usuario<\/strong> no s\u00f3lo al hacer que los productos sean atractivos para el cliente potencial, sino que toda la experiencia de compra les brinde soluciones y atienda sus necesidades. Se trata de <strong>c\u00f3mo se siente un usuario luego de haber interactuado con tu producto, sitio web, o aplicaci\u00f3n<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1301\" height=\"916\" src=\"https:\/\/www.sortlist.es\/blog\/wp-content\/uploads\/sites\/6\/2022\/10\/image-10.png\" alt=\"M\u00e1s all\u00e1 de entender qu\u00e9 es UX UI tienes que saber qu\u00e9 hace un dise\u00f1ador UX. S\u00f3lo as\u00ed vas a poder saber a qui\u00e9n contratar.\" class=\"wp-image-7459\" srcset=\"https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2022\/10\/image-10.png 1301w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2022\/10\/image-10-768x541.png 768w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2022\/10\/image-10-50x35.png 50w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2022\/10\/image-10-288x203.png 288w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2022\/10\/image-10-576x406.png 576w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2022\/10\/image-10-339x239.png 339w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2022\/10\/image-10-678x477.png 678w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2022\/10\/image-10-373x263.png 373w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2022\/10\/image-10-746x525.png 746w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2022\/10\/image-10-691x487.png 691w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2022\/10\/image-10-973x685.png 973w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2022\/10\/image-10-1048x738.png 1048w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2022\/10\/image-10-478x337.png 478w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2022\/10\/image-10-956x673.png 956w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2022\/10\/image-10-516x363.png 516w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2022\/10\/image-10-1032x727.png 1032w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2022\/10\/image-10-680x479.png 680w\" sizes=\"auto, (max-width: 1301px) 100vw, 1301px\" \/><\/figure>\n\n\n\n<p>Basta con que des un repaso por marcas que han sabido implementar un buen dise\u00f1o UX: Zara, Google, Apple, Canva. Todas han logrado entender las necesidades de su p\u00fablico objetivo y atenderlas a lo largo y ancho del proceso de compra.<\/p>\n\n\n\n<p>Y t\u00fa no puedes ser la excepci\u00f3n. Actualmente estamos atravesando una \u00e9poca de mercados saturados de productos con caracter\u00edsticas muy similares para solucionar un mismo problema. Por eso, si quieres que el tuyo destaque debes buscar las formas de hacer que las personas se enamoren de \u00e9l y quieran, necesiten, tenerlo.<\/p>\n\n\n\n<p>Hay tres elementos que te permiten lograr un buen dise\u00f1o UX:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>La <strong>simplicidad <\/strong>para navegar tu sitio web o utilizar tu aplicaci\u00f3n<\/li>\n\n\n\n<li>La <strong>usabilidad <\/strong>de cada uno de los elementos que incluyas en el dise\u00f1o y en el producto como tal<\/li>\n\n\n\n<li>La<strong> est\u00e9tica visual<\/strong> es lo que va a permitir que un usuario se sienta atra\u00eddo a permanecer m\u00e1s tiempo consumiendo el contenido que has compartido<\/li>\n<\/ol>\n\n\n\n<p>M\u00e1s all\u00e1 de eso, es importante entender que el dise\u00f1o UX es el punto de partida del proceso de desarrollo y creaci\u00f3n de cualquier producto. De all\u00ed que sea tan importante que trabajes de la mano de <a href=\"https:\/\/www.sortlist.es\/ux\/espana-es\" target=\"_blank\" rel=\"noreferrer noopener\">profesionales o de un equipo especializado<\/a> y entrenado en el \u00e1rea. Que sepa cu\u00e1l investigaci\u00f3n previa hay que hacer. Pueda descifrar y entender c\u00f3mo piensan los usuarios y qu\u00e9 est\u00e1n buscando. Y entienda el valor que aporta un buen dise\u00f1o UX.<\/p>\n\n\n\n<p>En este sentido, contar con <a href=\"https:\/\/www.sortlist.es\/diseno-web\/madrid-es\" target=\"_blank\" rel=\"noreferrer noopener\">dise\u00f1adores web<\/a> es crucial dentro del equipo de dise\u00f1o UX. Los dise\u00f1adores web no solo se encargan de la apariencia visual del sitio, sino que tambi\u00e9n aseguran que la estructura y navegaci\u00f3n del mismo sean coherentes con los principios de una buena experiencia de usuario. <\/p>\n\n\n\n<p>Integrar a dise\u00f1adores web en el proceso de UX permite que las soluciones t\u00e9cnicas y est\u00e9ticas vayan de la mano, logrando sitios web que no solo sean atractivos, sino tambi\u00e9n altamente funcionales y optimizados para las necesidades del usuario.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u00bfQu\u00e9 es UI?<\/h2>\n\n\n\n<p>Dicho eso, entonces \u00bfde qu\u00e9 trata el <a href=\"https:\/\/www.sortlist.es\/blog\/diseno-de-la-interfaz-de-usuario\/\" target=\"_blank\" rel=\"noreferrer noopener\">dise\u00f1o UI<\/a>? Se refiere al <strong>proceso de creaci\u00f3n de la interfaz de usuario<\/strong>. Es decir, el dise\u00f1o gr\u00e1fico de cada uno de los elementos que componen a tu p\u00e1gina web o a tu aplicaci\u00f3n m\u00f3vil. Va desde los botones, las im\u00e1genes, los formularios, hasta cualquier detalle que haga que la navegaci\u00f3n sea f\u00e1cil de comprender.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u00bfEn qu\u00e9 consiste el dise\u00f1o UI?<\/h2>\n\n\n\n<p>A diferencia del caso anterior, <strong>el dise\u00f1o UI es exclusivo para medios digitales.<\/strong> Consiste en el dise\u00f1o y desarrollo del punto de contacto entre un usuario y un medio digital. En el caso de tu p\u00e1gina web, <strong>se trata de la pantalla que los visitantes ven y con la que interact\u00faan<\/strong>, de los botones que presionan, de la tipograf\u00eda, de la paleta de colores, del scroll.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1298\" height=\"912\" src=\"https:\/\/www.sortlist.es\/blog\/wp-content\/uploads\/sites\/6\/2022\/10\/image-11.png\" alt=\"Qu\u00e9 hace un dise\u00f1ador UI, Informaci\u00f3n clave que debes saber si quieres lograr el \u00e9xito de una estrategia digital\" class=\"wp-image-7460\" srcset=\"https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2022\/10\/image-11.png 1298w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2022\/10\/image-11-768x540.png 768w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2022\/10\/image-11-50x35.png 50w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2022\/10\/image-11-288x202.png 288w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2022\/10\/image-11-576x405.png 576w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2022\/10\/image-11-339x238.png 339w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2022\/10\/image-11-678x476.png 678w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2022\/10\/image-11-373x262.png 373w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2022\/10\/image-11-746x524.png 746w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2022\/10\/image-11-691x486.png 691w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2022\/10\/image-11-973x684.png 973w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2022\/10\/image-11-1048x736.png 1048w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2022\/10\/image-11-478x336.png 478w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2022\/10\/image-11-956x672.png 956w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2022\/10\/image-11-516x363.png 516w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2022\/10\/image-11-1032x725.png 1032w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2022\/10\/image-11-680x478.png 680w\" sizes=\"auto, (max-width: 1298px) 100vw, 1298px\" \/><\/figure>\n\n\n\n<p>De all\u00ed que el dise\u00f1o UI cobre tanta importancia dentro de tus esfuerzos en el mundo digital. Es ese elemento que marca la diferencia entre lograr una buena retenci\u00f3n de visitantes o espantar a cualquiera que llegue a tu p\u00e1gina web. Es tambi\u00e9n el responsable de mejorar o no tus tazas de conversi\u00f3n.<\/p>\n\n\n\n<p>La clave para que puedas lograr un buen dise\u00f1o UI est\u00e1 en:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Mantener una<strong> interfaz sencilla <\/strong>y evitar el exceso de elementos que lo que hacen es complicar el proceso de navegaci\u00f3n.<\/li>\n\n\n\n<li>Ser <strong>consistente <\/strong>en el uso de elementos para que los visitantes se sientan c\u00f3modos y conf\u00eden en tu marca.<\/li>\n\n\n\n<li>Utilizar los <strong>colores <\/strong>de forma estrat\u00e9gica. Cada tono y cada matiz sirven para captar la atenci\u00f3n del visitante y guiarlo a tomar acciones.<\/li>\n<\/ol>\n\n\n\n<p>Un caso perfecto de dise\u00f1o UI es Google. Al entrar a su sitio web los visitantes se encuentran con una interfaz muy sencilla. Un fondo blanco, el logo de la marca y una barra de navegaci\u00f3n. Esto responde a que el motor de b\u00fasqueda ha sabido entender las necesidades de sus usuarios y les simplifica los procesos.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1001\" height=\"422\" src=\"https:\/\/www.sortlist.es\/blog\/wp-content\/uploads\/sites\/6\/2022\/10\/image-12.png\" alt=\"El dise\u00f1o UX UI de Google es digno de admirar. No s\u00f3lo su funcionamiento es sencillo sino que responde a las verdaderas necesidades de su p\u00fablico objetivo. \" class=\"wp-image-7461\" srcset=\"https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2022\/10\/image-12.png 1001w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2022\/10\/image-12-768x324.png 768w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2022\/10\/image-12-50x21.png 50w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2022\/10\/image-12-288x121.png 288w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2022\/10\/image-12-576x243.png 576w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2022\/10\/image-12-339x143.png 339w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2022\/10\/image-12-678x286.png 678w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2022\/10\/image-12-373x157.png 373w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2022\/10\/image-12-746x314.png 746w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2022\/10\/image-12-691x291.png 691w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2022\/10\/image-12-973x410.png 973w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2022\/10\/image-12-478x202.png 478w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2022\/10\/image-12-956x403.png 956w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2022\/10\/image-12-516x218.png 516w, https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2022\/10\/image-12-680x287.png 680w\" sizes=\"auto, (max-width: 1001px) 100vw, 1001px\" \/><\/figure>\n\n\n\n<p>Sin duda alguna el dise\u00f1o UX y UI trabajan de la mano. Pero, para poder lograr un trabajo de calidad es fundamental que <strong>tengas un equipo que entienda de qu\u00e9 trata exactamente cada uno y cu\u00e1l es el objetivo a lograr.<\/strong> Si necesitas ayuda, aqu\u00ed puedes conseguir una lista de <a target=\"_blank\" rel=\"noreferrer noopener\" href=\"https:\/\/www.sortlist.es\/ux\/espana-es\">agencias especializadas.<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Diferencias entre UX\/UI<\/h2>\n\n\n\n<p>Lo dec\u00edamos antes y lo recordamos ahora, el dise\u00f1o UX y el dise\u00f1o UI no son lo mismo. Las principales diferencias est\u00e1n en:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>El UX va mucho m\u00e1s all\u00e1 de los medios digitales<\/strong>, abarca cualquier punto de contacto entre un cliente potencial y el producto o la marca. Mientras que el dise\u00f1o UI no existe si no hay una pantalla por delante. No importa qu\u00e9 tipo de dispositivo sea.<\/li>\n\n\n\n<li><strong>El dise\u00f1o UX busca hacer que la navegaci\u00f3n de un usuario se d\u00e9 sin tropiezos,<\/strong> mientras que el dise\u00f1o UI se centra en permitir que el visitante entienda cu\u00e1l es el pr\u00f3ximo paso que debe hacer cuando navega tu p\u00e1gina web. Sirve de gu\u00eda.<\/li>\n\n\n\n<li><strong>Los dise\u00f1adores UX identifican las necesidades de los usuarios<\/strong> y les busca una soluci\u00f3n. Mientras que los de UI son mucho m\u00e1s creativos y dise\u00f1an elementos que sean agradables a la vista.<\/li>\n\n\n\n<li><strong>Al momento de dise\u00f1ar un producto el UX entra en juego primero. <\/strong>Luego, el dise\u00f1o UI se encarga de hacerlo bonito e interactivo.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Beneficios del dise\u00f1o UX\/UI para tu estrategia digital<\/h2>\n\n\n\n<p>Dicho esto, es importante que revisemos qu\u00e9 aporta el dise\u00f1o UX y el dise\u00f1o UI a tu estrategia digital. Recuerda, una interfaz de usuario buena puede mejorar el retorno de la inversi\u00f3n de tu negocio, reforzar la identidad de marca y el posicionamiento de la misma.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">El dise\u00f1o UX\/UI hace que tus estrategias de marketing sean m\u00e1s interactivas<\/h3>\n\n\n\n<p>Una de las grandes ventajas de trabajar con un dise\u00f1ador UX\/UI es que te permite crear nuevas formas para que tus clientes potenciales entren en interacci\u00f3n con la marca. Adem\u00e1s, al brindarles una atenci\u00f3n tan placentera los invita a volver a tu p\u00e1gina web y recomendarla a otras personas.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">La t\u00e9cnica de UX\/UI refuerza tus esfuerzos SEO<\/h3>\n\n\n\n<p>El efecto que tu sitio web cause en los visitantes tiene un impacto directo en el posicionamiento que logres en los diferentes motores de b\u00fasqueda. Si tienes una tasa de rebote muy alta, las consecuencias en SEO van a ser realmente negativas. Mientras que si los usuarios pasan tiempo navegando y consumiendo tu contenido, el impacto va a ser positivo y tu marca va a lograr aparecer entre los primeros resultados en Google.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">El dise\u00f1o de interacci\u00f3n te ayuda a conocer a tu cliente potencial<\/h3>\n\n\n\n<p>Para poder crear productos \u00fatiles y mejorar la experiencia de tu usuario es necesario conocerlo. Comprender sus problemas y necesidades, sus objetivos e intereses. Esta informaci\u00f3n viene siendo adem\u00e1s realmente \u00fatil para todo el equipo de marketing. Les permite crear estrategias de acercamiento dirigidas a su perfil ideal, conectar de manera cercana y crear relaciones de valor.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Las p\u00e1ginas web con dise\u00f1o UX\/UI logran mejores tasas de conversi\u00f3n<\/h3>\n\n\n\n<p>En l\u00ednea con el punto anterior, justamente ese conocimiento del target te va a permitir crear p\u00e1ginas web que satisfagan las necesidades de tus usuarios. Adem\u00e1s, te permite brindarles una atenci\u00f3n personalizada. Todo esto se traduce en mejores tasas de conversi\u00f3n sin importar cu\u00e1l sea tu objetivo. Puedes estar buscando suscripciones, descargas de un material, compras, etc.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusi\u00f3n<\/h2>\n\n\n\n<p>Ahora s\u00f3lo nos queda preguntarte \u00bfest\u00e1s listo para empezar a trabajar con un equipo especializado en dise\u00f1o UX\/UI? Como pudiste leer a lo largo de estas l\u00edneas cada centavo que inviertas en este tipo de servicio tiene una relaci\u00f3n directa en las ventas de tu marca. Cada minuto que dediques a este tipo de esfuerzo se traduce en m\u00e1s clientes satisfechos, en m\u00e1s recomendaciones y en un mejor posicionamiento SEO.<\/p>\n\n\n\n<p>Si necesitas ayuda, no dudes en consultar nuestro directorio de las <a target=\"_blank\" rel=\"noreferrer noopener\" href=\"https:\/\/www.sortlist.es\/ux\/espana-es\">mejores agencias de dise\u00f1o UX\/UI de Espa\u00f1a.<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Cuando de UX y de UI se trata muchos cometen el error de asumir que se trata de lo mismo, cuando en verdad son conceptos realmente diferentes. El primero hace referencia a la experiencia del usuario en tu sitio web o aplicaci\u00f3n, mientras que el segundo se centra en la interfaz de usuario y la [&hellip;]<\/p>\n","protected":false},"author":83,"featured_media":7462,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_sb_show_comment_boards":false,"content-type":"","om_disable_all_campaigns":false,"footnotes":""},"categories":[39,50],"class_list":["post-7456","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-creativo-visual","category-diseno-web"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>\u00bfQu\u00e9 es UX UI? Gu\u00eda b\u00e1sica para tu p\u00e1gina web - Sortlist Blog<\/title>\n<meta name=\"description\" content=\"\u00bfQu\u00e9 es el UX UI? Muchos cometen el error de confundir ambos t\u00e9rminos. Hoy te explicamos a qu\u00e9 se refiere cada uno.\" \/>\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.sortlist.es\/blog\/que-es-ux-ui\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u00bfQu\u00e9 es UX UI? Gu\u00eda b\u00e1sica para tu p\u00e1gina web - Sortlist Blog\" \/>\n<meta property=\"og:description\" content=\"\u00bfQu\u00e9 es el UX UI? Muchos cometen el error de confundir ambos t\u00e9rminos. Hoy te explicamos a qu\u00e9 se refiere cada uno.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.sortlist.es\/blog\/que-es-ux-ui\/\" \/>\n<meta property=\"og:site_name\" content=\"Sortlist Blog\" \/>\n<meta property=\"article:published_time\" content=\"2022-10-10T20:39:29+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-08-02T11:35:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2022\/10\/article-covers-47.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1748\" \/>\n\t<meta property=\"og:image:height\" content=\"1240\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Clara Gil\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Clara Gil\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.sortlist.es\\\/blog\\\/que-es-ux-ui\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.sortlist.es\\\/blog\\\/que-es-ux-ui\\\/\"},\"author\":{\"name\":\"Clara Gil\",\"@id\":\"https:\\\/\\\/www.sortlist.es\\\/blog\\\/#\\\/schema\\\/person\\\/a404968f5ec32ed866088e9f48ffb4b9\"},\"headline\":\"\u00bfQu\u00e9 es UX UI? Gu\u00eda b\u00e1sica para tu p\u00e1gina web\",\"datePublished\":\"2022-10-10T20:39:29+00:00\",\"dateModified\":\"2024-08-02T11:35:57+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.sortlist.es\\\/blog\\\/que-es-ux-ui\\\/\"},\"wordCount\":1727,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.sortlist.es\\\/blog\\\/que-es-ux-ui\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/cdn.blog.production.sortlist.cloud\\\/wp-content\\\/uploads\\\/sites\\\/6\\\/2022\\\/10\\\/article-covers-47.jpg\",\"articleSection\":[\"Creativo y Visual\",\"Dise\u00f1o Web\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.sortlist.es\\\/blog\\\/que-es-ux-ui\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.sortlist.es\\\/blog\\\/que-es-ux-ui\\\/\",\"url\":\"https:\\\/\\\/www.sortlist.es\\\/blog\\\/que-es-ux-ui\\\/\",\"name\":\"\u00bfQu\u00e9 es UX UI? Gu\u00eda b\u00e1sica para tu p\u00e1gina web - Sortlist Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.sortlist.es\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.sortlist.es\\\/blog\\\/que-es-ux-ui\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.sortlist.es\\\/blog\\\/que-es-ux-ui\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/cdn.blog.production.sortlist.cloud\\\/wp-content\\\/uploads\\\/sites\\\/6\\\/2022\\\/10\\\/article-covers-47.jpg\",\"datePublished\":\"2022-10-10T20:39:29+00:00\",\"dateModified\":\"2024-08-02T11:35:57+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.sortlist.es\\\/blog\\\/#\\\/schema\\\/person\\\/a404968f5ec32ed866088e9f48ffb4b9\"},\"description\":\"\u00bfQu\u00e9 es el UX UI? Muchos cometen el error de confundir ambos t\u00e9rminos. Hoy te explicamos a qu\u00e9 se refiere cada uno.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.sortlist.es\\\/blog\\\/que-es-ux-ui\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.sortlist.es\\\/blog\\\/que-es-ux-ui\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.sortlist.es\\\/blog\\\/que-es-ux-ui\\\/#primaryimage\",\"url\":\"https:\\\/\\\/cdn.blog.production.sortlist.cloud\\\/wp-content\\\/uploads\\\/sites\\\/6\\\/2022\\\/10\\\/article-covers-47.jpg\",\"contentUrl\":\"https:\\\/\\\/cdn.blog.production.sortlist.cloud\\\/wp-content\\\/uploads\\\/sites\\\/6\\\/2022\\\/10\\\/article-covers-47.jpg\",\"width\":1748,\"height\":1240,\"caption\":\"\u00bfQu\u00e9 es UX UI? Gu\u00eda b\u00e1sica para tu p\u00e1gina web\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.sortlist.es\\\/blog\\\/que-es-ux-ui\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.sortlist.es\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u00bfQu\u00e9 es UX UI? Gu\u00eda b\u00e1sica para tu p\u00e1gina web\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.sortlist.es\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.sortlist.es\\\/blog\\\/\",\"name\":\"Sortlist Blog\",\"description\":\"Nuestras Gu\u00edas de Marketing\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.sortlist.es\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.sortlist.es\\\/blog\\\/#\\\/schema\\\/person\\\/a404968f5ec32ed866088e9f48ffb4b9\",\"name\":\"Clara Gil\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/cdn.blog.production.sortlist.cloud\\\/wp-content\\\/uploads\\\/sites\\\/6\\\/2024\\\/06\\\/avatar_user_83_1718114633.png\",\"url\":\"https:\\\/\\\/cdn.blog.production.sortlist.cloud\\\/wp-content\\\/uploads\\\/sites\\\/6\\\/2024\\\/06\\\/avatar_user_83_1718114633.png\",\"contentUrl\":\"https:\\\/\\\/cdn.blog.production.sortlist.cloud\\\/wp-content\\\/uploads\\\/sites\\\/6\\\/2024\\\/06\\\/avatar_user_83_1718114633.png\",\"caption\":\"Clara Gil\"},\"description\":\"Passionate about keeping up with new marketing and sales trends and sharing what she's learned through the Sortlist Blog. She is also a full-time mom.\",\"url\":\"https:\\\/\\\/www.sortlist.es\\\/blog\\\/author\\\/claragil\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u00bfQu\u00e9 es UX UI? Gu\u00eda b\u00e1sica para tu p\u00e1gina web - Sortlist Blog","description":"\u00bfQu\u00e9 es el UX UI? Muchos cometen el error de confundir ambos t\u00e9rminos. Hoy te explicamos a qu\u00e9 se refiere cada uno.","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.sortlist.es\/blog\/que-es-ux-ui\/","og_locale":"es_ES","og_type":"article","og_title":"\u00bfQu\u00e9 es UX UI? Gu\u00eda b\u00e1sica para tu p\u00e1gina web - Sortlist Blog","og_description":"\u00bfQu\u00e9 es el UX UI? Muchos cometen el error de confundir ambos t\u00e9rminos. Hoy te explicamos a qu\u00e9 se refiere cada uno.","og_url":"https:\/\/www.sortlist.es\/blog\/que-es-ux-ui\/","og_site_name":"Sortlist Blog","article_published_time":"2022-10-10T20:39:29+00:00","article_modified_time":"2024-08-02T11:35:57+00:00","og_image":[{"width":1748,"height":1240,"url":"https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2022\/10\/article-covers-47.jpg","type":"image\/jpeg"}],"author":"Clara Gil","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Clara Gil","Tiempo de lectura":"8 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.sortlist.es\/blog\/que-es-ux-ui\/#article","isPartOf":{"@id":"https:\/\/www.sortlist.es\/blog\/que-es-ux-ui\/"},"author":{"name":"Clara Gil","@id":"https:\/\/www.sortlist.es\/blog\/#\/schema\/person\/a404968f5ec32ed866088e9f48ffb4b9"},"headline":"\u00bfQu\u00e9 es UX UI? Gu\u00eda b\u00e1sica para tu p\u00e1gina web","datePublished":"2022-10-10T20:39:29+00:00","dateModified":"2024-08-02T11:35:57+00:00","mainEntityOfPage":{"@id":"https:\/\/www.sortlist.es\/blog\/que-es-ux-ui\/"},"wordCount":1727,"commentCount":0,"image":{"@id":"https:\/\/www.sortlist.es\/blog\/que-es-ux-ui\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2022\/10\/article-covers-47.jpg","articleSection":["Creativo y Visual","Dise\u00f1o Web"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.sortlist.es\/blog\/que-es-ux-ui\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.sortlist.es\/blog\/que-es-ux-ui\/","url":"https:\/\/www.sortlist.es\/blog\/que-es-ux-ui\/","name":"\u00bfQu\u00e9 es UX UI? Gu\u00eda b\u00e1sica para tu p\u00e1gina web - Sortlist Blog","isPartOf":{"@id":"https:\/\/www.sortlist.es\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.sortlist.es\/blog\/que-es-ux-ui\/#primaryimage"},"image":{"@id":"https:\/\/www.sortlist.es\/blog\/que-es-ux-ui\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2022\/10\/article-covers-47.jpg","datePublished":"2022-10-10T20:39:29+00:00","dateModified":"2024-08-02T11:35:57+00:00","author":{"@id":"https:\/\/www.sortlist.es\/blog\/#\/schema\/person\/a404968f5ec32ed866088e9f48ffb4b9"},"description":"\u00bfQu\u00e9 es el UX UI? Muchos cometen el error de confundir ambos t\u00e9rminos. Hoy te explicamos a qu\u00e9 se refiere cada uno.","breadcrumb":{"@id":"https:\/\/www.sortlist.es\/blog\/que-es-ux-ui\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.sortlist.es\/blog\/que-es-ux-ui\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.sortlist.es\/blog\/que-es-ux-ui\/#primaryimage","url":"https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2022\/10\/article-covers-47.jpg","contentUrl":"https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2022\/10\/article-covers-47.jpg","width":1748,"height":1240,"caption":"\u00bfQu\u00e9 es UX UI? Gu\u00eda b\u00e1sica para tu p\u00e1gina web"},{"@type":"BreadcrumbList","@id":"https:\/\/www.sortlist.es\/blog\/que-es-ux-ui\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.sortlist.es\/blog\/"},{"@type":"ListItem","position":2,"name":"\u00bfQu\u00e9 es UX UI? Gu\u00eda b\u00e1sica para tu p\u00e1gina web"}]},{"@type":"WebSite","@id":"https:\/\/www.sortlist.es\/blog\/#website","url":"https:\/\/www.sortlist.es\/blog\/","name":"Sortlist Blog","description":"Nuestras Gu\u00edas de Marketing","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.sortlist.es\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/www.sortlist.es\/blog\/#\/schema\/person\/a404968f5ec32ed866088e9f48ffb4b9","name":"Clara Gil","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/avatar_user_83_1718114633.png","url":"https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/avatar_user_83_1718114633.png","contentUrl":"https:\/\/cdn.blog.production.sortlist.cloud\/wp-content\/uploads\/sites\/6\/2024\/06\/avatar_user_83_1718114633.png","caption":"Clara Gil"},"description":"Passionate about keeping up with new marketing and sales trends and sharing what she's learned through the Sortlist Blog. She is also a full-time mom.","url":"https:\/\/www.sortlist.es\/blog\/author\/claragil\/"}]}},"_links":{"self":[{"href":"https:\/\/www.sortlist.es\/blog\/wp-json\/wp\/v2\/posts\/7456","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sortlist.es\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.sortlist.es\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.sortlist.es\/blog\/wp-json\/wp\/v2\/users\/83"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sortlist.es\/blog\/wp-json\/wp\/v2\/comments?post=7456"}],"version-history":[{"count":3,"href":"https:\/\/www.sortlist.es\/blog\/wp-json\/wp\/v2\/posts\/7456\/revisions"}],"predecessor-version":[{"id":13187,"href":"https:\/\/www.sortlist.es\/blog\/wp-json\/wp\/v2\/posts\/7456\/revisions\/13187"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.sortlist.es\/blog\/wp-json\/wp\/v2\/media\/7462"}],"wp:attachment":[{"href":"https:\/\/www.sortlist.es\/blog\/wp-json\/wp\/v2\/media?parent=7456"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.sortlist.es\/blog\/wp-json\/wp\/v2\/categories?post=7456"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}