{"id":124804,"date":"2021-09-30T10:49:44","date_gmt":"2021-09-30T10:49:44","guid":{"rendered":"https:\/\/elementor.com\/blog\/diseno-ux-vs-ui-cual-es-la-diferencia\/"},"modified":"2025-12-28T15:31:26","modified_gmt":"2025-12-28T13:31:26","slug":"diseno-ux-vs-ui-cual-es-la-diferencia","status":"publish","type":"post","link":"https:\/\/elementor.com\/blog\/es\/diseno-ux-vs-ui-cual-es-la-diferencia\/","title":{"rendered":"Dise\u00f1o UX vs. UI: \u00bfCu\u00e1l es la diferencia?"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"124804\" class=\"elementor elementor-124804 elementor-77722\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-beb60ae elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"beb60ae\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-78e26d7\" data-id=\"78e26d7\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6934ff5 elementor-widget elementor-widget-text-editor\" data-id=\"6934ff5\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Dise\u00f1o UX vs. UI. \u00bfPor d\u00f3nde comienzo? <\/p>\n<p>Bien, para empezar, no se puede construir un sitio web sin ninguno de los dos. La sensaci\u00f3n de la experiencia del usuario es tan importante como el aspecto de la interfaz de usuario. <\/p>\n<p>As\u00ed pues, en realidad, todos los que trabajamos como dise\u00f1adores web utilizamos tanto el dise\u00f1o UI como el dise\u00f1o UX al crear sitios web. Dicho esto, si nos referimos a las disciplinas <em>formales<\/em> de UI y UX, eso es algo completamente diferente. Y, si est\u00e1 aqu\u00ed, quiz\u00e1s se pregunte si una de estas carreras es adecuada para usted. <\/p>\n<p>En cuanto a elegir cu\u00e1l de ellas seguir, no hay una respuesta sencilla para eso. Cualquier persona que est\u00e9 considerando convertirse en dise\u00f1ador web necesita averiguarlo por s\u00ed misma. As\u00ed que para eso es esta gu\u00eda. <\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-768a835 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"768a835\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7d5df62\" data-id=\"7d5df62\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f7f3903 read-more-link elementor-widget elementor-widget-heading\" data-id=\"f7f3903\" data-element_type=\"widget\" data-gac=\"CTA_Elements\" data-gaa=\"Link\" data-gal=\"Position_Text_CTA\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/elementor.com\/blog\/website-usability-testing\/\">C\u00f3mo evitar los escollos de UX y aumentar las conversiones<\/a><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6b9fd0f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6b9fd0f\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c70b75d\" data-id=\"c70b75d\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-851abcc blog-toc elementor-widget elementor-widget-heading\" data-id=\"851abcc\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Tabla de Contenidos<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5cf1f97 blog-toc elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"5cf1f97\" data-element_type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#ux-vs-ui\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Dise\u00f1o UI vs. UX: \u00bfCu\u00e1l es la diferencia?<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#what-does-a-ux-designer-do\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">\u00bfQu\u00e9 hace un dise\u00f1ador UX?<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#what-does-a-ui-designer-do\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">\u00bfQu\u00e9 hace un dise\u00f1ador UI?<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#how-do-ux-design\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">\u00bfC\u00f3mo trabajan juntos el dise\u00f1o UX y el dise\u00f1o UI?<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#how-to-get-started\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">C\u00f3mo Iniciarse como Dise\u00f1ador de UI o UX<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#which-career-path\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">\u00bfQu\u00e9 Trayectoria Profesional Deber\u00eda Elegir?<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c87b216 elementor-widget elementor-widget-menu-anchor\" data-id=\"c87b216\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"ux-vs-ui\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6369edd elementor-widget elementor-widget-heading\" data-id=\"6369edd\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Dise\u00f1o UX vs. UI: \u00bfCu\u00e1l es la diferencia?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-425e76b elementor-widget elementor-widget-text-editor\" data-id=\"425e76b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Comencemos con las diferencias b\u00e1sicas entre los dos principios de dise\u00f1o:<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-632d6c8 elementor-widget elementor-widget-heading\" data-id=\"632d6c8\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">\u00bfQu\u00e9 es el dise\u00f1o de experiencia de usuario (UX)?<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0cf8285 elementor-widget elementor-widget-text-editor\" data-id=\"0cf8285\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>El dise\u00f1o de experiencia de usuario se preocupa por el buen funcionamiento de un sitio web: <\/p>\n<ul>\n<li>\u00bfC\u00f3mo se sienten los usuarios con respecto al sitio web? <\/li>\n<li>\u00bfCu\u00e1n fluida es la navegaci\u00f3n de los usuarios por el sitio?<\/li>\n<li>\u00bfQu\u00e9 tan f\u00e1cil es para los usuarios alcanzar sus objetivos?<\/li>\n<\/ul>\n<p>El dise\u00f1o UX es un enfoque centrado en el ser humano para el dise\u00f1o web. Debido a esto, los dise\u00f1adores UX dependen en gran medida de la investigaci\u00f3n y las pruebas para descubrir lo que su audiencia necesita, lo que valoran y lo que les causa problemas, y luego dise\u00f1ar una soluci\u00f3n ideal en torno a ello. <\/p>\n<p>El objetivo final es <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/\" title=\"crear un sitio web\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"282\">crear un sitio web<\/a> que el usuario encuentre utilizable, \u00fatil y valioso.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-76597e3 elementor-widget elementor-widget-heading\" data-id=\"76597e3\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">\u00bfQu\u00e9 es el dise\u00f1o de interfaz de usuario (UI)?<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-49d4226 elementor-widget elementor-widget-text-editor\" data-id=\"49d4226\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>El dise\u00f1o de interfaz de usuario se preocupa por la est\u00e9tica del sitio web: <\/p>\n<ul>\n<li>\u00bfLos usuarios lo encuentran atractivo? <\/li>\n<li>\u00bfSon intuitivos los elementos interactivos?<\/li>\n<li>\u00bfEl dise\u00f1o se siente natural y provoca una respuesta positiva?<\/li>\n<\/ul>\n<p>El dise\u00f1o UI es el lado visual del dise\u00f1o web. Es trabajo del dise\u00f1ador UI perfeccionar los m\u00e1s m\u00ednimos detalles de un sitio web: paletas de colores, combinaciones de fuentes, im\u00e1genes, formularios, men\u00fas, animaciones activadas al pasar el cursor, botones y m\u00e1s. <\/p>\n<p>Los dise\u00f1adores UI se basan en la investigaci\u00f3n y las tendencias de dise\u00f1o, el an\u00e1lisis de la industria y los principios de dise\u00f1o web para crear una interfaz e interacciones con las que los usuarios se sientan c\u00f3modos y confiados al usar.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-22860a4 elementor-widget elementor-widget-menu-anchor\" data-id=\"22860a4\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"que-hace-un-disenador-ux\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-de8563c elementor-widget elementor-widget-heading\" data-id=\"de8563c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u00bfQu\u00e9 hace un dise\u00f1ador UX?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4d3501b elementor-widget elementor-widget-text-editor\" data-id=\"4d3501b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Si desea construir un sitio web que atraiga a los tipos correctos de visitantes y los lleve a hacer lo que usted quiere, entonces debe ser construido espec\u00edficamente para ellos. <\/p>\n<p>Obviamente, los objetivos de la marca tambi\u00e9n deben cumplirse. Sin embargo, esos objetivos nunca se alcanzar\u00e1n si el sitio web es incapaz de convertir a los visitantes. Por eso los dise\u00f1adores UX son una parte invaluable del proceso de dise\u00f1o web. <\/p>\n<p>Mejoran las posibilidades de \u00e9xito de una marca mediante el dise\u00f1o desde la perspectiva del usuario.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-00358f2 elementor-widget elementor-widget-heading\" data-id=\"00358f2\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Objetivos<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4f35320 elementor-widget elementor-widget-text-editor\" data-id=\"4f35320\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Los dise\u00f1adores de experiencia de usuario tienen un objetivo doble: <\/p>\n<ul>\n<li>Dise\u00f1ar experiencias de sitios web sin fricciones y centradas en el usuario<\/li>\n<li>Ayudar a sus clientes a alcanzar sus objetivos comerciales a trav\u00e9s del sitio web<\/li>\n<\/ul>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4205eec elementor-widget elementor-widget-heading\" data-id=\"4205eec\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Responsabilidades principales\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-47baa98 elementor-widget elementor-widget-text-editor\" data-id=\"47baa98\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Podr\u00eda ser m\u00e1s preciso referirse a los dise\u00f1adores de experiencia de usuario como <em>especialistas<\/em> en experiencia de usuario. Si bien participan en el dise\u00f1o de wireframes y prototipos de baja fidelidad para un sitio web, la mayor parte de lo que hacen implica investigaci\u00f3n, pruebas y validaci\u00f3n. <\/p>\n<p>Examinemos sus responsabilidades: <\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-444fa1f elementor-widget elementor-widget-heading\" data-id=\"444fa1f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Investigaci\u00f3n<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1bcdb63 elementor-widget elementor-widget-text-editor\" data-id=\"1bcdb63\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Los dise\u00f1adores de experiencia de usuario utilizan diversos m\u00e9todos para recopilar datos con el fin de formular hip\u00f3tesis de trabajo para el sitio web. <\/p>\n<p>El <strong>an\u00e1lisis de la competencia<\/strong> es una parte de ello y es especialmente \u00fatil si se est\u00e1 construyendo un sitio web para una nueva marca con pocos o ning\u00fan dato de clientes del que partir. <\/p>\n<p>Las <strong>estad\u00edsticas de la industria<\/strong> son otra m\u00e9trica \u00fatil en la fase de investigaci\u00f3n. Los dise\u00f1adores de experiencia de usuario utilizan estos datos para aprender m\u00e1s sobre la audiencia, identificar tendencias de la industria y m\u00e1s. <\/p>\n<p>Dependiendo del tama\u00f1o del sitio web, algunos dise\u00f1adores de experiencia de usuario tambi\u00e9n realizar\u00e1n <strong>investigaci\u00f3n de campo<\/strong>. A trav\u00e9s de encuestas y entrevistas con usuarios, los dise\u00f1adores aprender\u00e1n de primera mano qui\u00e9nes son los usuarios objetivo, sus dificultades y sus motivaciones.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9686e39 elementor-widget elementor-widget-heading\" data-id=\"9686e39\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Perfiles de usuario\n<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-76e3a3f elementor-widget elementor-widget-text-editor\" data-id=\"76e3a3f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Un perfil de usuario es un usuario ficticio que crean los investigadores de experiencia de usuario. Toman lo que han aprendido sobre el p\u00fablico objetivo de su cliente y utilizan esas caracter\u00edsticas para construir un perfil de usuario (o perfiles, si tienen numerosos segmentos de usuarios).<\/p>\n<p>He aqu\u00ed un ejemplo de <a href=\"https:\/\/personagenerator.com\/\" target=\"_blank\" rel=\"noopener\">PersonaGenerator<\/a> de c\u00f3mo podr\u00eda ser un perfil de usuario:<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1119bde elementor-widget elementor-widget-image\" data-id=\"1119bde\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"720\" height=\"395\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720,h=395\/blog\/wp-content\/uploads\/2021\/09\/1-personagenerator-template.png\" class=\"attachment-large size-large wp-image-77755\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720\/blog\/wp-content\/uploads\/2021\/09\/1-personagenerator-template.png 720w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/09\/1-personagenerator-template-300x165.png 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6e75dc1 elementor-widget elementor-widget-text-editor\" data-id=\"6e75dc1\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Se deben determinar todo tipo de detalles. Por ejemplo: <\/p>\n<ul>\n<li>Datos demogr\u00e1ficos<\/li>\n<li>Necesidades (en relaci\u00f3n con el sitio web que se est\u00e1 construyendo)<\/li>\n<li>Deseos<\/li>\n<li>Valores<\/li>\n<li>Temores<\/li>\n<li>Perfil tecnol\u00f3gico<\/li>\n<li>Citas que resumen c\u00f3mo se sienten y c\u00f3mo suenan<\/li>\n<\/ul>\n<p>El prop\u00f3sito es crear una representaci\u00f3n realista del usuario para que el dise\u00f1ador pueda comercializar y vender de manera m\u00e1s efectiva. <\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3150ce9 elementor-widget elementor-widget-heading\" data-id=\"3150ce9\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Arquitectura de la informaci\u00f3n\n<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-945ec19 elementor-widget elementor-widget-text-editor\" data-id=\"945ec19\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Los dise\u00f1adores de experiencia de usuario adoptan un enfoque cuidadosamente medido e incremental para dise\u00f1ar un sitio web. As\u00ed, una vez completada la investigaci\u00f3n, se planificar\u00e1 la arquitectura de la informaci\u00f3n. <\/p>\n<p>Aunque se podr\u00eda simplemente considerarlo como la planificaci\u00f3n del mapa del sitio, es mucho m\u00e1s que eso. <\/p>\n<p>Los dise\u00f1adores de experiencia de usuario utilizan algo llamado clasificaci\u00f3n de tarjetas para idear la estructura, los flujos de trabajo y la organizaci\u00f3n del contenido ideales para el sitio web. Esta parte del dise\u00f1o de experiencia de usuario requiere la aportaci\u00f3n directa de los usuarios.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4e19b50 elementor-widget elementor-widget-heading\" data-id=\"4e19b50\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Wireframes<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9390116 elementor-widget elementor-widget-text-editor\" data-id=\"9390116\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Los wireframes son prototipos de baja fidelidad de un sitio web. Permiten a los dise\u00f1adores de experiencia de usuario perfeccionar la estructura, el dise\u00f1o y los flujos de usuario del sitio web sin quedar atrapados en los detalles. <\/p>\n<p>He aqu\u00ed un ejemplo de c\u00f3mo se ve un wireframe frente a un mockup: <\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f3efaa1 elementor-widget elementor-widget-image\" data-id=\"f3efaa1\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"750\" height=\"480\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=750,h=480\/blog\/wp-content\/uploads\/2020\/06\/low-fidelity-vs-high-fidelity-wireframes-just-in-mind.png\" class=\"attachment-large size-large wp-image-39716\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=750\/blog\/wp-content\/uploads\/2020\/06\/low-fidelity-vs-high-fidelity-wireframes-just-in-mind.png 750w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2020\/06\/low-fidelity-vs-high-fidelity-wireframes-just-in-mind-300x192.png 300w\" sizes=\"(max-width: 750px) 100vw, 750px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3fdd661 elementor-widget elementor-widget-text-editor\" data-id=\"3fdd661\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Los wireframes son t\u00edpicamente solo el esqueleto. En otras palabras, se ve el dise\u00f1o as\u00ed como los marcadores de posici\u00f3n para las im\u00e1genes, el texto y otros elementos en la p\u00e1gina. Y eso es todo. Al esbozar los fundamentos de la p\u00e1gina, es mucho m\u00e1s f\u00e1cil centrarse en tomar decisiones de dise\u00f1o estrat\u00e9gicas y creativas en la fase de mockup.<\/p>\n<p>Los wireframes pueden ser dibujados a mano, realizados utilizando software de wireframing o se pueden <a href=\"https:\/\/elementor.com\/blog\/wireframe-website\/\" target=\"_blank\" rel=\"noopener\">construir directamente en Elementor<\/a>. <\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dbb0557 elementor-widget elementor-widget-heading\" data-id=\"dbb0557\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">An\u00e1lisis, pruebas de usabilidad e iteraci\u00f3n\n<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-451a970 elementor-widget elementor-widget-text-editor\" data-id=\"451a970\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Los dise\u00f1adores de experiencia de usuario trabajan en un circuito cerrado. Por lo tanto, no solo formulan hip\u00f3tesis sobre lo que funcionar\u00e1 en el sitio web. De hecho, las ponen a prueba. <\/p>\n<p>Hay varias formas en las que los dise\u00f1adores de experiencia de usuario realizan <a href=\"https:\/\/elementor.com\/blog\/website-usability-testing\/\" target=\"_blank\" rel=\"noopener\">pruebas de usabilidad<\/a>: <\/p>\n<ul>\n<li>Entrevistas cara a cara<\/li>\n<li>Sondeos<\/li>\n<li>Formularios de retroalimentaci\u00f3n del sitio web<\/li>\n<li>Mapas de calor<\/li>\n<li>Grabaciones de sesiones<\/li>\n<\/ul>\n<p>A medida que recopilan comentarios reales de los usuarios y estudian las anal\u00edticas del sitio web en vivo, ajustan el sitio web en consecuencia. El dise\u00f1o de experiencia de usuario es un proceso iterativo, que tiene como objetivo mejorar siempre la experiencia del usuario y ayudar a la marca a superar sus objetivos con el tiempo. <\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-79b61c4 elementor-widget elementor-widget-heading\" data-id=\"79b61c4\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Herramientas de dise\u00f1o de experiencia de usuario\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-eb396cd elementor-widget elementor-widget-text-editor\" data-id=\"eb396cd\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Estas son algunas de las herramientas comunes que utilizar\u00e1 un dise\u00f1ador de experiencia de usuario: <\/p>\n<ul>\n<li>Herramientas de investigaci\u00f3n competitiva como <a href=\"https:\/\/www.semrush.com\" target=\"_blank\" rel=\"noopener\">SEMrush<\/a><\/li>\n<li>Herramientas de investigaci\u00f3n de la industria como <a href=\"https:\/\/www.similarweb.com\/\" target=\"_blank\" rel=\"noopener\">SimilarWeb<\/a><\/li>\n<li>Herramientas de investigaci\u00f3n de usuarios y reclutamiento de probadores como <a href=\"https:\/\/www.userinterviews.com\/\" target=\"_blank\" rel=\"noopener\">User Interviews<\/a><\/li>\n<li>Herramientas de creaci\u00f3n de wireframes y prototipos como <a href=\"https:\/\/www.figma.com\/\" target=\"_blank\" rel=\"noopener\">Figma<\/a><\/li>\n<li>Herramientas de prueba de sitios web como <a href=\"https:\/\/www.hotjar.com\/\" target=\"_blank\" rel=\"noopener\">Hotjar<\/a><\/li>\n<li>Herramientas de pruebas de usabilidad como <a href=\"https:\/\/www.userzoom.com\/\" target=\"_blank\" rel=\"noopener\">UserZoom<\/a><\/li>\n<li>Herramientas de an\u00e1lisis de sitios web como <a href=\"https:\/\/www.kissmetrics.io\/\" target=\"_blank\" rel=\"noopener\">Kissmetrics<\/a><\/li>\n<\/ul>\n<p>Como puede imaginar con un proceso tan extenso e intensivo, los dise\u00f1adores de experiencia de usuario no pueden realizar todo esto por s\u00ed solos. O al menos no ser\u00eda eficiente hacerlo. Disponer de un conjunto de herramientas de experiencia de usuario puede ser un verdadero cambio de paradigma en este campo laboral.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-45b752d elementor-widget elementor-widget-menu-anchor\" data-id=\"45b752d\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"que-hace-un-disenador-de-interfaz-de-usuario\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5d1dd19 elementor-widget elementor-widget-heading\" data-id=\"5d1dd19\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u00bfQu\u00e9 hace un dise\u00f1ador de interfaz de usuario?\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e35ef1f elementor-widget elementor-widget-text-editor\" data-id=\"e35ef1f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>No cabe duda de que la usabilidad y la utilidad de un sitio web son importantes para sus usuarios. Pero no es solo la experiencia de navegar o utilizar un sitio web lo que influye en las tasas de conversi\u00f3n y abandono del sitio. <\/p>\n<p>La apariencia tambi\u00e9n es un factor relevante. <\/p>\n<p>Esto se demuestra mediante un principio de dise\u00f1o web denominado <a href=\"https:\/\/www.nngroup.com\/articles\/aesthetic-usability-effect\/\" target=\"_blank\" rel=\"noopener\">Efecto Est\u00e9tico-Usabilidad<\/a>. B\u00e1sicamente, los usuarios creen que las interfaces atractivas funcionan mejor que las que no lo son. <\/p>\n<p>Por lo tanto, el dise\u00f1o de la interfaz de usuario desempe\u00f1a un papel importante en la consolidaci\u00f3n de esa primera impresi\u00f3n <em>y<\/em> en conseguir que los usuarios se adentren en la experiencia real que el dise\u00f1ador de experiencia de usuario ha trabajado tan incansablemente para crear. <\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b74be65 elementor-widget elementor-widget-heading\" data-id=\"b74be65\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Objetivos<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d1c1b70 elementor-widget elementor-widget-text-editor\" data-id=\"d1c1b70\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Los dise\u00f1adores de interfaz de usuario tienen varios objetivos: <\/p>\n<ul>\n<li>Crear interfaces que capten con precisi\u00f3n la personalidad, la voz y los valores de la marca<\/li>\n<li>Crear interfaces est\u00e9ticamente agradables que provoquen una respuesta positiva en el usuario<\/li>\n<li>Dise\u00f1ar interfaces e interacciones que maximicen las conversiones<\/li>\n<\/ul>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d33c05c elementor-widget elementor-widget-heading\" data-id=\"d33c05c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Responsabilidades principales\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-baf00d8 elementor-widget elementor-widget-text-editor\" data-id=\"baf00d8\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Los dise\u00f1adores de interfaz de usuario se centran en lo que el visitante ve en un sitio web, hasta el m\u00e1s m\u00ednimo detalle. Tambi\u00e9n son responsables de dise\u00f1ar las interacciones que mantienen a los usuarios comprometidos con el contenido y fluyendo sin esfuerzo de una p\u00e1gina a otra. <\/p>\n<p>Examinemos sus responsabilidades: <\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9f3dab1 elementor-widget elementor-widget-heading\" data-id=\"9f3dab1\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Investigaci\u00f3n<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-81cacd4 elementor-widget elementor-widget-text-editor\" data-id=\"81cacd4\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Los dise\u00f1adores de interfaz de usuario comienzan con una s\u00f3lida ronda de investigaci\u00f3n. Aunque parte de ella implica el an\u00e1lisis de usuarios (si el cliente tiene un sitio web existente), hay otras investigaciones involucradas. <\/p>\n<p>Los dise\u00f1adores de interfaz de usuario realizan <strong>investigaci\u00f3n competitiva<\/strong> para averiguar qu\u00e9 est\u00e1n haciendo las empresas l\u00edderes en el sector con sus sitios web, as\u00ed como para ver c\u00f3mo son y c\u00f3mo funcionan. <\/p>\n<p>Tambi\u00e9n realizan <strong>investigaci\u00f3n de dise\u00f1o<\/strong>. Si bien la originalidad y la memorabilidad son importantes en el dise\u00f1o de la interfaz de usuario, tambi\u00e9n lo es la confianza de los usuarios con la interfaz. Y desviarse demasiado de las normas puede ser sumamente problem\u00e1tico para muchos sitios web. <\/p>\n<p>Gran parte de esto lo sabr\u00e1n de memoria, como cu\u00e1les son las <a href=\"https:\/\/elementor.com\/blog\/web-design-trends\/\" target=\"_blank\" rel=\"noopener\">\u00faltimas tendencias en dise\u00f1o web<\/a> y qu\u00e9 dictan las normas web actuales en cuanto a dise\u00f1o responsivo, accesibilidad y est\u00e1ndares de codificaci\u00f3n. Pero tambi\u00e9n puede que necesiten ponerse al d\u00eda sobre las tendencias dentro de su industria o nicho.<\/p>\n<p>La psicolog\u00eda tambi\u00e9n juega un papel importante en el dise\u00f1o de la interfaz de usuario, por lo que los dise\u00f1adores de interfaz de usuario deber\u00e1n repasar <a href=\"https:\/\/elementor.com\/blog\/principles-of-website-design\/\">los principios del dise\u00f1o de sitios web<\/a> as\u00ed como <strong>la psicolog\u00eda del usuario<\/strong> para asegurarse de que sus dise\u00f1os pulsen los botones emocionales correctos. <\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a852f73 elementor-widget elementor-widget-heading\" data-id=\"a852f73\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Identidad de marca\n<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d663eea elementor-widget elementor-widget-text-editor\" data-id=\"d663eea\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>El desarrollo de la identidad de marca no se trata solo del <a href=\"https:\/\/elementor.com\/blog\/how-to-design-logo\/\" target=\"_blank\" rel=\"noopener\">dise\u00f1o del logotipo<\/a>, aunque los dise\u00f1adores de interfaz de usuario tambi\u00e9n pueden necesitar ayudar a los clientes con esto. <\/p>\n<p>El proceso de desarrollo de la identidad visual de una marca consiste en estrategizar c\u00f3mo se ver\u00e1 la marca de un sitio web y asegurarse de que env\u00ede las se\u00f1ales correctas a su p\u00fablico objetivo. <\/p>\n<p>Por lo tanto, los dise\u00f1adores de interfaz de usuario primero deber\u00e1n determinar cu\u00e1l es la personalidad y el estilo visual de la marca. Luego, definir\u00e1n la <a href=\"https:\/\/elementor.com\/blog\/brand-imagery\/\" target=\"_blank\" rel=\"noopener\">imagen de marca<\/a> que los acompa\u00f1a: elementos como la paleta de colores, la tipograf\u00eda, las im\u00e1genes, la iconograf\u00eda, los patrones y m\u00e1s.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-57ef8ce elementor-widget elementor-widget-heading\" data-id=\"57ef8ce\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Gu\u00edas de estilo\/Sistemas de dise\u00f1o\n<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-40c8ce2 elementor-widget elementor-widget-text-editor\" data-id=\"40c8ce2\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Una vez que se ha definido la identidad visual, los dise\u00f1adores de interfaz de usuario crean una <a href=\"https:\/\/elementor.com\/blog\/style-guide-examples\/\" target=\"_blank\" rel=\"noopener\">gu\u00eda de estilo<\/a> y\/o un <a href=\"https:\/\/elementor.com\/blog\/design-system\/\" target=\"_blank\" rel=\"noopener\">sistema de dise\u00f1o<\/a> para documentar la estrategia. <\/p>\n<p>Una gu\u00eda de estilo es imprescindible independientemente del tipo de sitio web que construya. Un sistema de dise\u00f1o, por otro lado, es m\u00e1s adecuado para sitios web m\u00e1s grandes y aquellos que requieren mantenimiento y actualizaciones continuas. <\/p>\n<p>No importa si est\u00e1 trabajando como dise\u00f1ador de experiencia de usuario e interfaz de usuario de forma independiente. Una gu\u00eda de estilo es \u00fatil por varias razones: <\/p>\n<ul>\n<li>Es un plan de acci\u00f3n documentado que le ayudar\u00e1 a mantenerse en el camino correcto con el sitio web que est\u00e1 construyendo <\/li>\n<li>Puede compartirse con otros colaboradores para garantizar que sean consistentes con los estilos que ha establecido<\/li>\n<li>Facilitar\u00e1 futuras actualizaciones o redise\u00f1os del sitio web, ya que no tendr\u00e1 que reinventar la rueda<\/li>\n<\/ul>\n<p>Aqu\u00ed hay un ejemplo de c\u00f3mo se ve una gu\u00eda de estilo: <\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-74bb4a6 elementor-widget elementor-widget-image\" data-id=\"74bb4a6\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t<figure class=\"wp-caption\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"451\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=451\/blog\/wp-content\/uploads\/2020\/12\/spotify-style-guide-1024x577.png\" class=\"attachment-large size-large wp-image-45431\" alt=\"spotify-style-guide\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2020\/12\/spotify-style-guide-1024x577.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2020\/12\/spotify-style-guide-300x169.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2020\/12\/spotify-style-guide-768x432.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1536\/blog\/wp-content\/uploads\/2020\/12\/spotify-style-guide-1536x865.png 1536w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1918\/blog\/wp-content\/uploads\/2020\/12\/spotify-style-guide.png 1918w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t<figcaption class=\"widget-image-caption wp-caption-text\">La gu\u00eda de estilo de Spotify<\/figcaption>\n\t\t\t\t\t\t\t\t\t\t<\/figure>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-491f271 elementor-widget elementor-widget-text-editor\" data-id=\"491f271\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Un sistema de dise\u00f1o llevar\u00e1 las cosas m\u00e1s all\u00e1. Dentro de su sistema de dise\u00f1o, un dise\u00f1ador de UI definir\u00e1 todos esos estilos, pero tambi\u00e9n guardar\u00e1 sus componentes en una biblioteca, lo que nuevamente reducir\u00e1 el tiempo de dise\u00f1o\/redise\u00f1o futuro. Los sistemas de dise\u00f1o tambi\u00e9n resumen los objetivos del proyecto, los valores de la marca y c\u00f3mo el sitio web los llevar\u00e1 a cabo. <\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-243c1505 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"243c1505\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-37a6b1b1\" data-id=\"37a6b1b1\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2984c111 elementor-align-center elementor-widget__width-auto elementor-widget elementor-widget-button\" data-id=\"2984c111\" data-element_type=\"widget\" data-gac=\"CTA_Elements\" data-gaa=\"Link\" data-gal=\"Position_Text_CTA\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/elementor.com\/blog\/web-design-style-guide\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-download\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M216 0h80c13.3 0 24 10.7 24 24v168h87.7c17.8 0 26.7 21.5 14.1 34.1L269.7 378.3c-7.5 7.5-19.8 7.5-27.3 0L90.1 226.1c-12.6-12.6-3.7-34.1 14.1-34.1H192V24c0-13.3 10.7-24 24-24zm296 376v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h146.7l49 49c20.1 20.1 52.5 20.1 72.6 0l49-49H488c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Descargue su plantilla de gu\u00eda de estilo gratuita aqu\u00ed<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-74ceab0 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"74ceab0\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-906b1e7\" data-id=\"906b1e7\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7252132 elementor-widget elementor-widget-heading\" data-id=\"7252132\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Maquetas<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-30023fa elementor-widget elementor-widget-text-editor\" data-id=\"30023fa\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>El dise\u00f1ador de UI tomar\u00e1 toda su investigaci\u00f3n y planificaci\u00f3n y la combinar\u00e1 con el trabajo preliminar que el dise\u00f1ador de UX ha realizado. <\/p>\n<p>Los maquetas del sitio web ser\u00e1n representaciones a escala completa, a todo color y completas de c\u00f3mo se ver\u00e1 cada p\u00e1gina web en el producto final. <\/p>\n<p>Sin embargo, los dise\u00f1adores de UI no solo est\u00e1n llenando los detalles visuales. Tambi\u00e9n necesitan lidiar con cosas como: <\/p>\n<ul>\n<li><a href=\"https:\/\/elementor.com\/blog\/white-space-web-design\/\" target=\"_blank\" rel=\"noopener\"><strong>Espacio en blanco<\/strong><\/a> y c\u00f3mo lo van a usar para mejorar la usabilidad y la legibilidad<\/li>\n<li><a href=\"https:\/\/elementor.com\/blog\/website-layout-design\/\" target=\"_blank\" rel=\"noopener\"><strong>Jerarqu\u00eda<\/strong><\/a> para que puedan crear \u00e1reas de enfoque obvias mientras gu\u00edan efectivamente a los visitantes a trav\u00e9s del contenido<\/li>\n<li><a href=\"https:\/\/elementor.com\/blog\/responsive-web-design-challenges\/\" target=\"_blank\" rel=\"noopener\"><strong>Dise\u00f1o responsivo<\/strong><\/a> y c\u00f3mo se ver\u00e1n las p\u00e1ginas web en diferentes dispositivos y navegadores<\/li>\n<li><a href=\"https:\/\/elementor.com\/blog\/introducing-motion-effects\/\" target=\"_blank\" rel=\"noopener\"><strong>Interacciones y animaciones<\/strong><\/a> en \u00e1reas cr\u00edticas de cada p\u00e1gina web<\/li>\n<li><a href=\"https:\/\/elementor.com\/blog\/web-accessibility-design-guide\/\" target=\"_blank\" rel=\"noopener\"><strong>Accesibilidad<\/strong><\/a> para que cada visitante pueda ver y acceder al contenido sin problemas<\/li>\n<\/ul>\n<p>Los dise\u00f1adores de UI tienen la opci\u00f3n de c\u00f3mo dise\u00f1ar estas maquetas. <\/p>\n<p>Pueden construirlas utilizando software de dise\u00f1o o de maquetas de la misma manera que los dise\u00f1adores de UX hacen con los wireframes. O pueden dise\u00f1ar sus maquetas directamente en Elementor, lo cual ser\u00e1 f\u00e1cil de hacer si los wireframes ya est\u00e1n all\u00ed. Tambi\u00e9n har\u00e1 que el desarrollo sea m\u00e1s fluido.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-34a4b6e elementor-widget elementor-widget-heading\" data-id=\"34a4b6e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Pruebas A\/B\n<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-41c6e08 elementor-widget elementor-widget-text-editor\" data-id=\"41c6e08\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>As\u00ed como el trabajo de un dise\u00f1ador de UX nunca termina, lo mismo ocurre con los dise\u00f1adores de UI. <\/p>\n<p>Una vez que el sitio web est\u00e9 en vivo, los dise\u00f1adores de UI deben vigilar las anal\u00edticas de tr\u00e1fico del sitio web para ver si hay fricciones potenciales que impidan a los visitantes convertir. Tambi\u00e9n pueden colaborar con los dise\u00f1adores de UX para ejecutar mapas de calor y grabaciones de sesiones en el sitio para ver si pueden detectar obst\u00e1culos de UI en tiempo real. <\/p>\n<p>Pero en lugar de implementar una soluci\u00f3n permanente basada en estas observaciones. Un dise\u00f1ador de UI formar\u00e1 una hip\u00f3tesis sobre el problema, como \u201cel bot\u00f3n de CTA est\u00e1 demasiado abajo en la p\u00e1gina\u201d, y luego realizar\u00e1 una prueba A (control) y B (variable) para ver si un dise\u00f1o alternativo funciona mejor. <\/p>\n<p>Real\u00edsticamente, el dise\u00f1ador de UI podr\u00eda <a href=\"https:\/\/elementor.com\/blog\/a-b-testing\/\" target=\"_blank\" rel=\"noopener\">realizar pruebas A\/B<\/a> durante toda la vida de un sitio web. No solo son \u00fatiles para resolver problemas de dise\u00f1o visual, sino tambi\u00e9n para mejorar la apariencia y la sensaci\u00f3n general del sitio web.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bd94d19 elementor-widget elementor-widget-heading\" data-id=\"bd94d19\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Herramientas de Dise\u00f1o UI\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a34184b elementor-widget elementor-widget-text-editor\" data-id=\"a34184b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Aqu\u00ed hay algunas de las herramientas comunes que utilizar\u00e1 un dise\u00f1ador de UI: <\/p>\n<ul>\n<li>Recursos de organizaci\u00f3n de dise\u00f1o web como el <a href=\"https:\/\/www.nngroup.com\/articles\/\" target=\"_blank\" rel=\"noopener\">blog de Nielsen Norman Group<\/a><\/li>\n<li><a href=\"https:\/\/www.w3.org\/standards\/webdesign\/\" target=\"_blank\" rel=\"noopener\">World Wide Web Consortium<\/a> para los \u00faltimos est\u00e1ndares web, tecnolog\u00eda y tendencias<\/li>\n<li>Herramientas de desarrollo de gu\u00edas de marca como <a href=\"https:\/\/www.frontify.com\/\" target=\"_blank\" rel=\"noopener\">Frontify<\/a><\/li>\n<li>Kits de UI como los que se encuentran en <a href=\"https:\/\/ui8.net\/\" target=\"_blank\" rel=\"noopener\">UI8<\/a><\/li>\n<li>Plantillas de maquetas como las que se encuentran en la <a href=\"https:\/\/elementor.com\/library\/\" target=\"_blank\" rel=\"noopener\">biblioteca de plantillas de Elementor<\/a><\/li>\n<li>Software de dise\u00f1o como <a href=\"https:\/\/www.sketch.com\/\" target=\"_blank\" rel=\"noopener\">Sketch<\/a><\/li>\n<li>Un sistema de gesti\u00f3n de contenido como <a href=\"https:\/\/wordpress.org\/\" target=\"_blank\" rel=\"noopener\">WordPress<\/a><\/li>\n<li>Herramientas de an\u00e1lisis como <a href=\"https:\/\/analytics.google.com\/analytics\/web\/\" target=\"_blank\" rel=\"noopener\">Google Analytics<\/a><\/li>\n<\/ul>\n<p>Los dise\u00f1adores de UI son pr\u00e1cticos cuando se trata de dise\u00f1o, por lo que la mayor\u00eda de su caja de herramientas debe consistir en herramientas de dise\u00f1o que conocen bien y en las que conf\u00edan. <\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7c77249 elementor-widget elementor-widget-menu-anchor\" data-id=\"7c77249\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"cmo-hacer-diseo-ux\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f1e161f elementor-widget elementor-widget-heading\" data-id=\"f1e161f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u00bfC\u00f3mo Trabajan Juntos el Dise\u00f1o UX y el Dise\u00f1o UI?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-74b14bb elementor-widget elementor-widget-text-editor\" data-id=\"74b14bb\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Al observar las diferencias entre UI y UX, podr\u00eda pensar que no hay mucho solapamiento entre los dos roles. Pero s\u00ed lo hay. <\/p>\n<p>Los dise\u00f1adores de UX no pueden trabajar en aislamiento y luego entregar sus mapas del sitio y wireframes al dise\u00f1ador de UI o desarrollador cuando hayan terminado. O viceversa. <\/p>\n<p>Aunque cada funci\u00f3n \u2014 dise\u00f1ador de UX, dise\u00f1ador de UI e incluso <a href=\"https:\/\/elementor.com\/blog\/web-designer-vs-web-developer\/\" target=\"_blank\" rel=\"noopener\">el desarrollador web<\/a> \u2014 trabaje en diferentes aspectos y en distintas etapas del proyecto, es imperativo que exista colaboraci\u00f3n a lo largo de todo el proceso. <\/p>\n<p>En primera instancia, <strong>esto garantiza la coherencia<\/strong> en c\u00f3mo se dise\u00f1a el sitio web, c\u00f3mo se redacta el contenido y, en \u00faltima instancia, c\u00f3mo se ejecuta todo al final. <\/p>\n<p>Tambi\u00e9n est\u00e1 el asunto de <strong>la recopilaci\u00f3n de informaci\u00f3n<\/strong>. Lo que el dise\u00f1ador de UX aprende sobre los usuarios, la competencia y la industria no deber\u00eda permanecer como un secreto comercial. Lo mismo se aplica a lo que el dise\u00f1ador de UI comprende sobre las tendencias y est\u00e1ndares del dise\u00f1o web. O, en ese sentido, lo que <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/what-does-a-web-developer-do\/\" title=\"desarrollador web\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"4222\">el desarrollador web<\/a> conoce sobre las capacidades de codificaci\u00f3n. <\/p>\n<p>Lo que un dise\u00f1ador tiene en mente para el sitio web podr\u00eda no alinearse con los principios probados y verdaderos del dise\u00f1o web, o el desarrollador podr\u00eda no ser capaz de ejecutar impecablemente lo que se hab\u00eda previsto. Una colaboraci\u00f3n estrecha asegurar\u00e1 que nunca sea necesario volver a la fase de planificaci\u00f3n.<\/p>\n<p>Tambi\u00e9n se debe <strong>considerar la transferencia<\/strong>. <\/p>\n<p>Usualmente, el dise\u00f1ador de UX transfiere su investigaci\u00f3n y trabajo al dise\u00f1ador de UI y al desarrollador web. Y el dise\u00f1ador de UI transfiere sus maquetas al desarrollador web. Estos tres profesionales trabajan con herramientas diferentes y utilizan un \u00ablenguaje\u00bb de dise\u00f1o distinto. <\/p>\n<p>Sin una colaboraci\u00f3n estrecha, una buena comunicaci\u00f3n y un sistema s\u00f3lido de transferencia, las cosas podr\u00edan complicarse a medida que el sitio web cambia de manos. <\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f34c2f9 elementor-widget elementor-widget-menu-anchor\" data-id=\"f34c2f9\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"como-empezar\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d1fc82b elementor-widget elementor-widget-heading\" data-id=\"d1fc82b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">C\u00f3mo Iniciarse como Dise\u00f1ador de UI o UX\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2542360 elementor-widget elementor-widget-text-editor\" data-id=\"2542360\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>He aqu\u00ed lo que necesita saber para comenzar como dise\u00f1ador de UI vs. UX:<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-41e9756 elementor-widget elementor-widget-heading\" data-id=\"41e9756\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Habilidades <\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5180a66 elementor-widget elementor-widget-text-editor\" data-id=\"5180a66\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Habr\u00e1 cierta superposici\u00f3n entre los dise\u00f1adores de UI y UX en lo que respecta a las habilidades interpersonales. Aspectos como:<\/p>\n<ul>\n<li>Creatividad<\/li>\n<li>Organizaci\u00f3n<\/li>\n<li>Colaboraci\u00f3n<\/li>\n<li>Resoluci\u00f3n de problemas<\/li>\n<li>Adaptabilidad <\/li>\n<\/ul>\n<p>Sin embargo, debido a las diferentes tareas que realizan y los objetivos hacia los que trabajan, los dise\u00f1adores de UI y UX necesitar\u00e1n, en su mayor\u00eda, conjuntos de habilidades diferentes. <\/p>\n<table>\n<tbody>\n<tr>\n<td>\n<p><b>Dise\u00f1adores UX<\/b><\/p>\n<\/td>\n<td>\n<p><b>Dise\u00f1adores UI<\/b><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p><span style=\"font-weight: 400\">Pensamiento cr\u00edtico<\/span><\/p>\n<\/td>\n<td>\n<p><span style=\"font-weight: 400\">Pensamiento creativo<\/span><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p><span style=\"font-weight: 400\">Investigaci\u00f3n de usuarios, industria y competencia<\/span><\/p>\n<\/td>\n<td>\n<p><span style=\"font-weight: 400\">Principios y est\u00e1ndares del dise\u00f1o web<\/span><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p><span style=\"font-weight: 400\">Coordinaci\u00f3n de proyectos<\/span><\/p>\n<\/td>\n<td>\n<p><span style=\"font-weight: 400\">Psicolog\u00eda humana<\/span><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p><span style=\"font-weight: 400\">An\u00e1lisis<\/span><\/p>\n<\/td>\n<td>\n<p><span style=\"font-weight: 400\">Dise\u00f1o visual<\/span><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p><span style=\"font-weight: 400\">Estrategia y planificaci\u00f3n<\/span><\/p>\n<\/td>\n<td>\n<p><span style=\"font-weight: 400\">Dise\u00f1o responsivo<\/span><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p><span style=\"font-weight: 400\">Creaci\u00f3n de wireframes<\/span><\/p>\n<\/td>\n<td>\n<p><span style=\"font-weight: 400\">Marca<\/span><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p><span style=\"font-weight: 400\">Arquitectura de la informaci\u00f3n<\/span><\/p>\n<\/td>\n<td>\n<p><span style=\"font-weight: 400\">Dise\u00f1o de interacci\u00f3n<\/span><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<p><span style=\"font-weight: 400\">Pruebas e iteraci\u00f3n<\/span><\/p>\n<\/td>\n<td>\n<p><span style=\"font-weight: 400\">HTML5 y CSS3<\/span><\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f925fe9 elementor-widget elementor-widget-heading\" data-id=\"f925fe9\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Educaci\u00f3n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-19cd6b7 elementor-widget elementor-widget-text-editor\" data-id=\"19cd6b7\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>No se requiere una educaci\u00f3n formal en dise\u00f1o para convertirse en dise\u00f1ador de UX o dise\u00f1ador de UI. Dicho esto, dado que estos son nichos altamente especializados del dise\u00f1o web y es probable que se le pague m\u00e1s dinero que a alguien que se denomina a s\u00ed mismo \u00abdise\u00f1ador web\u00bb, es aconsejable obtener una certificaci\u00f3n. <\/p>\n<p>La buena noticia es que hay una gran cantidad de recursos en l\u00ednea donde puede realizar su formaci\u00f3n certificada (y no certificada) en UX o UI: <\/p>\n<p><a href=\"https:\/\/www.interaction-design.org\/courses\" target=\"_blank\" rel=\"noopener\">Interaction Design Foundation<\/a> es un buen recurso para comenzar. Tambi\u00e9n podemos recomendar esta lista de los <a class=\"c-link\" href=\"https:\/\/blog.uxtweak.com\/best-ux-resources\/\" target=\"_blank\" rel=\"noopener noreferrer\" data-stringify-link=\"https:\/\/blog.uxtweak.com\/best-ux-resources\/\" data-sk=\"tooltip_parent\" data-remove-tab-index=\"true\">Mejores recursos de UX<\/a> para aprender m\u00e1s sobre el tema.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-583d937 elementor-widget elementor-widget-image\" data-id=\"583d937\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"395\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720,h=395\/blog\/wp-content\/uploads\/2021\/09\/4-interaction-design-foundation-courses.png\" class=\"attachment-large size-large wp-image-77756\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720\/blog\/wp-content\/uploads\/2021\/09\/4-interaction-design-foundation-courses.png 720w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/09\/4-interaction-design-foundation-courses-300x165.png 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4f33261 elementor-widget elementor-widget-text-editor\" data-id=\"4f33261\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Aunque etiquetan sus cursos como \u00abCursos de Experiencia de Usuario\u00bb, cubren una amplia gama de temas. La psicolog\u00eda de la Gestalt y el dise\u00f1o de interacci\u00f3n, por ejemplo, son buenas opciones para los dise\u00f1adores de UI en formaci\u00f3n.<\/p>\n<p><a href=\"https:\/\/www.coursera.org\/specializations\/ui-ux-design\" target=\"_blank\" rel=\"noopener\">Coursera<\/a> es otro excelente recurso de formaci\u00f3n. A diferencia de IDF, puede tomar cursos y obtener certificaciones de una variedad de proveedores diferentes. Como Google: <\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-11946c0 elementor-widget elementor-widget-image\" data-id=\"11946c0\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"395\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720,h=395\/blog\/wp-content\/uploads\/2021\/09\/5-coursera-google-uxdesign-course.png\" class=\"attachment-large size-large wp-image-77757\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720\/blog\/wp-content\/uploads\/2021\/09\/5-coursera-google-uxdesign-course.png 720w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/09\/5-coursera-google-uxdesign-course-300x165.png 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4a71511 elementor-widget elementor-widget-text-editor\" data-id=\"4a71511\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><a href=\"https:\/\/www.nngroup.com\/ux-certification\/\" target=\"_blank\" rel=\"noopener\">Nielsen Norman Group<\/a> y <a href=\"https:\/\/www.springboard.com\/courses\/ux-career-track\/\" target=\"_blank\" rel=\"noopener\">Springboard<\/a> tambi\u00e9n ofrecen programas de certificaci\u00f3n en dise\u00f1o UX. Y <a href=\"https:\/\/careerfoundry.com\/en\/courses\/become-a-ui-designer\/\" target=\"_blank\" rel=\"noopener\">CareerFoundry<\/a> y <a href=\"https:\/\/generalassemb.ly\/education\/visual-design-remote-online\" target=\"_blank\" rel=\"noopener\">General Assembly<\/a> ofrecen programas de certificaci\u00f3n en dise\u00f1o UI. <\/p>\n<p>No solo saldr\u00e1 de estos programas con un certificado en mano, sino que tambi\u00e9n tendr\u00e1 formaci\u00f3n pr\u00e1ctica adem\u00e1s de algunos ejemplos sorprendentes para llenar su portafolio profesional. No pasar\u00e1 mucho tiempo antes de que comience a <a href=\"https:\/\/elementor.com\/blog\/get-web-design-clients\/\">obtener clientes de dise\u00f1o web<\/a> que supliquen trabajar con usted. <\/p>\n<p>Solo recuerde mantenerse al d\u00eda con su educaci\u00f3n en dise\u00f1o, tanto dentro de su especialidad como m\u00e1s all\u00e1 de ella. Los <a href=\"https:\/\/elementor.com\/blog\/best-web-design-books\/\" target=\"_blank\" rel=\"noopener\">libros de dise\u00f1o web<\/a> y <a href=\"https:\/\/elementor.com\/blog\/best-online-web-design-courses\/\" target=\"_blank\" rel=\"noopener\">cursos en l\u00ednea<\/a> (gratuitos y de pago) le ayudar\u00e1n a mantener sus habilidades actualizadas y competitivas.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d6d8551 elementor-widget elementor-widget-heading\" data-id=\"d6d8551\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Perspectivas Laborales\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e08e12e elementor-widget elementor-widget-text-editor\" data-id=\"e08e12e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Los dise\u00f1adores de UI y UX est\u00e1n en alta demanda. <\/p>\n<p>Seg\u00fan el <a href=\"https:\/\/www.invisionapp.com\/hiring-report\" target=\"_blank\" rel=\"noopener\">Informe de Contrataci\u00f3n de Dise\u00f1o de Productos de 2019 de InVision<\/a>:<\/p>\n<p>No cabe duda alguna: los dise\u00f1adores de productos est\u00e1n m\u00e1s solicitados que nunca en la actualidad, siendo el puesto de dise\u00f1ador de interfaz de usuario y experiencia de usuario (UI\/UX) calificado como el t\u00edtulo de dise\u00f1o de productos m\u00e1s demandado. De hecho, cuatro de cada cinco (81%) dise\u00f1adores de productos son contactados por reclutadores al menos mensualmente, mientras que uno de cada tres (34%) es contactado semanalmente por reclutadores.<\/p>\n<p>El informe tambi\u00e9n revela que estos son los empleos m\u00e1s demandados en los campos de la interfaz de usuario y la experiencia de usuario. Enf\u00f3quese en la columna de &#8216;Dise\u00f1adores de Productos&#8217;: <\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b467251 elementor-widget elementor-widget-image\" data-id=\"b467251\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"569\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720,h=569\/blog\/wp-content\/uploads\/2021\/09\/6-ui-vs-ux-designer-roles-in-demand.png\" class=\"attachment-large size-large wp-image-77758\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720\/blog\/wp-content\/uploads\/2021\/09\/6-ui-vs-ux-designer-roles-in-demand.png 720w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/09\/6-ui-vs-ux-designer-roles-in-demand-300x237.png 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dceab11 elementor-widget elementor-widget-text-editor\" data-id=\"dceab11\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Como puede observar, se requieren dise\u00f1adores de interfaz de usuario y experiencia de usuario de todos los niveles de experiencia y en diversos tipos de especialidades. <\/p>\n<p>Sin embargo, un aspecto a tener en cuenta es que la creciente demanda de especialistas en UI y UX ha conducido a un auge significativo en t\u00e9rminos de estudiantes y candidatos a puestos de trabajo. Seg\u00fan Colman Walsh, el Director Ejecutivo de <a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/ux-after-covid-19-what-can-we-expect\/\" target=\"_blank\" rel=\"noopener\">the UX Design Institute<\/a>: <\/p>\n<p>&#8216;The UX Design Institute ha experimentado un incremento del 220% en el n\u00famero de estudiantes de abril de 2019 a abril de 2020, lo cual es indicativo del crecimiento m\u00e1s amplio de la industria de UX.&#8217;<\/p>\n<p>La buena noticia es que existe una necesidad creciente de dise\u00f1adores digitales a medida que m\u00e1s y m\u00e1s organizaciones se comprometen con un modelo 100% digital o h\u00edbrido como consecuencia de la pandemia. <\/p>\n<p>No obstante, la competencia ser\u00e1 intensa con nuevos dise\u00f1adores de UX y UI ingresando al campo cada d\u00eda. Por lo tanto, es absolutamente crucial que encuentre una manera de diferenciarse.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9d9267e elementor-widget elementor-widget-heading\" data-id=\"9d9267e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Expectativas Salariales\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bd5109f elementor-widget elementor-widget-text-editor\" data-id=\"bd5109f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Independientemente del <a href=\"https:\/\/elementor.com\/blog\/web-design-niche\/\" target=\"_blank\" rel=\"noopener\">nicho de dise\u00f1o web<\/a> que elija \u2014 UI, UX, o un rol h\u00edbrido \u2014 el potencial para ganar m\u00e1s que los dise\u00f1adores web no especializados es enorme. Mientras que los <a href=\"https:\/\/elementor.com\/blog\/web-designer-salary\/\" target=\"_blank\" rel=\"noopener\">salarios promedio de los dise\u00f1adores web<\/a> rondan los $24\/hora o $51,564\/a\u00f1o, los especialistas tienden a ganar m\u00e1s: <\/p>\n<p>He aqu\u00ed lo que las principales fuentes de empleo informan como las ganancias promedio para dise\u00f1adores de UI, dise\u00f1adores de UX y dise\u00f1adores senior de UX en los Estados Unidos:<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0174704 elementor-widget elementor-widget-image\" data-id=\"0174704\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"772\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=772\/blog\/wp-content\/uploads\/2021\/09\/Shani-08-1024x988.png\" class=\"attachment-large size-large wp-image-77766\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2021\/09\/Shani-08-1024x988.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/09\/Shani-08-300x289.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2021\/09\/Shani-08-768x741.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1536\/blog\/wp-content\/uploads\/2021\/09\/Shani-08-1536x1482.png 1536w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=2048\/blog\/wp-content\/uploads\/2021\/09\/Shani-08-2048x1976.png 2048w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-91c1f25 elementor-widget elementor-widget-text-editor\" data-id=\"91c1f25\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Estos puntos de referencia salariales no son una garant\u00eda de cu\u00e1les ser\u00e1n sus ingresos como dise\u00f1ador de UI o UX. Hay muchos factores que pueden afectar sus ingresos anuales: <\/p>\n<ul>\n<li>Su \u00e1rea de especializaci\u00f3n en dise\u00f1o<\/li>\n<li>Su industria\/nicho<\/li>\n<li>D\u00f3nde reside<\/li>\n<li>Cu\u00e1nto tiempo ha estado trabajando como dise\u00f1ador<\/li>\n<li>Qui\u00e9nes son su empleador o clientes <\/li>\n<li>El tama\u00f1o y la complejidad de los sitios web que construye<\/li>\n<\/ul>\n<p>Nuevamente, el campo del dise\u00f1o se est\u00e1 volviendo cada vez m\u00e1s competitivo gracias a la afluencia de talento en los \u00faltimos a\u00f1os. Si desea que sus ingresos est\u00e9n en el rango superior de estas estimaciones, la certificaci\u00f3n y la formaci\u00f3n y educaci\u00f3n continuas son imprescindibles.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-607108d elementor-widget elementor-widget-menu-anchor\" data-id=\"607108d\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"qu-carrera-seguir\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-31656a4 elementor-widget elementor-widget-heading\" data-id=\"31656a4\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u00bfQu\u00e9 Trayectoria Profesional Deber\u00eda Elegir?\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9076658 elementor-widget elementor-widget-text-editor\" data-id=\"9076658\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Ahora tiene una decisi\u00f3n que tomar. \u00bfDesea convertirse en: <\/p>\n<ul>\n<li>Dise\u00f1ador de UX? <\/li>\n<li>Dise\u00f1ador de UI? <\/li>\n<li>Dise\u00f1ador de UX\/UI? <\/li>\n<\/ul>\n<p>As\u00ed es. No tiene que elegir uno sobre el otro si no lo desea. Hay muchos empleadores en estos d\u00edas que buscan dise\u00f1adores que puedan hacerlo todo. Simplemente realice una b\u00fasqueda en un portal de empleo como <a href=\"https:\/\/www.indeed.com\/\" target=\"_blank\" rel=\"noopener\">Indeed<\/a> para &#8216;dise\u00f1ador de UI&#8217; o &#8216;dise\u00f1ador de UX&#8217; y ver\u00e1 a qu\u00e9 me refiero: <\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e659668 elementor-widget elementor-widget-image\" data-id=\"e659668\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"395\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720,h=395\/blog\/wp-content\/uploads\/2021\/09\/7-indeed-ui-ux-jobs.png\" class=\"attachment-large size-large wp-image-77760\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=720\/blog\/wp-content\/uploads\/2021\/09\/7-indeed-ui-ux-jobs.png 720w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/09\/7-indeed-ui-ux-jobs-300x165.png 300w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-787f4a1 elementor-widget elementor-widget-text-editor\" data-id=\"787f4a1\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Pero la popularidad del trabajo no es lo \u00fanico en lo que debe pensar al elegir su especialidad. Una buena regla general es encontrar algo que se encuentre en su punto \u00f3ptimo:<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fdf4a6c elementor-widget elementor-widget-image\" data-id=\"fdf4a6c\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"445\" src=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=800,h=445\/blog\/wp-content\/uploads\/2021\/09\/Shani-09-1024x569.png\" class=\"attachment-large size-large wp-image-77765\" alt=\"\" srcset=\"https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1024\/blog\/wp-content\/uploads\/2021\/09\/Shani-09-1024x569.png 1024w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=300\/blog\/wp-content\/uploads\/2021\/09\/Shani-09-300x167.png 300w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=768\/blog\/wp-content\/uploads\/2021\/09\/Shani-09-768x427.png 768w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=1536\/blog\/wp-content\/uploads\/2021\/09\/Shani-09-1536x854.png 1536w, https:\/\/elementor.com\/cdn-cgi\/image\/f=auto,w=2048\/blog\/wp-content\/uploads\/2021\/09\/Shani-09-2048x1138.png 2048w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7fee45f elementor-widget elementor-widget-text-editor\" data-id=\"7fee45f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Si a\u00fan no est\u00e1 completamente seguro de en qu\u00e9 \u00e1rea es m\u00e1s h\u00e1bil o apasionado, no hay problema. Para eso est\u00e1n los cursos y tutoriales en l\u00ednea. Pruebe algunas tareas de UX y UI y vea cu\u00e1l se siente m\u00e1s natural y gratificante. <\/p>\n<p>Tambi\u00e9n puede dar un paso atr\u00e1s y considerar c\u00f3mo aborda la web como consumidor. \u00bfQu\u00e9 nota primero? \u00bfQu\u00e9 tan bien se ve un sitio web&#8230; o qu\u00e9 tan f\u00e1cil es de usar? Eso podr\u00eda ser un buen indicador de lo que m\u00e1s le entusiasma sobre el dise\u00f1o web y en qu\u00e9 se destacar\u00e1 m\u00e1s.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u00bfLe interesa convertirse en un especialista en dise\u00f1o web? En este art\u00edculo, examinaremos el dise\u00f1o UX frente al UI, analizaremos las diferencias entre ambas disciplinas y ofreceremos algunos consejos sobre c\u00f3mo elegir la especialidad adecuada.<\/p>\n","protected":false},"author":168447,"featured_media":124805,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[361,301],"tags":[408],"marketing_persona":[47],"marketing_intent":[48],"class_list":["post-124804","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design-es","category-elementor-team-writes-es","tag-construye"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Dise\u00f1o UX vs. UI: \u00bfCu\u00e1l es la diferencia?<\/title>\n<meta name=\"description\" content=\"\u00bfAspira usted a convertirse en un especialista en dise\u00f1o web? Inf\u00f3rmese acerca de las diferencias entre el dise\u00f1o UX y UI &amp; obtenga consejos para ayudarle a elegir la especialidad adecuada para usted.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/blog\/es\/diseno-ux-vs-ui-cual-es-la-diferencia\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Dise\u00f1o UX vs. UI: \u00bfCu\u00e1l es la diferencia?\" \/>\n<meta property=\"og:description\" content=\"\u00bfAspira usted a convertirse en un especialista en dise\u00f1o web? Inf\u00f3rmese acerca de las diferencias entre el dise\u00f1o UX y UI &amp; obtenga consejos para ayudarle a elegir la especialidad adecuada para usted.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/blog\/es\/diseno-ux-vs-ui-cual-es-la-diferencia\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/elemntor\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-09-30T10:49:44+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-28T13:31:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/09\/Shani-01.png\" \/>\n<meta name=\"author\" content=\"Maayan Nuna Lazarovich\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@elemntor\" \/>\n<meta name=\"twitter:site\" content=\"@elemntor\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Maayan Nuna Lazarovich\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"23 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/blog\/es\/diseno-ux-vs-ui-cual-es-la-diferencia\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/es\/diseno-ux-vs-ui-cual-es-la-diferencia\/\"},\"author\":{\"name\":\"Maayan Nuna Lazarovich\",\"@id\":\"https:\/\/elementor.com\/blog\/es\/#\/schema\/person\/1edde2ea9c526578c5de2262881d50c2\"},\"headline\":\"Dise\u00f1o UX vs. UI: \u00bfCu\u00e1l es la diferencia?\",\"datePublished\":\"2021-09-30T10:49:44+00:00\",\"dateModified\":\"2025-12-28T13:31:26+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/es\/diseno-ux-vs-ui-cual-es-la-diferencia\/\"},\"wordCount\":4638,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/es\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/es\/diseno-ux-vs-ui-cual-es-la-diferencia\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/09\/UX-vs-UI-whats-the-difference.png\",\"keywords\":[\"Construye\"],\"articleSection\":[\"Dise\u00f1o\",\"El equipo de Elementor escribe\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/elementor.com\/blog\/es\/diseno-ux-vs-ui-cual-es-la-diferencia\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/blog\/es\/diseno-ux-vs-ui-cual-es-la-diferencia\/\",\"url\":\"https:\/\/elementor.com\/blog\/es\/diseno-ux-vs-ui-cual-es-la-diferencia\/\",\"name\":\"Dise\u00f1o UX vs. UI: \u00bfCu\u00e1l es la diferencia?\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/es\/diseno-ux-vs-ui-cual-es-la-diferencia\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/es\/diseno-ux-vs-ui-cual-es-la-diferencia\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/09\/UX-vs-UI-whats-the-difference.png\",\"datePublished\":\"2021-09-30T10:49:44+00:00\",\"dateModified\":\"2025-12-28T13:31:26+00:00\",\"description\":\"\u00bfAspira usted a convertirse en un especialista en dise\u00f1o web? Inf\u00f3rmese acerca de las diferencias entre el dise\u00f1o UX y UI & obtenga consejos para ayudarle a elegir la especialidad adecuada para usted.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/blog\/es\/diseno-ux-vs-ui-cual-es-la-diferencia\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/blog\/es\/diseno-ux-vs-ui-cual-es-la-diferencia\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/elementor.com\/blog\/es\/diseno-ux-vs-ui-cual-es-la-diferencia\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/09\/UX-vs-UI-whats-the-difference.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/09\/UX-vs-UI-whats-the-difference.png\",\"width\":5001,\"height\":2626},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/blog\/es\/diseno-ux-vs-ui-cual-es-la-diferencia\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/elementor.com\/blog\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Dise\u00f1o\",\"item\":\"https:\/\/elementor.com\/blog\/es\/category\/design-es\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Dise\u00f1o UX vs. UI: \u00bfCu\u00e1l es la diferencia?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/blog\/es\/#website\",\"url\":\"https:\/\/elementor.com\/blog\/es\/\",\"name\":\"Elementor\",\"description\":\"Website Builder for WordPress\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/es\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/blog\/es\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/blog\/es\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/blog\/es\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/elementor.com\/blog\/es\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/es\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/elemntor\/\",\"https:\/\/x.com\/elemntor\",\"https:\/\/www.instagram.com\/elementor\/\",\"https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1\",\"https:\/\/en.wikipedia.org\/wiki\/Elementor\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/blog\/es\/#\/schema\/person\/1edde2ea9c526578c5de2262881d50c2\",\"name\":\"Maayan Nuna Lazarovich\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/elementor.com\/blog\/es\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/57ba56e5aa7b3f185dfab027260e74805c68a83e6375c8a2772d968cf4c6da62?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/57ba56e5aa7b3f185dfab027260e74805c68a83e6375c8a2772d968cf4c6da62?s=96&d=mm&r=g\",\"caption\":\"Maayan Nuna Lazarovich\"},\"description\":\"Maayan is the Kits Library Team Leader at Elementor, with an impressive track record in UI and UX design. Maayan is a cat lover and a foodie and she would never miss a chance to eat at a cool restaurant!\",\"url\":\"https:\/\/elementor.com\/blog\/es\/author\/lazarovich\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Dise\u00f1o UX vs. UI: \u00bfCu\u00e1l es la diferencia?","description":"\u00bfAspira usted a convertirse en un especialista en dise\u00f1o web? Inf\u00f3rmese acerca de las diferencias entre el dise\u00f1o UX y UI & obtenga consejos para ayudarle a elegir la especialidad adecuada para usted.","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:\/\/elementor.com\/blog\/es\/diseno-ux-vs-ui-cual-es-la-diferencia\/","og_locale":"es_ES","og_type":"article","og_title":"Dise\u00f1o UX vs. UI: \u00bfCu\u00e1l es la diferencia?","og_description":"\u00bfAspira usted a convertirse en un especialista en dise\u00f1o web? Inf\u00f3rmese acerca de las diferencias entre el dise\u00f1o UX y UI & obtenga consejos para ayudarle a elegir la especialidad adecuada para usted.","og_url":"https:\/\/elementor.com\/blog\/es\/diseno-ux-vs-ui-cual-es-la-diferencia\/","og_site_name":"Blog","article_publisher":"https:\/\/www.facebook.com\/elemntor\/","article_published_time":"2021-09-30T10:49:44+00:00","article_modified_time":"2025-12-28T13:31:26+00:00","og_image":[{"url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/09\/Shani-01.png","type":"","width":"","height":""}],"author":"Maayan Nuna Lazarovich","twitter_card":"summary_large_image","twitter_creator":"@elemntor","twitter_site":"@elemntor","twitter_misc":{"Escrito por":"Maayan Nuna Lazarovich","Tiempo de lectura":"23 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/blog\/es\/diseno-ux-vs-ui-cual-es-la-diferencia\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/es\/diseno-ux-vs-ui-cual-es-la-diferencia\/"},"author":{"name":"Maayan Nuna Lazarovich","@id":"https:\/\/elementor.com\/blog\/es\/#\/schema\/person\/1edde2ea9c526578c5de2262881d50c2"},"headline":"Dise\u00f1o UX vs. UI: \u00bfCu\u00e1l es la diferencia?","datePublished":"2021-09-30T10:49:44+00:00","dateModified":"2025-12-28T13:31:26+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/blog\/es\/diseno-ux-vs-ui-cual-es-la-diferencia\/"},"wordCount":4638,"commentCount":0,"publisher":{"@id":"https:\/\/elementor.com\/blog\/es\/#organization"},"image":{"@id":"https:\/\/elementor.com\/blog\/es\/diseno-ux-vs-ui-cual-es-la-diferencia\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/09\/UX-vs-UI-whats-the-difference.png","keywords":["Construye"],"articleSection":["Dise\u00f1o","El equipo de Elementor escribe"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/elementor.com\/blog\/es\/diseno-ux-vs-ui-cual-es-la-diferencia\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/elementor.com\/blog\/es\/diseno-ux-vs-ui-cual-es-la-diferencia\/","url":"https:\/\/elementor.com\/blog\/es\/diseno-ux-vs-ui-cual-es-la-diferencia\/","name":"Dise\u00f1o UX vs. UI: \u00bfCu\u00e1l es la diferencia?","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/blog\/es\/diseno-ux-vs-ui-cual-es-la-diferencia\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/blog\/es\/diseno-ux-vs-ui-cual-es-la-diferencia\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/09\/UX-vs-UI-whats-the-difference.png","datePublished":"2021-09-30T10:49:44+00:00","dateModified":"2025-12-28T13:31:26+00:00","description":"\u00bfAspira usted a convertirse en un especialista en dise\u00f1o web? Inf\u00f3rmese acerca de las diferencias entre el dise\u00f1o UX y UI & obtenga consejos para ayudarle a elegir la especialidad adecuada para usted.","breadcrumb":{"@id":"https:\/\/elementor.com\/blog\/es\/diseno-ux-vs-ui-cual-es-la-diferencia\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/blog\/es\/diseno-ux-vs-ui-cual-es-la-diferencia\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/elementor.com\/blog\/es\/diseno-ux-vs-ui-cual-es-la-diferencia\/#primaryimage","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/09\/UX-vs-UI-whats-the-difference.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2021\/09\/UX-vs-UI-whats-the-difference.png","width":5001,"height":2626},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/blog\/es\/diseno-ux-vs-ui-cual-es-la-diferencia\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/elementor.com\/blog\/es\/"},{"@type":"ListItem","position":2,"name":"Dise\u00f1o","item":"https:\/\/elementor.com\/blog\/es\/category\/design-es\/"},{"@type":"ListItem","position":3,"name":"Dise\u00f1o UX vs. UI: \u00bfCu\u00e1l es la diferencia?"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/blog\/es\/#website","url":"https:\/\/elementor.com\/blog\/es\/","name":"Elementor","description":"Website Builder for WordPress","publisher":{"@id":"https:\/\/elementor.com\/blog\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/blog\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/elementor.com\/blog\/es\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/blog\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/elementor.com\/blog\/es\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/blog\/es\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/elemntor\/","https:\/\/x.com\/elemntor","https:\/\/www.instagram.com\/elementor\/","https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1","https:\/\/en.wikipedia.org\/wiki\/Elementor"]},{"@type":"Person","@id":"https:\/\/elementor.com\/blog\/es\/#\/schema\/person\/1edde2ea9c526578c5de2262881d50c2","name":"Maayan Nuna Lazarovich","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/elementor.com\/blog\/es\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/57ba56e5aa7b3f185dfab027260e74805c68a83e6375c8a2772d968cf4c6da62?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/57ba56e5aa7b3f185dfab027260e74805c68a83e6375c8a2772d968cf4c6da62?s=96&d=mm&r=g","caption":"Maayan Nuna Lazarovich"},"description":"Maayan is the Kits Library Team Leader at Elementor, with an impressive track record in UI and UX design. Maayan is a cat lover and a foodie and she would never miss a chance to eat at a cool restaurant!","url":"https:\/\/elementor.com\/blog\/es\/author\/lazarovich\/"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/blog\/es\/wp-json\/wp\/v2\/posts\/124804","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/blog\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/blog\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/es\/wp-json\/wp\/v2\/users\/168447"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/es\/wp-json\/wp\/v2\/comments?post=124804"}],"version-history":[{"count":1,"href":"https:\/\/elementor.com\/blog\/es\/wp-json\/wp\/v2\/posts\/124804\/revisions"}],"predecessor-version":[{"id":124807,"href":"https:\/\/elementor.com\/blog\/es\/wp-json\/wp\/v2\/posts\/124804\/revisions\/124807"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/es\/wp-json\/wp\/v2\/media\/124805"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/blog\/es\/wp-json\/wp\/v2\/media?parent=124804"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/blog\/es\/wp-json\/wp\/v2\/categories?post=124804"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/blog\/es\/wp-json\/wp\/v2\/tags?post=124804"},{"taxonomy":"marketing_persona","embeddable":true,"href":"https:\/\/elementor.com\/blog\/es\/wp-json\/wp\/v2\/marketing_persona?post=124804"},{"taxonomy":"marketing_intent","embeddable":true,"href":"https:\/\/elementor.com\/blog\/es\/wp-json\/wp\/v2\/marketing_intent?post=124804"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}