{"id":6855,"date":"2021-12-14T13:00:00","date_gmt":"2021-12-14T12:00:00","guid":{"rendered":"https:\/\/carontestudio.com\/blog\/?p=6855"},"modified":"2021-11-30T18:57:54","modified_gmt":"2021-11-30T17:57:54","slug":"que-es-diseno-ux","status":"publish","type":"post","link":"https:\/\/carontestudio.com\/blog\/que-es-diseno-ux\/","title":{"rendered":"Qu\u00e9 es dise\u00f1o UX"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">De un tiempo a esta parte, en el <a href=\"https:\/\/carontestudio.com\/diseno-web\/diseno-web-vitoria\">dise\u00f1o web<\/a>, se ha vuelto muy popular el t\u00e9rmino dise\u00f1o UX. \u00bfEn qu\u00e9 consiste? \u00bfPor qu\u00e9 es tan importante?, \u00bfqu\u00e9 diferencias hay con el dise\u00f1o UI? En este art\u00edculo daremos respuestas a estas preguntas y veremos qu\u00e9 es importante para realizar un buen dise\u00f1o web.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Qu\u00e9 es el dise\u00f1o UX y UI<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">En el mundo del dise\u00f1o web y aplicaciones m\u00f3viles es muy habitual o\u00edr hablar de dise\u00f1o UX o UI. Podr\u00edamos decir que son las dos caras que conforman el dise\u00f1o y la programaci\u00f3n. Veamos en qu\u00e9 consisten y cu\u00e1les son sus diferencias.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading\">Dise\u00f1o UX \u00bfqu\u00e9 es? <\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">El <strong>dise\u00f1o UX<\/strong> (<em>User Experience<\/em>) es la disciplina que se encarga de estudiar y planificar las <strong>interacciones del usuario con una web o una aplicaci\u00f3n. Podr\u00edamos decir que es el campo de pruebas del dise\u00f1o. Aqu\u00ed el usuario juega un papel <\/strong>fundamental, porque es quien va a determinar si un dise\u00f1o funciona o no. Por ello es importante conocer el p\u00fablico objetivo, las interacciones que realizan en la p\u00e1gina, la estructura de la informaci\u00f3n&#8230; <\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading\">Dise\u00f1o UI \u00bfqu\u00e9 es? <\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">En el otro lado encontramos el <strong>dise\u00f1o UI<\/strong> (<em>User Interface<\/em>). Es el <strong>dise\u00f1o centrado en los elementos visuales<\/strong>, lo que la web muestra: Colores, tipograf\u00edas, animaciones, etc. Se identifica m\u00e1s con lo que, normalmente, la gente concibe como dise\u00f1o. Pero no hay que olvidar que las dos son parte de un mismo todo. Si nos centramos demasiado en una, la otra saldr\u00e1 perjudicada.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/11\/cerebro-analitico-diseno.jpg\" alt=\"an\u00e1lisis y creatividad para el dise\u00f1o web\" class=\"wp-image-7689\" width=\"534\" height=\"406\" srcset=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/11\/cerebro-analitico-diseno.jpg 640w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/11\/cerebro-analitico-diseno-300x228.jpg 300w\" sizes=\"auto, (max-width: 534px) 100vw, 534px\" \/><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Cu\u00e1l es el perfil de un dise\u00f1ador UX<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">El dise\u00f1ador UX debe de ser una persona <strong>inquisitiva, ordenada y flexible<\/strong>. Debe entender las necesidades de los diferentes usuarios y, por tanto, debe poder ponerse en su lugar y entenderlos. El dise\u00f1ador UX <strong>debe ser creativo, pero, sobre todo, anal\u00edtico<\/strong>. Su creatividad debe de servir para resolver los problemas planteados en las investigaciones UX. Se debe poder analizar los datos y conclusiones de estos an\u00e1lisis dejando a un lado las preferencias y prejuicios propios. Todo esto lo aleja de la imagen de artista que la mayor\u00eda de la gente tiene en mente cuando hablamos de dise\u00f1o, sin embargo no olvidemos que esta es una parte fundamental del mismo.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading\">Cu\u00e1l es la funci\u00f3n exacta de un dise\u00f1ador UX<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Un dise\u00f1ador UX se encargar\u00eda de tareas como:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Investigaciones de usuarios<\/li><li>Pruebas de usuarios<\/li><li>Desarrollo de wireframes<\/li><li>An\u00e1lisis de usabilidad<\/li><\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-cover\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"853\" class=\"wp-block-cover__image-background wp-image-7690\" alt=\"\" src=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/11\/wireframe.jpg\" data-object-fit=\"cover\" srcset=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/11\/wireframe.jpg 1280w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/11\/wireframe-300x200.jpg 300w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/11\/wireframe-1024x682.jpg 1024w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/11\/wireframe-768x512.jpg 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<p class=\"has-text-align-center has-large-font-size wp-block-paragraph\"><\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Metodolog\u00eda de dise\u00f1o UX<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Hay decenas de metodolog\u00edas v\u00e1lidas, lo importante es que sigas alguna. Ya hemos dicho que hay que ser met\u00f3dico y ordenado, as\u00ed que aqu\u00ed no vale saltar de una tarea a otra sin un objetivo claro. Desde Caronte Web Studio te proponemos que sigas los siguientes puntos:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Toma de contacto<\/strong>.<br>Conoce el producto, el cliente, enti\u00e9ndelos y con\u00f3celos.<\/li><li><strong>Listado de partida<\/strong>.<br>Crea una lista con las ideas a transmitir, los puntos fuertes a destacar, los factores diferenciales del producto y la empresa.<\/li><li><strong>Planteamiento<\/strong>.<br>Plasma las primeras soluciones en forma de <em>wireframe<\/em>. Analiza los elementos y la estructura planteada.<\/li><li><strong>Selecci\u00f3n<\/strong>.<br>Selecciona las soluciones que mejor puedan funcionar y que encajen en el proyecto del cliente.<\/li><li><strong>Prototipado<\/strong>.<br>En este punto el dise\u00f1ador UI tendr\u00e1 la informaci\u00f3n suficiente para realizar un <em>mockup<\/em>. De ah\u00ed pasamos a un primer prototipado con algunas funciones b\u00e1sicas de interacci\u00f3n. Puedes leer nuestro art\u00edculo sobre <a href=\"https:\/\/carontestudio.com\/blog\/como-crear-un-prototipo-web-online\/\">c\u00f3mo crear un prototipado <em>online<\/em><\/a>.<\/li><li><strong>Prueba<\/strong>.<br>Esta es la parte m\u00e1s importante del dise\u00f1o UX. Llega la hora de hacer pruebas con usuarios y analizar los problemas y dificultades que puedan surgir. En este punto se obtendr\u00e1 la informaci\u00f3n necesaria para volver a los puntos anteriores y solucionarlos.<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">C\u00f3mo poner a prueba la web<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Vamos a extendernos un poco m\u00e1s en este \u00faltimo punto. Es habitual que sea el que m\u00e1s dudas genere. Principalmente el problema suele estar en c\u00f3mo hacer pruebas si la web a\u00fan no est\u00e1 operativa. Te dejamos aqu\u00ed algunas ideas:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Prototipado<\/strong>.<br>Las <a href=\"https:\/\/carontestudio.com\/blog\/las-mejores-herramientas-de-prototipado-web-para-2021\/\">herramientas actuales de prototipado<\/a> posibilitan el realizar maquetas con ciertas funciones, de esta manera el usuario puede tener un ejemplo a probar de lo que luego se reflejar\u00e1 en HTML.<\/li><li><strong>Mockup<\/strong>.<br>El <em>mockup <\/em>es una propuesta visual de la web, no es interactiva. \u00bfC\u00f3mo va a probarla, entonces, un usuario? La prueba que puedes hacer es tan sencilla como mostrarle el <em>mockup<\/em> y, a continuaci\u00f3n, realizarle unas preguntas sencillas (\u00ab\u00bfC\u00f3mo te das de alta?\u00bb, \u00ab\u00bfD\u00f3nde buscar\u00edas el producto X?\u00bb, \u00ab\u00bfHay algo que eches en falta?\u00bb, etc.).<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Investigaci\u00f3n de Usuario (UX Research)<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Hemos hablado de conocer al usuario final, pero \u00bfc\u00f3mo llegamos a \u00e9l? Aqu\u00ed es donde podemos hablar de la <strong>investigaci\u00f3n de usuario<\/strong> o <strong><em>UX research<\/em><\/strong>. Se trata de un estudio previo al desarrollo del software o web \u00bfqui\u00e9n ser\u00e1 el usuario final de la web? Cada empresa, cada producto, cada web, tiene un p\u00fablico objetivo al que se dirige. A veces el sector lo determina la edad, otras el sexo, otras el nivel acad\u00e9mico&#8230; o mezclas de todos ellos. As\u00ed es importante que, antes de lanzarnos al dise\u00f1o, hayamos resuelto las siguientes cuestiones:<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<ul class=\"wp-block-list\"><li>Debemos disponer de una<strong> segmentaci\u00f3n<\/strong> lo m\u00e1s concreta posible de los usuarios potenciales atendiendo a los valores citados anteriormente:<ul><li>Edad<\/li><li>Gustos<\/li><li>G\u00e9nero<\/li><li>Nivel adquisitivo<\/li><li>Nivel acad\u00e9mico<\/li><li>&#8230;<\/li><\/ul><\/li><li>Disponer de<strong> acceso a esos usuarios<\/strong> por medio de:<ul><li>Encuestas<\/li><li>Entrevistas<\/li><li>Estudios<\/li><li>&#8230;<\/li><\/ul><\/li><\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-cover\"><img loading=\"lazy\" decoding=\"async\" width=\"888\" height=\"781\" class=\"wp-block-cover__image-background wp-image-7692\" alt=\"\" src=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/11\/diseno-pensando-en-usuarios.jpg\" data-object-fit=\"cover\" srcset=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/11\/diseno-pensando-en-usuarios.jpg 888w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/11\/diseno-pensando-en-usuarios-300x264.jpg 300w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/11\/diseno-pensando-en-usuarios-768x675.jpg 768w\" sizes=\"auto, (max-width: 888px) 100vw, 888px\" \/><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<p class=\"has-text-align-center has-large-font-size wp-block-paragraph\"><\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Con ello dispondr\u00edamos de la informaci\u00f3n necesaria para empezar a crear el proyecto. Pero aqu\u00ed no acaba la investigaci\u00f3n de usuario. Este proceso debe repetirse durante la creaci\u00f3n del producto e, incluso, despu\u00e9s. De esta manera se puede seguir mejorando el resultado y acercando el producto a lo que el usuario busca o necesita.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u00bfDe qu\u00e9 manera puedo trabajar con el usuario?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Debe de ser un trabajo continuo. Antes, durante y despu\u00e9s del desarrollo (siempre hay mejoras que realizar). Dependiendo del punto en que nos encontremos podemos hacer diferentes acciones:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Entrevistas<\/strong>.<br>La primera opci\u00f3n es entrevistar, directamente, a un usuario. En una fase inicial podemos preguntarle por el tipo de producto que busca, qu\u00e9 no les satisface de otros similares, etc.<\/li><li><strong>Focus Group<\/strong>.<br>Similar a la entrevista, pero realizado de forma grupal. Seguro que lo has visto en alguna serie americana. La ventaja es que los propios usuarios pueden debatir entre ellos y, de esta manera, enriquecer el resultado final.<\/li><li><strong>Investigaci\u00f3n de campo<\/strong>.<br>Como un et\u00f3logo, vamos tras los usuarios, en su d\u00eda a d\u00eda, viendo c\u00f3mo trabajan y que necesidades les surgen.<\/li><li><strong>Analytics<\/strong>.<br>Si la web est\u00e1 ya en funcionamiento, tenemos la maravillosa herramienta de Google que nos proporciona toda serie de datos sobre los usuarios: Tiempo de estancia; segmentaci\u00f3n; canales; dispositivos&#8230; Con todos esos datos podremos realizar un an\u00e1lisis con el que descubrir problemas y oportunidades no vistas.<\/li><li><strong>Test de usabilidad<\/strong>.<br>Con el prototipo listo puedes ponerlo a prueba para ver si los usuarios se pueden manejar con ella o tienen alguna dificultad.<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Por qu\u00e9 tu agencia de dise\u00f1o web deber\u00eda controlar UX<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Porque, insistimos una vez m\u00e1s, de lo contrario el producto final estar\u00e1 cojo. Si nos basamos solo en la est\u00e9tica de una web (<strong>dise\u00f1o UI<\/strong>), tendremos una web que puede ser bonita, pero que no sea funcional. Para lograr que no presente problemas de este tipo debemos contar con una formaci\u00f3n en <strong>dise\u00f1o UX<\/strong> y un bagaje que podamos poner al servicio de la experiencia de usuario.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusi\u00f3n<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Si pensabas que el dise\u00f1o consist\u00eda solo en poner las cosas bonitas, espero que este art\u00edculo te haya servido para conocer su faceta m\u00e1s anal\u00edtica y calculada. <strong>El dise\u00f1o UX es una herramienta necesaria para tender puentes entre el producto y el usuario<\/strong>, y por eso lo tenemos muy en cuenta en nuestro <a href=\"https:\/\/carontestudio.com\/diseno-web\/diseno-web-vitoria\">estudio de dise\u00f1o web<\/a>. Es importante realizar una buena investigaci\u00f3n de usuario para tener de base y poder construir a partir de ese conocimiento. Todo ello ser\u00e1 de una ayuda inestimable para el <strong>dise\u00f1ador UI<\/strong> y para la eficacia del producto final.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Se ha vuelto muy popular el t\u00e9rmino dise\u00f1o UX. \u00bfEn qu\u00e9 consiste? \u00bfPor qu\u00e9 es tan importante?, \u00bfqu\u00e9 diferencias hay con el dise\u00f1o UI? En este art\u00edculo daremos respuestas a estas preguntas y veremos qu\u00e9 es importante para realizar un buen dise\u00f1o web. Te lo contamos en este art\u00edculo.<\/p>\n","protected":false},"author":2,"featured_media":7688,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[94],"tags":[],"class_list":["post-6855","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Qu\u00e9 es el Dise\u00f1o UX y UI - Caronte Web Studio<\/title>\n<meta name=\"description\" content=\"\u00bfEn qu\u00e9 consiste el t\u00e9rmino dise\u00f1o UX? \u00bfpor qu\u00e9 es tan importante?, \u00bfqu\u00e9 diferencias hay con el dise\u00f1o UI? Te lo contamos.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/carontestudio.com\/blog\/que-es-diseno-ux\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Qu\u00e9 es el Dise\u00f1o UX y UI - Caronte Web Studio\" \/>\n<meta property=\"og:description\" content=\"\u00bfEn qu\u00e9 consiste el t\u00e9rmino dise\u00f1o UX? \u00bfpor qu\u00e9 es tan importante?, \u00bfqu\u00e9 diferencias hay con el dise\u00f1o UI? Te lo contamos.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/carontestudio.com\/blog\/que-es-diseno-ux\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog de marketing | Caronte\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/carontewebstudio\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-12-14T12:00:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/11\/que-es-diseno-ux-ui.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1250\" \/>\n\t<meta property=\"og:image:height\" content=\"737\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Alberto Bravo\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Alberto Bravo\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/que-es-diseno-ux\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/que-es-diseno-ux\\\/\"},\"author\":{\"name\":\"Alberto Bravo\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#\\\/schema\\\/person\\\/a0133e9cd91f1e8b75d120ac01ff0350\"},\"headline\":\"Qu\u00e9 es dise\u00f1o UX\",\"datePublished\":\"2021-12-14T12:00:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/que-es-diseno-ux\\\/\"},\"wordCount\":1408,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/que-es-diseno-ux\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/11\\\/que-es-diseno-ux-ui.jpg\",\"articleSection\":[\"Dise\u00f1o web\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/carontestudio.com\\\/blog\\\/que-es-diseno-ux\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/que-es-diseno-ux\\\/\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/que-es-diseno-ux\\\/\",\"name\":\"Qu\u00e9 es el Dise\u00f1o UX y UI - Caronte Web Studio\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/que-es-diseno-ux\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/que-es-diseno-ux\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/11\\\/que-es-diseno-ux-ui.jpg\",\"datePublished\":\"2021-12-14T12:00:00+00:00\",\"description\":\"\u00bfEn qu\u00e9 consiste el t\u00e9rmino dise\u00f1o UX? \u00bfpor qu\u00e9 es tan importante?, \u00bfqu\u00e9 diferencias hay con el dise\u00f1o UI? Te lo contamos.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/que-es-diseno-ux\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/carontestudio.com\\\/blog\\\/que-es-diseno-ux\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/que-es-diseno-ux\\\/#primaryimage\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/11\\\/que-es-diseno-ux-ui.jpg\",\"contentUrl\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/11\\\/que-es-diseno-ux-ui.jpg\",\"width\":1250,\"height\":737,\"caption\":\"Qu\u00e9 es el dise\u00f1o UX\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/que-es-diseno-ux\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Qu\u00e9 es dise\u00f1o UX\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/\",\"name\":\"Blog de marketing | Caronte\",\"description\":\"En nuestro blog encontrar\u00e1s art\u00edculos semanales sobre SEO, marketing online, programaci\u00f3n web y mucho m\u00e1s.\",\"publisher\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#organization\",\"name\":\"Caronte - Agencia de marketing\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/caronte-agencia-de-marketing-logo.png\",\"contentUrl\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/caronte-agencia-de-marketing-logo.png\",\"width\":1090,\"height\":155,\"caption\":\"Caronte - Agencia de marketing\"},\"image\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/carontewebstudio\\\/\",\"https:\\\/\\\/www.instagram.com\\\/caronte_studio\\\/\",\"https:\\\/\\\/www.tiktok.com\\\/@carontewebstudio\",\"https:\\\/\\\/www.youtube.com\\\/@carontewebstudio\",\"https:\\\/\\\/es.linkedin.com\\\/company\\\/carontewebstudio\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#\\\/schema\\\/person\\\/a0133e9cd91f1e8b75d120ac01ff0350\",\"name\":\"Alberto Bravo\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/459c471b2404a0ce253ecf5bfdb8d313ed5973d63d20347d265e48a5429e6a7d?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/459c471b2404a0ce253ecf5bfdb8d313ed5973d63d20347d265e48a5429e6a7d?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/459c471b2404a0ce253ecf5bfdb8d313ed5973d63d20347d265e48a5429e6a7d?s=96&d=mm&r=g\",\"caption\":\"Alberto Bravo\"},\"sameAs\":[\"http:\\\/\\\/albertobravoart.com\",\"https:\\\/\\\/www.instagram.com\\\/albertobravoart\\\/\",\"https:\\\/\\\/es.linkedin.com\\\/in\\\/albertobravobarreiro\",\"https:\\\/\\\/www.youtube.com\\\/@albertobravoart224\"],\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/author\\\/alberto\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Qu\u00e9 es el Dise\u00f1o UX y UI - Caronte Web Studio","description":"\u00bfEn qu\u00e9 consiste el t\u00e9rmino dise\u00f1o UX? \u00bfpor qu\u00e9 es tan importante?, \u00bfqu\u00e9 diferencias hay con el dise\u00f1o UI? Te lo contamos.","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:\/\/carontestudio.com\/blog\/que-es-diseno-ux\/","og_locale":"es_ES","og_type":"article","og_title":"Qu\u00e9 es el Dise\u00f1o UX y UI - Caronte Web Studio","og_description":"\u00bfEn qu\u00e9 consiste el t\u00e9rmino dise\u00f1o UX? \u00bfpor qu\u00e9 es tan importante?, \u00bfqu\u00e9 diferencias hay con el dise\u00f1o UI? Te lo contamos.","og_url":"https:\/\/carontestudio.com\/blog\/que-es-diseno-ux\/","og_site_name":"Blog de marketing | Caronte","article_publisher":"https:\/\/www.facebook.com\/carontewebstudio\/","article_published_time":"2021-12-14T12:00:00+00:00","og_image":[{"width":1250,"height":737,"url":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/11\/que-es-diseno-ux-ui.jpg","type":"image\/jpeg"}],"author":"Alberto Bravo","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Alberto Bravo","Tiempo de lectura":"7 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/carontestudio.com\/blog\/que-es-diseno-ux\/#article","isPartOf":{"@id":"https:\/\/carontestudio.com\/blog\/que-es-diseno-ux\/"},"author":{"name":"Alberto Bravo","@id":"https:\/\/carontestudio.com\/blog\/#\/schema\/person\/a0133e9cd91f1e8b75d120ac01ff0350"},"headline":"Qu\u00e9 es dise\u00f1o UX","datePublished":"2021-12-14T12:00:00+00:00","mainEntityOfPage":{"@id":"https:\/\/carontestudio.com\/blog\/que-es-diseno-ux\/"},"wordCount":1408,"commentCount":0,"publisher":{"@id":"https:\/\/carontestudio.com\/blog\/#organization"},"image":{"@id":"https:\/\/carontestudio.com\/blog\/que-es-diseno-ux\/#primaryimage"},"thumbnailUrl":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/11\/que-es-diseno-ux-ui.jpg","articleSection":["Dise\u00f1o web"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/carontestudio.com\/blog\/que-es-diseno-ux\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/carontestudio.com\/blog\/que-es-diseno-ux\/","url":"https:\/\/carontestudio.com\/blog\/que-es-diseno-ux\/","name":"Qu\u00e9 es el Dise\u00f1o UX y UI - Caronte Web Studio","isPartOf":{"@id":"https:\/\/carontestudio.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/carontestudio.com\/blog\/que-es-diseno-ux\/#primaryimage"},"image":{"@id":"https:\/\/carontestudio.com\/blog\/que-es-diseno-ux\/#primaryimage"},"thumbnailUrl":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/11\/que-es-diseno-ux-ui.jpg","datePublished":"2021-12-14T12:00:00+00:00","description":"\u00bfEn qu\u00e9 consiste el t\u00e9rmino dise\u00f1o UX? \u00bfpor qu\u00e9 es tan importante?, \u00bfqu\u00e9 diferencias hay con el dise\u00f1o UI? Te lo contamos.","breadcrumb":{"@id":"https:\/\/carontestudio.com\/blog\/que-es-diseno-ux\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/carontestudio.com\/blog\/que-es-diseno-ux\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/carontestudio.com\/blog\/que-es-diseno-ux\/#primaryimage","url":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/11\/que-es-diseno-ux-ui.jpg","contentUrl":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2021\/11\/que-es-diseno-ux-ui.jpg","width":1250,"height":737,"caption":"Qu\u00e9 es el dise\u00f1o UX"},{"@type":"BreadcrumbList","@id":"https:\/\/carontestudio.com\/blog\/que-es-diseno-ux\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/carontestudio.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Qu\u00e9 es dise\u00f1o UX"}]},{"@type":"WebSite","@id":"https:\/\/carontestudio.com\/blog\/#website","url":"https:\/\/carontestudio.com\/blog\/","name":"Blog de marketing | Caronte","description":"En nuestro blog encontrar\u00e1s art\u00edculos semanales sobre SEO, marketing online, programaci\u00f3n web y mucho m\u00e1s.","publisher":{"@id":"https:\/\/carontestudio.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/carontestudio.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/carontestudio.com\/blog\/#organization","name":"Caronte - Agencia de marketing","url":"https:\/\/carontestudio.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/carontestudio.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2025\/06\/caronte-agencia-de-marketing-logo.png","contentUrl":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2025\/06\/caronte-agencia-de-marketing-logo.png","width":1090,"height":155,"caption":"Caronte - Agencia de marketing"},"image":{"@id":"https:\/\/carontestudio.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/carontewebstudio\/","https:\/\/www.instagram.com\/caronte_studio\/","https:\/\/www.tiktok.com\/@carontewebstudio","https:\/\/www.youtube.com\/@carontewebstudio","https:\/\/es.linkedin.com\/company\/carontewebstudio"]},{"@type":"Person","@id":"https:\/\/carontestudio.com\/blog\/#\/schema\/person\/a0133e9cd91f1e8b75d120ac01ff0350","name":"Alberto Bravo","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/459c471b2404a0ce253ecf5bfdb8d313ed5973d63d20347d265e48a5429e6a7d?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/459c471b2404a0ce253ecf5bfdb8d313ed5973d63d20347d265e48a5429e6a7d?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/459c471b2404a0ce253ecf5bfdb8d313ed5973d63d20347d265e48a5429e6a7d?s=96&d=mm&r=g","caption":"Alberto Bravo"},"sameAs":["http:\/\/albertobravoart.com","https:\/\/www.instagram.com\/albertobravoart\/","https:\/\/es.linkedin.com\/in\/albertobravobarreiro","https:\/\/www.youtube.com\/@albertobravoart224"],"url":"https:\/\/carontestudio.com\/blog\/author\/alberto\/"}]}},"_links":{"self":[{"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/posts\/6855","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/comments?post=6855"}],"version-history":[{"count":5,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/posts\/6855\/revisions"}],"predecessor-version":[{"id":7695,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/posts\/6855\/revisions\/7695"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/media\/7688"}],"wp:attachment":[{"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/media?parent=6855"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/categories?post=6855"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/tags?post=6855"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}