{"id":92,"date":"2022-09-01T09:27:20","date_gmt":"2022-09-01T09:27:20","guid":{"rendered":"https:\/\/www.rubensantaella.es\/blog\/?p=92"},"modified":"2022-09-01T10:17:20","modified_gmt":"2022-09-01T10:17:20","slug":"ui-versus-ux-significado-y-diferencias","status":"publish","type":"post","link":"https:\/\/www.rubensantaella.es\/blog\/ui-versus-ux-significado-y-diferencias\/","title":{"rendered":"UI versus UX: significado y diferencias"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Un buen dise\u00f1o web es fundamental para poder ofrecer a los usuarios una buena experiencia de usuario. Tanto el UI como el UX se han convertido en los \u00faltimos tiempos en un must para satisfacer las expectativas de los usuarios y lograr una mayor rentabilidad. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Pero \u00bfcu\u00e1l es la diferencia entre UI (user interface) y UX (user experience)? Tratar\u00e9 de explicarlo de la forma m\u00e1s sencilla en este nuevo post.<\/strong><\/p>\n\n\n\n<div style=\"height:18px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">UX: Definici\u00f3n<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">UX (user experience) o experiencia del usuario, se puede definir como la forma en la que los usuarios de nuestra web la perciben cuando navegan a trav\u00e9s de ella y hacen uso de las diferentes funcionalidades disponibles. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">El dise\u00f1o UX nos permite optimizar nuestra web para que los usuarios tengan una buena experiencia de navegaci\u00f3n, sin tener que realizar esfuerzos extras para entender las funcionalidades y puedan encontrar f\u00e1cilmente aquello que buscan. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">El UX pone el foco en el usuario, tratando de facilitar cada una de sus decisiones dentro de la web. <\/p>\n\n\n\n<div style=\"height:14px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">UI: Definici\u00f3n<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">El dise\u00f1o UI (user interface) o interfaz de usuario, se refiere al conjunto de \u00edtems con los que el usuario puede interactuar dentro de nuestra web: botones, formularios, v\u00eddeos, etc. Se puede decir que es aquello que se ve y se toca dentro de una web, una aplicaci\u00f3n o un dispositivo f\u00edsico. <\/p>\n\n\n\n<div style=\"height:29px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>UX y UI<\/strong>: Diferencias<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Ambos conceptos se confunden con frecuencia ya que est\u00e1n \u00edntimamente relacionados. Como aproximaci\u00f3n inicial podemos decir que la combinaci\u00f3n de ambos es fundamental para que consigamos un dise\u00f1o perfecto para satisfacer a los usuarios. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Mientras que el UX se centra en optimizar la navegaci\u00f3n de una p\u00e1gina web, la UI se centra en el dise\u00f1o de los aspectos visuales de la misma. En el proceso de dise\u00f1o de una web se puede decir que utilizamos el dise\u00f1o UX para mejorar la experiencia del usuario, alineando cada elemento con el dise\u00f1o UI. <\/p>\n\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Beneficios de trabajar en UX y UI<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Vamos al grano. Los beneficios son muchos y son evidentes. Son los siguientes (mira, me ha salido una rima cojonuda):<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Incremento de las conversiones<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Trabajar en un buen dise\u00f1o general, permitir\u00e1 a los usuarios interactuar mejor con la web sin tener que realizar grandes esfuerzos para moverse a trav\u00e9s de las diferentes p\u00e1ginas. El proceso de compra (en el caso de una tienda online) ser\u00e1 sencillo y disminuirla los carros abandonados y la tasa de rebote. Es decir, las ventas se incrementar\u00e1n. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Aumento del tiempo de permanencia, el n\u00famero de p\u00e1ginas visitadas y disminuci\u00f3n de la tasa de rebote. <\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Todos los SEOs sabemos que el tiempo de permanencia es uno de los factores SEO clave. Si nuestra web permite una excelente experiencia de usuarios, estos permanecer\u00e1n m\u00b4\u00f1as tiempo navegando y leyendo, aumentando la tasa de permanencia y el n\u00famero de p\u00e1ginas visitadas. Adem\u00e1s, disminuir\u00e1 la tasa de rebote. Un tres en uno. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Mejora de la imagen de empresa<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Un sitio web con un dise\u00f1o impecable ayuda a mejorar la imagen de marca. Esto no hay que explicarlo a fondo para entenderlo. Cu\u00e1ntas veces hemos entrado en una web lamentable de una gran empresa y nos hemos hecho una idea equivocada, simplemente por el descuido que han tenido en el dise\u00f1o de la web corporativa. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Mejora del posicionamiento<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Como he comentado anteriormente, los factores SEO m\u00e1s importantes a d\u00eda de hoy son: CTR, tiempo de permanencia, tasa de rebote, p\u00e1ginas visitas y enlaces entrantes. Con un buen dise\u00f1o, mejoramos al menos tres de los cinco factores. <\/p>\n\n\n\n<div style=\"height:45px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Ahora que ya conoces la importancia del dise\u00f1o UX y UI, as\u00ed como la ventanas y beneficios que ofrecen, es hora de plantearte si tu web necesita mejorar.<\/strong><\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u00bfCu\u00e1l es la diferencia entre UI (user interface) y UX (user experience)? Tratar\u00e9 de explicarlo de la forma m\u00e1s sencilla en este nuevo post.<\/p>\n","protected":false},"author":1,"featured_media":95,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","_seopress_robots_follow":"","_seopress_robots_imageindex":"","_seopress_robots_snippet":"","_seopress_robots_primary_cat":"","_seopress_robots_breadcrumbs":"","_seopress_robots_freeze_modified_date":"","_seopress_robots_custom_modified_date":"","_seopress_robots_canonical":"","_seopress_social_fb_title":"","_seopress_social_fb_desc":"","_seopress_social_fb_img":"","_seopress_social_fb_img_attachment_id":0,"_seopress_social_fb_img_width":0,"_seopress_social_fb_img_height":0,"_seopress_social_twitter_title":"","_seopress_social_twitter_desc":"","_seopress_social_twitter_img":"","_seopress_social_twitter_img_attachment_id":0,"_seopress_social_twitter_img_width":0,"_seopress_social_twitter_img_height":0,"_seopress_redirections_value":"","_seopress_redirections_enabled":"","_seopress_redirections_enabled_regex":"","_seopress_redirections_logged_status":"","_seopress_redirections_param":"","_seopress_redirections_type":0,"_seopress_analysis_target_kw":"","_seopress_news_disabled":"","_seopress_video_disabled":"","_seopress_video":[],"_seopress_pro_schemas_manual":[],"_seopress_pro_rich_snippets_disable_all":"","_seopress_pro_rich_snippets_disable":[],"_seopress_pro_schemas":[],"footnotes":""},"categories":[1],"tags":[31,32,29,30],"class_list":["post-92","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-general","tag-diseno-web","tag-seo","tag-ui","tag-ux"],"_links":{"self":[{"href":"https:\/\/www.rubensantaella.es\/blog\/wp-json\/wp\/v2\/posts\/92","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rubensantaella.es\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rubensantaella.es\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rubensantaella.es\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rubensantaella.es\/blog\/wp-json\/wp\/v2\/comments?post=92"}],"version-history":[{"count":2,"href":"https:\/\/www.rubensantaella.es\/blog\/wp-json\/wp\/v2\/posts\/92\/revisions"}],"predecessor-version":[{"id":96,"href":"https:\/\/www.rubensantaella.es\/blog\/wp-json\/wp\/v2\/posts\/92\/revisions\/96"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.rubensantaella.es\/blog\/wp-json\/wp\/v2\/media\/95"}],"wp:attachment":[{"href":"https:\/\/www.rubensantaella.es\/blog\/wp-json\/wp\/v2\/media?parent=92"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rubensantaella.es\/blog\/wp-json\/wp\/v2\/categories?post=92"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rubensantaella.es\/blog\/wp-json\/wp\/v2\/tags?post=92"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}