{"id":11400,"date":"2022-10-08T08:00:00","date_gmt":"2022-10-08T08:00:00","guid":{"rendered":"https:\/\/wcanvas.com\/?post_type=blogs&p=11400"},"modified":"2024-12-23T21:23:32","modified_gmt":"2024-12-23T21:23:32","slug":"ux-ui-diferencia","status":"publish","type":"blogs","link":"https:\/\/wcanvas.com\/es\/blog\/ux-ui-diferencia\/","title":{"rendered":"Dise\u00f1o UX\/UI \u2014 \u00bfCu\u00e1l es la Diferencia entre UX y UI?"},"content":{"rendered":"\n

El dise\u00f1o UX\/UI es uno de esos t\u00e9rminos que seguramente has visto por todos lados. <\/p>\n\n\n\n

UX y UI a menudo se mencionan juntos como un solo t\u00e9rmino: las ofertas de trabajo buscan “Dise\u00f1adores UX\/UI”, y muchos profesionales del sector usan los t\u00e9rminos indistintamente. Pero UI y UX no significan lo mismo<\/strong>.<\/p>\n\n\n\n

En el nivel b\u00e1sico, la interfaz de usuario (UI) se encarga de todos los aspectos visuales que permiten a los usuarios interactuar con un sitio web o una app. <\/p>\n\n\n\n

La experiencia de usuario (UX), en cambio, se refiere a la experiencia interna por la que pasan los usuarios al interactuar con ella.<\/p>\n\n\n\n

\u00bfNo est\u00e1 claro todav\u00eda? No te preocupes. La diferencia entre estos t\u00e9rminos es ambigua; incluso los expertos tienen dificultades para explicarla. Veamos qu\u00e9 son UX y UI y c\u00f3mo se diferencian.<\/p>\n\n\n\n

\u00bfQu\u00e9 es el Dise\u00f1o UI? <\/strong>????<\/h2>\n\n\n\n

El Dise\u00f1o de Interfaz de Usuario se refiere al punto de interacci\u00f3n entre el usuario y un producto digital<\/strong> – es lo que ves en la pantalla t\u00e1ctil de tu smartphone, el teclado de un cajero autom\u00e1tico o la pantalla de tu computadora.<\/p>\n\n\n\n

Como UI trata sobre la interacci\u00f3n, un dise\u00f1ador de UI se ocupa de cada aspecto visual de una interfaz: \u00edconos, botones, paletas de colores, tipograf\u00eda, espaciado, im\u00e1genes. Dedican mucho esfuerzo a pensar en las formas de los botones (\u00bfredondeados o cuadrados?) y sus tama\u00f1os, incluso el grosor de cada l\u00ednea en la interfaz.<\/p>\n\n\n\n

\"mockups\"<\/figure>\n\n\n\n

Pero UI no se trata solo de apariencia<\/strong>. Es responsable de crear interfaces intuitivas y eficientes. Un buen UI debe garantizar legibilidad, claridad y capacidad de respuesta en todos los dispositivos. La accesibilidad tambi\u00e9n es fundamental: tu interfaz debe ser igual de impresionante para personas con daltonismo o problemas de visi\u00f3n.<\/p>\n\n\n\n

UI tambi\u00e9n juega un papel fundamental en el aspecto y sensaci\u00f3n de tu marca. El dise\u00f1o importa m\u00e1s que nunca: tu sitio web o app habla mucho de tu empresa. El trabajo de un dise\u00f1ador de UI es asegurar que la interfaz se alinee con el prop\u00f3sito y la personalidad de tu negocio.<\/p>\n\n\n\n

UI en la Pr\u00e1ctica<\/strong><\/h2>\n\n\n\n

Una de las decisiones comunes que deben tomar los dise\u00f1adores de UI<\/a> es entre una interfaz clara o oscura. La identidad de marca y las \u00faltimas tendencias en dise\u00f1o suelen determinar esta elecci\u00f3n. Pero tambi\u00e9n es una decisi\u00f3n para la legibilidad, inclusi\u00f3n y claridad.<\/p>\n\n\n\n

Por ejemplo, el texto negro sobre un fondo claro se percibe como m\u00e1s grande que el texto blanco sobre una superficie negra<\/strong>. Lo mismo ocurre con los esquemas de colores: elegir tonos contrastantes garantiza claridad. <\/p>\n\n\n\n

\u00bfPor qu\u00e9 es importante esto? Bueno, la gente debe poder escanear r\u00e1pidamente el contenido de tu p\u00e1gina<\/strong>. Si tienen dificultades, lo m\u00e1s probable es que se vayan de tu sitio.<\/p>\n\n\n\n

UI tambi\u00e9n significa dinero. \u00bfNo nos crees? Preguntale a Bing, la compa\u00f1\u00eda que acredita a un espec\u00edfico azul sobre otros tonos<\/a> su incremento de 80 millones de d\u00f3lares en ingresos anuales all\u00e1 por 2009. \u00bfVes? UI no es solo est\u00e9tica. <\/p>\n\n\n\n

\"IU\"<\/figure>\n\n\n\n

\u00bfQu\u00e9 es el Dise\u00f1o UX? <\/strong>????<\/h2>\n\n\n\n

Por otro lado, UX se centra en la experiencia interna que un usuario atraviesa en cada posible interacci\u00f3n con una empresa<\/strong>. S\u00ed, lo sabemos, es una definici\u00f3n bastante amplia. <\/p>\n\n\n\n

Eso se debe a que UX est\u00e1 en todos lados. El concepto ni siquiera se limita a lo digital (a diferencia de UI): se aplica a todo lo que puede ser experimentado. UX ocurre en la fila del supermercado, en el empaque y en la publicidad.<\/p>\n\n\n\n

\"tiendas\"<\/figure>\n\n\n\n

Por lo tanto, el rol de un dise\u00f1ador de UX deber\u00eda ser igual de amplio.\u00a0Los UXers son responsables de una serie de tareas centradas en optimizar un producto para su uso eficaz y agradable<\/strong>. Se trata de hacer que las interacciones sean intuitivas y que el recorrido se sienta l\u00f3gico. Se trata de dise\u00f1o centrado en el ser humano.<\/p>\n\n\n\n

La idea de experiencia de usuario (o UX) fue acu\u00f1ada por Don Norman<\/a>, cuando trabajaba en Apple en la d\u00e9cada de 1990. Pero aunque UX como tal es un t\u00e9rmino nuevo, los profesionales han estado pensando sobre la experiencia del usuario mucho antes de que se inventara la idea.<\/p>\n\n\n\n

Una buena experiencia de usuario te llevar\u00e1 lejos: \u00a1el 88% de los consumidores en l\u00ednea son menos propensos a regresar a un sitio web despu\u00e9s de una mala experiencia!<\/p>\n\n\n\n

A menudo los desarrolladores se quedan atrapados en su ego de dise\u00f1ador, buscando un sitio web brillante y atractivo pero prestando poca atenci\u00f3n a la experiencia como tal. Un sitio web bonito no tiene sentido sin prestar atenci\u00f3n al flujo del usuario<\/strong>. Aunque lo bonito que se vea una interfaz puede y afectar\u00e1 la experiencia del usuario, UX va mucho m\u00e1s all\u00e1 del aspecto visual del producto o servicio.<\/p>\n\n\n\n

\"wireframe\"<\/figure>\n\n\n\n

Es por eso que la gente a menudo se confunde sobre la diferencia entre UI y UX. UI es una parte del dise\u00f1o UX<\/strong>. Mientras los dise\u00f1adores de UI se encargan de decidir c\u00f3mo se ver\u00e1 un sitio web o una app, los dise\u00f1adores de UX trabajan en c\u00f3mo va a funcionar.<\/p>\n\n\n\n

UX en la Pr\u00e1ctica<\/strong><\/h2>\n\n\n\n

Los dise\u00f1adores de UX quieren que los usuarios tengan una gran experiencia: una excelente manera de lograrlo es haciendo un sitio web intuitivo. Aqu\u00ed es donde entran las microinteracciones. <\/p>\n\n\n\n

Las microinteracciones son momentos sutiles en la experiencia del usuario centrados en realizar tareas. Algunos ejemplos son:<\/p>\n\n\n\n

    \n
  • La retroalimentaci\u00f3n visual cuando se agrega un \u00edtem al carrito. <\/li>\n\n\n\n
  • La interacci\u00f3n de arrastrar para refrescar para actualizar contenido<\/li>\n\n\n\n
  • Animaci\u00f3n que confirma una cierta acci\u00f3n<\/li>\n<\/ul>\n\n\n\n

    Este es un ejemplo claro de c\u00f3mo el dise\u00f1o influye en la experiencia del usuario<\/strong>. Lo mejor de las microinteracciones es su capacidad para dar previsibilidad a las interfaces de usuario. La familiaridad juega un papel importante en UX. Los usuarios estar\u00e1n m\u00e1s c\u00f3modos si pueden prever lo que va a pasar. \u00a1Y su experiencia general mejorar\u00e1!<\/p>\n\n\n\n

    Entonces, \u00bfcu\u00e1l es la diferencia entre UX y UI?<\/strong><\/h2>\n\n\n\n

    Las principales diferencias entre UI y UX son: <\/p>\n\n\n\n

      \n
    • UI est\u00e1 limitado al \u00e1mbito digital; UX se puede aplicar a cualquier cosa que se pueda experimentar.<\/li>\n\n\n\n
    • UI determina c\u00f3mo se ve la interfaz; UX determina c\u00f3mo funciona.<\/li>\n\n\n\n
    • UI se centra en el producto; UX, en el usuario.<\/li>\n\n\n\n
    • UI es una parte de UX; la interfaz de usuario es parte de la experiencia del usuario.<\/li>\n<\/ul>\n\n\n\n

      Al final, UI se compone de todos los elementos involucrados en la interacci\u00f3n entre un usuario y un producto o servicio digital \u2014 y UX es lo que esos individuos sacan de toda la experiencia.<\/p>\n\n\n\n

      UX y UI son disciplinas diferentes. Sin embargo, van de la mano en un proceso muy colaborativo. Es por eso que la diferencia entre los dos se ha vuelto tan confusa.<\/p>\n\n\n\n

      La verdad es que una buena UI no sirve con una mala UX, y una buena UX tampoco es \u00fatil con una mala UI.<\/strong> Ambas juegan un papel clave en la creaci\u00f3n de un producto exitoso: uno que engage a los usuarios y satisfaga sus necesidades. En el mundo digital, uno no puede funcionar sin el otro.<\/p>\n\n\n\n

      En lugar de pensar en UX vs UI, deber\u00edamos pensar en c\u00f3mo UX y UI trabajan juntos (\u00a1y la magia que sucede cuando lo hacen!).<\/p>\n","protected":false},"excerpt":{"rendered":"

      El dise\u00f1o UX\/UI es uno de esos t\u00e9rminos que seguramente has visto por todos lados.  UX y UI a menudo se mencionan juntos como un solo t\u00e9rmino: las ofertas de trabajo buscan “Dise\u00f1adores UX\/UI”, y muchos profesionales del sector usan los t\u00e9rminos indistintamente. Pero UI y UX no significan lo mismo. En el nivel b\u00e1sico, la […]<\/p>\n","protected":false},"author":1,"featured_media":762,"template":"","blog-categories":[80],"class_list":["post-11400","blogs","type-blogs","status-publish","has-post-thumbnail","hentry","blog-categories-diseno-web"],"acf":[],"yoast_head":"\nDise\u00f1o UX\/UI \u2014 \u00bfCu\u00e1l es la Diferencia entre UX y UI? - White Canvas<\/title>\n<meta name=\"description\" content=\"UI y UX son dos t\u00e9rminos que quiz\u00e1s escuches en c\u00edrculos tecnol\u00f3gicos. Conoc\u00e9 la diferencia y c\u00f3mo trabajan juntos.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/wcanvas.com\/es\/blog\/ux-ui-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\/UI \u2014 \u00bfCu\u00e1l es la Diferencia entre UX y UI? - White Canvas\" \/>\n<meta property=\"og:description\" content=\"UI y UX son dos t\u00e9rminos que quiz\u00e1s escuches en c\u00edrculos tecnol\u00f3gicos. Conoc\u00e9 la diferencia y c\u00f3mo trabajan juntos.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wcanvas.com\/es\/blog\/ux-ui-diferencia\/\" \/>\n<meta property=\"og:site_name\" content=\"White Canvas\" \/>\n<meta property=\"article:modified_time\" content=\"2024-12-23T21:23:32+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wcanvas.com\/wp-content\/uploads\/2023\/01\/uxui9-1024x684-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"684\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\n\t \"@context\": \"https:\/\/schema.org\",\n\t \"@graph\": [\n\t {\n\t \"@type\": [\n\t \"Article\",\n\t \"BlogPosting\"\n\t ],\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/ux-ui-diferencia\/#article\",\n\t \"isPartOf\": {\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/ux-ui-diferencia\/\"\n\t },\n\t \"author\": {\n\t \"@type\": \"Organization\",\n\t \"name\": \"Wcanvas\",\n\t \"url\": \"https:\/\/wcanvas.com\/\"\n\t },\n\t \"headline\": \"Dise\u00f1o UX\/UI \u2014 \u00bfCu\u00e1l es la Diferencia entre UX y UI?\",\n\t \"datePublished\": \"2022-10-08T08:00:00+00:00\",\n\t \"dateModified\": \"2024-12-23T21:23:32+00:00\",\n\t \"mainEntityOfPage\": {\n\t \"@type\": \"WebPage\",\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/ux-ui-diferencia\/\"\n\t },\n\t \"wordCount\": 1300,\n\t \"publisher\": {\n\t \"@type\": \"Organization\",\n\t \"name\": \"Wcanvas\",\n\t \"logo\": {\n\t \"@type\": \"ImageObject\",\n\t \"url\": \"https:\/\/wcanvas.com\/wp-content\/themes\/wcanvas\/assets\/img\/elements\/logo-white-white.png\"\n\t }\n\t },\n\t \"image\": [],\n\t \"thumbnailUrl\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2023\/01\/uxui9-1024x684-1.jpg\",\n\t \"inLanguage\": \"es\",\n\t \"description\": null\n\t },\n\t {\n\t \"@type\": \"WebPage\",\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/ux-ui-diferencia\/\",\n\t \"url\": \"https:\/\/wcanvas.com\/es\/blog\/ux-ui-diferencia\/\",\n\t \"name\": \"Dise\u00f1o UX\/UI \u2014 \u00bfCu\u00e1l es la Diferencia entre UX y UI? - White Canvas\",\n\t \"isPartOf\": {\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/#website\"\n\t },\n\t \"primaryImageOfPage\": {\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/ux-ui-diferencia\/#primaryimage\"\n\t },\n\t \"image\": {\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/ux-ui-diferencia\/#primaryimage\"\n\t },\n\t \"thumbnailUrl\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2023\/01\/uxui9-1024x684-1.jpg\",\n\t \"datePublished\": \"2022-10-08T08:00:00+00:00\",\n\t \"dateModified\": \"2024-12-23T21:23:32+00:00\",\n\t \"description\": \"UI y UX son dos t\u00e9rminos que quiz\u00e1s escuches en c\u00edrculos tecnol\u00f3gicos. Conoc\u00e9 la diferencia y c\u00f3mo trabajan juntos.\",\n\t \"breadcrumb\": {\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/ux-ui-diferencia\/#breadcrumb\"\n\t },\n\t \"inLanguage\": \"es\",\n\t \"potentialAction\": [\n\t {\n\t \"@type\": \"ReadAction\",\n\t \"target\": [\n\t \"https:\/\/wcanvas.com\/es\/blog\/ux-ui-diferencia\/\"\n\t ]\n\t }\n\t ]\n\t },\n\t {\n\t \"@type\": \"ImageObject\",\n\t \"inLanguage\": \"es\",\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/ux-ui-diferencia\/#primaryimage\",\n\t \"url\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2023\/01\/uxui9-1024x684-1.jpg\",\n\t \"contentUrl\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2023\/01\/uxui9-1024x684-1.jpg\",\n\t \"width\": 1024,\n\t \"height\": 684,\n\t \"caption\": \"sketching\"\n\t },\n\t {\n\t \"@type\": \"BreadcrumbList\",\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/blog\/ux-ui-diferencia\/#breadcrumb\",\n\t \"itemListElement\": [\n\t {\n\t \"@type\": \"ListItem\",\n\t \"position\": 1,\n\t \"name\": \"Home\",\n\t \"item\": \"https:\/\/wcanvas.com\/es\/\"\n\t },\n\t {\n\t \"@type\": \"ListItem\",\n\t \"position\": 2,\n\t \"name\": \"Blogs\",\n\t \"item\": \"https:\/\/wcanvas.com\/es\/blogs\/\"\n\t },\n\t {\n\t \"@type\": \"ListItem\",\n\t \"position\": 3,\n\t \"name\": \"Dise\u00f1o UX\/UI \u2014 \u00bfCu\u00e1l es la Diferencia entre UX y UI?\"\n\t }\n\t ]\n\t },\n\t {\n\t \"@type\": \"WebSite\",\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/#website\",\n\t \"url\": \"https:\/\/wcanvas.com\/es\/\",\n\t \"name\": \"White Canvas\",\n\t \"description\": \"\",\n\t \"publisher\": {\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/#organization\"\n\t },\n\t \"potentialAction\": [\n\t {\n\t \"@type\": \"SearchAction\",\n\t \"target\": {\n\t \"@type\": \"EntryPoint\",\n\t \"urlTemplate\": \"https:\/\/wcanvas.com\/es\/?s={search_term_string}\"\n\t },\n\t \"query-input\": {\n\t \"@type\": \"PropertyValueSpecification\",\n\t \"valueRequired\": true,\n\t \"valueName\": \"search_term_string\"\n\t }\n\t }\n\t ],\n\t \"inLanguage\": \"es\"\n\t },\n\t {\n\t \"@type\": \"Organization\",\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/#organization\",\n\t \"name\": \"White Canvas\",\n\t \"url\": \"https:\/\/wcanvas.com\/es\/\",\n\t \"logo\": {\n\t \"@type\": \"ImageObject\",\n\t \"inLanguage\": \"es\",\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/#\/schema\/logo\/image\/\",\n\t \"url\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2023\/01\/logowhitecanvas.svg\",\n\t \"contentUrl\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2023\/01\/logowhitecanvas.svg\",\n\t \"width\": 115,\n\t \"height\": 32,\n\t \"caption\": \"White Canvas\"\n\t },\n\t \"image\": {\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/#\/schema\/logo\/image\/\"\n\t },\n\t \"alternateName\": \"Wcanvas\",\n\t \"contactPoint\": [\n\t {\n\t \"@type\": \"ContactPoint\",\n\t \"telephone\": \"+1 (347) 688 2902\",\n\t \"contactType\": \"sales\",\n\t \"contactOption\": \"TollFree\",\n\t \"areaServed\": \"US\",\n\t \"availableLanguage\": \"en\"\n\t },\n\t {\n\t \"@type\": \"ContactPoint\",\n\t \"telephone\": \"+54 (11) 5236 4717\",\n\t \"contactType\": \"sales\",\n\t \"contactOption\": \"TollFree\",\n\t \"areaServed\": \"AR\",\n\t \"availableLanguage\": \"es\"\n\t }\n\t ]\n\t },\n\t {\n\t \"@type\": \"Person\",\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/#\/schema\/person\/ea362f7fa9eb0239142e5e982bd8c198\",\n\t \"name\": \"Nicolas Pisani\",\n\t \"image\": {\n\t \"@type\": \"ImageObject\",\n\t \"inLanguage\": \"es\",\n\t \"@id\": \"https:\/\/wcanvas.com\/es\/#\/schema\/person\/image\/\",\n\t \"url\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2022\/12\/cropped-avatar-nico-96x96.png\",\n\t \"contentUrl\": \"https:\/\/wcanvas.com\/wp-content\/uploads\/2022\/12\/cropped-avatar-nico-96x96.png\",\n\t \"caption\": \"Nicolas Pisani\"\n\t },\n\t \"sameAs\": [\n\t \"https:\/\/wcanvas.com\",\n\t \"#\",\n\t \"https:\/\/www.instagram.com\/whitecanvasteam\/\",\n\t \"https:\/\/x.com\/wcanvas\"\n\t ]\n\t }\n\t ]\n\t}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Dise\u00f1o UX\/UI \u2014 \u00bfCu\u00e1l es la Diferencia entre UX y UI? - White Canvas","description":"UI y UX son dos t\u00e9rminos que quiz\u00e1s escuches en c\u00edrculos tecnol\u00f3gicos. Conoc\u00e9 la diferencia y c\u00f3mo trabajan juntos.","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:\/\/wcanvas.com\/es\/blog\/ux-ui-diferencia\/","og_locale":"es_ES","og_type":"article","og_title":"Dise\u00f1o UX\/UI \u2014 \u00bfCu\u00e1l es la Diferencia entre UX y UI? - White Canvas","og_description":"UI y UX son dos t\u00e9rminos que quiz\u00e1s escuches en c\u00edrculos tecnol\u00f3gicos. Conoc\u00e9 la diferencia y c\u00f3mo trabajan juntos.","og_url":"https:\/\/wcanvas.com\/es\/blog\/ux-ui-diferencia\/","og_site_name":"White Canvas","article_modified_time":"2024-12-23T21:23:32+00:00","og_image":[{"width":1024,"height":684,"url":"https:\/\/wcanvas.com\/wp-content\/uploads\/2023\/01\/uxui9-1024x684-1.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"7 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["Article","BlogPosting"],"@id":"https:\/\/wcanvas.com\/es\/blog\/ux-ui-diferencia\/#article","isPartOf":{"@id":"https:\/\/wcanvas.com\/es\/blog\/ux-ui-diferencia\/"},"author":{"@type":"Organization","name":"Wcanvas","url":"https:\/\/wcanvas.com\/"},"headline":"Dise\u00f1o UX\/UI \u2014 \u00bfCu\u00e1l es la Diferencia entre UX y UI?","datePublished":"2022-10-08T08:00:00+00:00","dateModified":"2024-12-23T21:23:32+00:00","mainEntityOfPage":{"@type":"WebPage","@id":"https:\/\/wcanvas.com\/es\/blog\/ux-ui-diferencia\/"},"wordCount":1300,"publisher":{"@type":"Organization","name":"Wcanvas","logo":{"@type":"ImageObject","url":"https:\/\/wcanvas.com\/wp-content\/themes\/wcanvas\/assets\/img\/elements\/logo-white-white.png"}},"image":[],"thumbnailUrl":"https:\/\/wcanvas.com\/wp-content\/uploads\/2023\/01\/uxui9-1024x684-1.jpg","inLanguage":"es","description":null},{"@type":"WebPage","@id":"https:\/\/wcanvas.com\/es\/blog\/ux-ui-diferencia\/","url":"https:\/\/wcanvas.com\/es\/blog\/ux-ui-diferencia\/","name":"Dise\u00f1o UX\/UI \u2014 \u00bfCu\u00e1l es la Diferencia entre UX y UI? - White Canvas","isPartOf":{"@id":"https:\/\/wcanvas.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wcanvas.com\/es\/blog\/ux-ui-diferencia\/#primaryimage"},"image":{"@id":"https:\/\/wcanvas.com\/es\/blog\/ux-ui-diferencia\/#primaryimage"},"thumbnailUrl":"https:\/\/wcanvas.com\/wp-content\/uploads\/2023\/01\/uxui9-1024x684-1.jpg","datePublished":"2022-10-08T08:00:00+00:00","dateModified":"2024-12-23T21:23:32+00:00","description":"UI y UX son dos t\u00e9rminos que quiz\u00e1s escuches en c\u00edrculos tecnol\u00f3gicos. Conoc\u00e9 la diferencia y c\u00f3mo trabajan juntos.","breadcrumb":{"@id":"https:\/\/wcanvas.com\/es\/blog\/ux-ui-diferencia\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wcanvas.com\/es\/blog\/ux-ui-diferencia\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/wcanvas.com\/es\/blog\/ux-ui-diferencia\/#primaryimage","url":"https:\/\/wcanvas.com\/wp-content\/uploads\/2023\/01\/uxui9-1024x684-1.jpg","contentUrl":"https:\/\/wcanvas.com\/wp-content\/uploads\/2023\/01\/uxui9-1024x684-1.jpg","width":1024,"height":684,"caption":"sketching"},{"@type":"BreadcrumbList","@id":"https:\/\/wcanvas.com\/es\/blog\/ux-ui-diferencia\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wcanvas.com\/es\/"},{"@type":"ListItem","position":2,"name":"Blogs","item":"https:\/\/wcanvas.com\/es\/blogs\/"},{"@type":"ListItem","position":3,"name":"Dise\u00f1o UX\/UI \u2014 \u00bfCu\u00e1l es la Diferencia entre UX y UI?"}]},{"@type":"WebSite","@id":"https:\/\/wcanvas.com\/es\/#website","url":"https:\/\/wcanvas.com\/es\/","name":"White Canvas","description":"","publisher":{"@id":"https:\/\/wcanvas.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wcanvas.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/wcanvas.com\/es\/#organization","name":"White Canvas","url":"https:\/\/wcanvas.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/wcanvas.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/wcanvas.com\/wp-content\/uploads\/2023\/01\/logowhitecanvas.svg","contentUrl":"https:\/\/wcanvas.com\/wp-content\/uploads\/2023\/01\/logowhitecanvas.svg","width":115,"height":32,"caption":"White Canvas"},"image":{"@id":"https:\/\/wcanvas.com\/es\/#\/schema\/logo\/image\/"},"alternateName":"Wcanvas","contactPoint":[{"@type":"ContactPoint","telephone":"+1 (347) 688 2902","contactType":"sales","contactOption":"TollFree","areaServed":"US","availableLanguage":"en"},{"@type":"ContactPoint","telephone":"+54 (11) 5236 4717","contactType":"sales","contactOption":"TollFree","areaServed":"AR","availableLanguage":"es"}]},{"@type":"Person","@id":"https:\/\/wcanvas.com\/es\/#\/schema\/person\/ea362f7fa9eb0239142e5e982bd8c198","name":"Nicolas Pisani","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/wcanvas.com\/es\/#\/schema\/person\/image\/","url":"https:\/\/wcanvas.com\/wp-content\/uploads\/2022\/12\/cropped-avatar-nico-96x96.png","contentUrl":"https:\/\/wcanvas.com\/wp-content\/uploads\/2022\/12\/cropped-avatar-nico-96x96.png","caption":"Nicolas Pisani"},"sameAs":["https:\/\/wcanvas.com","#","https:\/\/www.instagram.com\/whitecanvasteam\/","https:\/\/x.com\/wcanvas"]}]}},"_links":{"self":[{"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/blogs\/11400","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/blogs"}],"about":[{"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/types\/blogs"}],"author":[{"embeddable":true,"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/users\/1"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/media\/762"}],"wp:attachment":[{"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/media?parent=11400"}],"wp:term":[{"taxonomy":"blog-categories","embeddable":true,"href":"https:\/\/wcanvas.com\/es\/wp-json\/wp\/v2\/blog-categories?post=11400"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}