{"id":2802,"date":"2021-09-07T11:24:56","date_gmt":"2021-09-07T09:24:56","guid":{"rendered":"https:\/\/akimad.com\/?p=2802"},"modified":"2021-09-07T12:47:48","modified_gmt":"2021-09-07T10:47:48","slug":"ui-vs-ux-todo-lo-que-necesitas-saber","status":"publish","type":"post","link":"https:\/\/akimad.com\/es\/ui-vs-ux-todo-lo-que-necesitas-saber\/","title":{"rendered":"UI vs UX, diferentes pero complementarios"},"content":{"rendered":"[vc_row type=\u00bbin_container\u00bb full_screen_row_position=\u00bbmiddle\u00bb column_margin=\u00bbdefault\u00bb scene_position=\u00bbcenter\u00bb text_color=\u00bbdark\u00bb text_align=\u00bbleft\u00bb overlay_strength=\u00bb0.3&#8243; shape_divider_position=\u00bbbottom\u00bb bg_image_animation=\u00bbnone\u00bb][vc_column column_padding=\u00bbno-extra-padding\u00bb column_padding_position=\u00bball\u00bb background_color_opacity=\u00bb1&#8243; background_hover_color_opacity=\u00bb1&#8243; column_link_target=\u00bb_self\u00bb column_shadow=\u00bbnone\u00bb column_border_radius=\u00bbnone\u00bb width=\u00bb1\/1&#8243; tablet_width_inherit=\u00bbdefault\u00bb tablet_text_alignment=\u00bbdefault\u00bb phone_text_alignment=\u00bbdefault\u00bb overlay_strength=\u00bb0.3&#8243; column_border_width=\u00bbnone\u00bb column_border_style=\u00bbsolid\u00bb bg_image_animation=\u00bbnone\u00bb][vc_column_text]\u00bfAlguna vez te ha pasado que est\u00e1s en una web muy atractiva visualmente en la que no funciona nada? Si hay algo en lo que coincidimos todo el mundo es que de nada sirve que una p\u00e1gina web sea muy bonita si luego no funciona y no satisface nuestras necesidades. Estos casos ocurren cuando los dise\u00f1adores de una web se han centrado en la interfaz del usuario (UI) y han dejado de lado la experiencia del usuario (UX). En Akimad sabemos que, pese a que son conceptos diferentes, es necesario que est\u00e9n alineados para que cualquier p\u00e1gina web o aplicaci\u00f3n funcione de la manera deseada.<\/p>\n<p>&nbsp;<\/p>\n<h3>UX (experiencia del usuario)<\/h3>\n<hr \/>\n<p>&nbsp;<\/p>\n<p>Se refiere a la forma en la que los usuarios interactuamos con un producto o servicio. Es la parte del dise\u00f1o de nuestra empresa que se encarga de que el producto final nos sea \u00fatil a la hora de utilizarlo.<\/p>\n<p>A la hora de dise\u00f1ar un producto , tenemos que asegurarnos de comprender las necesidades de nuestros clientes para poder as\u00ed satisfacerlas de una forma clara y simple. Un buen resultado es aquel que es de utilidad para el usuario. Es decir, si quiero enviar un correo, necesito un producto que me proporcione ese servicio de forma f\u00e1cil e intuitiva (UI), de manera que la acci\u00f3n de enviar un correo sea r\u00e1pida y din\u00e1mica (UX). Si le doy a \u00abenviar correo\u00bb quiero que el correo se env\u00ede al instante, no quiero esperar 5 minutos ya que entonces me cambiar\u00e9 de plataforma para enviar correos. En el momento en el que el servicio no se cumple de la forma que he detallado anteriormente, diremos que la experiencia del usuario es mala. Y por tanto le dar\u00e1 a nuestra empresa una imagen negativa, es por ello que en Akimad cuidamos de forma muy minuciosa el dise\u00f1o de nuestros productos.<\/p>\n<p>La UX (del ingl\u00e9s, user experience) se define como la forma en que se sienten las personas mientras usan los servicios que nuestra empresa ofrece. Pero no todo es la experiencia mientras se usa el producto, tambi\u00e9n es importante la sensaci\u00f3n que se genera en el cliente tras usar nuestro producto. Hay que tener en cuenta tanto las opiniones buenas como las malas. Mientras que los clientes con una opini\u00f3n buena volver\u00e1n a contar con nuestros servicios e incluso nos recomendar\u00e1n a familiares y amigos, aquellos a los que el producto les genere una mala sensaci\u00f3n, no solo no volver\u00e1n a contar con nosotros, sino que adem\u00e1s, es muy probable que hablen mal. Volviendo al caso de enviar un correo, todos sabemos que hay m\u00faltiples plataformas que cumplen con ese servicio, pero, \u00bfcu\u00e1l es el motivo de que te decantes por una u otra? Uno de los motivos es la experiencia del usuario, hay en sitios que la tarea de enviar un correo se vuelve lenta y costosa, mientras que en otros es r\u00e1pida y eficaz.<\/p>\n<p>&nbsp;<\/p>\n<h3>UI (interfaz del usuario)<\/h3>\n<hr \/>\n<p>&nbsp;<\/p>\n<p>Aparentemente, la interfaz del usuario no tiene nada que ver con el concepto que hemos definido anteriormente, la experiencia del usuario (UX). Pero vamos a ver que, al indagar en la definici\u00f3n del UI (del ingl\u00e9s, user interface), uno se da cuenta de que ambas ideas est\u00e1n muy relacionadas.<\/p>\n<p>El dise\u00f1ador de UI se encarga de que la interfaz del usuario est\u00e9 definida conforme a la experiencia del usuario (UX) de una forma intuitiva, simple e innovadora. Dicha interfaz debe de ser bonita y atractiva. De tal forma que nosotros como usuarios sepamos usarla a primera vista sin necesidad de una instrucci\u00f3n compleja. En nuestro ejemplo del correo electr\u00f3nico, vamos a pensar en el caso de que queramos darle un formato especial al cuerpo del correo. Hay plataformas que para cambiar la tipograf\u00eda o el color basta con darle a un bot\u00f3n que est\u00e1 visible en la zona en la que escribes el mensaje mientras que en otras hay que buscar d\u00f3nde se encuentra ese bot\u00f3n o igual hay que ponerlo con una combinaci\u00f3n de caracteres determinada.<\/p>\n<p>Un trabajo de UI realizado correctamente permitir\u00e1 a nuestra empresa guiar a los usuarios de tal forma que tomen las decisiones de forma natural. Y tu, como usuario, es lo que esperas de cualquier plataforma.<\/p>\n<p>&nbsp;<\/p>\n<p>Como ya hemos detallado, el UI y el UX son diferentes, es por ello que <strong>las funciones de sus dise\u00f1adores<\/strong> tambi\u00e9n lo son:<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Funciones del dise\u00f1ador UX:<\/strong><\/p>\n<hr \/>\n<ul>\n<li>Llevar a cabo investigaciones cualitativas y cuantitativas para definir al p\u00fablico objetivo y sus necesidades.<\/li>\n<li>Conocer las caracter\u00edsticas del producto para poder as\u00ed comprender su impacto sobre la experiencia del usuario<\/li>\n<li>Definir a los\u00a0<em>buyer personas<\/em><\/li>\n<li>Dise\u00f1ar prototipos, informes de evaluaci\u00f3n y otros entregables<\/li>\n<li>Poner a prueba el producto que se desea ofrecer mediante diversos tests y auditor\u00edas.<\/li>\n<li>Analizar competidores<\/li>\n<li>Trabajar con dise\u00f1adores UI para ver como implementar los dise\u00f1os<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><strong>Funciones del dise\u00f1ador UI:<\/strong><\/p>\n<hr \/>\n<ul>\n<li>Crear el dise\u00f1o de las interfaces del software.<\/li>\n<li>Garantizar que el producto est\u00e9 en el punto m\u00e1s avanzado posible<\/li>\n<li>Dise\u00f1o de interfaz.<\/li>\n<li>Dise\u00f1o visual.<\/li>\n<li>Dise\u00f1o de interacci\u00f3n.<\/li>\n<li>Gu\u00edas de interacci\u00f3n y de estilo.<\/li>\n<li>Dise\u00f1o de elementos.<\/li>\n<li>Establecer pautas visuales.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h3>Nexo entre UI y UX<\/h3>\n<hr \/>\n<p>&nbsp;<\/p>\n<p>\u00bfPara que exista la interfaz del usuario es necesario que exista la experiencia del usuario? La respuesta es s\u00ed.<\/p>\n<p>En una p\u00e1gina web la interfaz de usuario (UI) ser\u00eda una serie de botones y c\u00f3mo se ven, y la experiencia de usuario (UX) ser\u00edan los botones en s\u00ed mismos y las acciones que realizan. Es decir, la forma en la que el dise\u00f1ador de UI dise\u00f1a los botones de una forma u otra tiene que ver con la finalidad de los mismos. No tiene nada que ver un bot\u00f3n de una web dedicada a ni\u00f1os peque\u00f1os que el de una web orientada a adolescentes. Adem\u00e1s, si no es necesario que haya ning\u00fan bot\u00f3n, como es l\u00f3gico, el dise\u00f1ador UI no llevar\u00e1 a cabo ning\u00fan dise\u00f1o. \u00bfY c\u00f3mo sabes si es necesario que haya un bot\u00f3n o no? Para eso existe la experiencia del usuario (UX)<\/p>\n<p>Nosotros como empresa implementamos el dise\u00f1o UI\/UX en todas las aplicaciones que desarrollamos, tenemos muy clara la importancia de la implementaci\u00f3n del mismo y los beneficios que nos supone a nosotros a la hora de crear las aplicaciones y a vosotros como clientes.<\/p>\n<p>&nbsp;<\/p>\n<h3>Conclusiones<\/h3>\n<hr \/>\n<p>&nbsp;<\/p>\n<p>Mientras que el UI direcciona al usuario, el UX hace que la navegaci\u00f3n valga la pena, pero ambos conceptos tienen que ir de la mano.<\/p>\n<p>Si pensamos en un iceberg, el UI es la parte del que se ve desde fuera, el men\u00fa, las fotos, los botones&#8230; En cambio, el UX ser\u00eda la parte que no se ve, es decir, todo lo que hay detr\u00e1s. Es toda la tecnolog\u00eda que hay que implementar para que el bot\u00f3n \u00abcontacte con nosotros\u00bb te lleve a una p\u00e1gina en la que puedas introducir tu mail para que te lleguen las notificaciones.<\/p>\n<p>Es por ello que a la hora de dise\u00f1ar el producto es importante que contemos con un buen equipo que sepa implementar el dise\u00f1o UX\/UI a partes iguales. Haciendo as\u00ed que nuestro producto cumpla las necesidades de los clientes de una forma eficaz y de manera que los usuarios tengan una experiencia din\u00e1mica a la hora de utilizarlo.<\/p>\n<p>&nbsp;<\/p>\n<p>Ahora que ya sabes sobre la diferencia entre UI y UX, es l\u00f3gico que pienses que la creaci\u00f3n de tu aplicaci\u00f3n va a ser un caos si ambas disciplinas no est\u00e1n alineadas. Son numerosas las empresas que implementan un dise\u00f1o UI\/UX ca\u00f3tico por no saber conseguir la armon\u00eda entre ambos conceptos. Pero nosotros, en Akimad, tenemos muy clara la f\u00f3rmula para conseguir el equilibrio. Si no quieres frustrar a tus usuarios contacta con nosotros y vemos c\u00f3mo podemos ayudarte.<\/p>\n<p>&nbsp;<\/p>\n<hr \/>\n<p>Foto de Fabian Wiktor en Pexels[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=\u00bbfull_width_background\u00bb full_screen_row_position=\u00bbmiddle\u00bb equal_height=\u00bbyes\u00bb content_placement=\u00bbmiddle\u00bb column_margin=\u00bbdefault\u00bb bg_color=\u00bb#000000&#8243; scene_position=\u00bbcenter\u00bb text_color=\u00bblight\u00bb text_align=\u00bbleft\u00bb top_padding=\u00bb70&#8243; bottom_padding=\u00bb70&#8243; overlay_strength=\u00bb0.95&#8243; shape_divider_position=\u00bbbottom\u00bb bg_image_animation=\u00bbnone\u00bb shape_type=\u00bb\u00bb][vc_column column_padding=\u00bbno-extra-padding\u00bb column_padding_position=\u00bball\u00bb background_color_opacity=\u00bb1&#8243; background_hover_color_opacity=\u00bb1&#8243; column_link_target=\u00bb_self\u00bb column_shadow=\u00bbnone\u00bb column_border_radius=\u00bbnone\u00bb width=\u00bb5\/12&#8243; tablet_width_inherit=\u00bbdefault\u00bb tablet_text_alignment=\u00bbcenter\u00bb phone_text_alignment=\u00bbcenter\u00bb overlay_strength=\u00bb0.3&#8243; column_border_width=\u00bbnone\u00bb column_border_style=\u00bbsolid\u00bb bg_image_animation=\u00bbnone\u00bb][split_line_heading animation_type=\u00bbline-reveal-by-space\u00bb font_style=\u00bbh2&#8243; text_content=\u00bbEn Akimad estamos disponibles para ti\u00bb][\/split_line_heading][\/vc_column][vc_column column_padding=\u00bbno-extra-padding\u00bb column_padding_position=\u00bball\u00bb background_color_opacity=\u00bb1&#8243; background_hover_color_opacity=\u00bb1&#8243; column_link_target=\u00bb_self\u00bb column_shadow=\u00bbnone\u00bb column_border_radius=\u00bbnone\u00bb width=\u00bb1\/12&#8243; tablet_width_inherit=\u00bbdefault\u00bb tablet_text_alignment=\u00bbcenter\u00bb phone_text_alignment=\u00bbcenter\u00bb overlay_strength=\u00bb0.3&#8243; column_border_width=\u00bbnone\u00bb column_border_style=\u00bbsolid\u00bb bg_image_animation=\u00bbnone\u00bb][\/vc_column][vc_column column_padding=\u00bbno-extra-padding\u00bb column_padding_position=\u00bball\u00bb background_color_opacity=\u00bb1&#8243; background_hover_color_opacity=\u00bb1&#8243; column_link_target=\u00bb_self\u00bb column_shadow=\u00bbnone\u00bb column_border_radius=\u00bbnone\u00bb width=\u00bb1\/2&#8243; tablet_width_inherit=\u00bbdefault\u00bb tablet_text_alignment=\u00bbcenter\u00bb phone_text_alignment=\u00bbcenter\u00bb overlay_strength=\u00bb0.3&#8243; column_border_width=\u00bbnone\u00bb column_border_style=\u00bbsolid\u00bb bg_image_animation=\u00bbnone\u00bb][vc_row_inner column_margin=\u00bbdefault\u00bb text_align=\u00bbright\u00bb][vc_column_inner column_padding=\u00bbno-extra-padding\u00bb column_padding_position=\u00bball\u00bb background_color_opacity=\u00bb1&#8243; background_hover_color_opacity=\u00bb1&#8243; column_shadow=\u00bbnone\u00bb column_border_radius=\u00bbnone\u00bb column_link_target=\u00bb_self\u00bb width=\u00bb1\/1&#8243; tablet_width_inherit=\u00bbdefault\u00bb overlay_strength=\u00bb0.3&#8243; column_border_width=\u00bbnone\u00bb column_border_style=\u00bbsolid\u00bb bg_image_animation=\u00bbnone\u00bb][nectar_cta btn_style=\u00bbarrow-animation\u00bb heading_tag=\u00bbh4&#8243; text_color=\u00bb#ffffff\u00bb button_color=\u00bbaccent-color\u00bb link_type=\u00bbregular\u00bb alignment=\u00bbleft\u00bb display=\u00bbinline\u00bb link_text=\u00bbCont\u00e1ctanos\u00bb url=\u00bbhttps:\/\/akimad.com\/es\/contacto\/\u00bb padding_top=\u00bb20&#8243; padding_right=\u00bb40&#8243; padding_bottom=\u00bb20&#8243; padding_left=\u00bb40&#8243;][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row]\n","protected":false},"excerpt":{"rendered":"<p>[vc_row type=\u00bbin_container\u00bb full_screen_row_position=\u00bbmiddle\u00bb column_margin=\u00bbdefault\u00bb scene_position=\u00bbcenter\u00bb text_color=\u00bbdark\u00bb text_align=\u00bbleft\u00bb overlay_strength=\u00bb0.3&#8243; shape_divider_position=\u00bbbottom\u00bb bg_image_animation=\u00bbnone\u00bb][vc_column column_padding=\u00bbno-extra-padding\u00bb column_padding_position=\u00bball\u00bb background_color_opacity=\u00bb1&#8243; background_hover_color_opacity=\u00bb1&#8243; column_link_target=\u00bb_self\u00bb column_shadow=\u00bbnone\u00bb column_border_radius=\u00bbnone\u00bb width=\u00bb1\/1&#8243; tablet_width_inherit=\u00bbdefault\u00bb tablet_text_alignment=\u00bbdefault\u00bb phone_text_alignment=\u00bbdefault\u00bb overlay_strength=\u00bb0.3&#8243; column_border_width=\u00bbnone\u00bb column_border_style=\u00bbsolid\u00bb bg_image_animation=\u00bbnone\u00bb][vc_column_text]\u00bfAlguna vez te ha pasado que&#8230;<\/p>\n","protected":false},"author":5,"featured_media":2805,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"none","content-type":""},"categories":[40],"tags":[],"_links":{"self":[{"href":"https:\/\/akimad.com\/es\/wp-json\/wp\/v2\/posts\/2802"}],"collection":[{"href":"https:\/\/akimad.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/akimad.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/akimad.com\/es\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/akimad.com\/es\/wp-json\/wp\/v2\/comments?post=2802"}],"version-history":[{"count":4,"href":"https:\/\/akimad.com\/es\/wp-json\/wp\/v2\/posts\/2802\/revisions"}],"predecessor-version":[{"id":2826,"href":"https:\/\/akimad.com\/es\/wp-json\/wp\/v2\/posts\/2802\/revisions\/2826"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/akimad.com\/es\/wp-json\/wp\/v2\/media\/2805"}],"wp:attachment":[{"href":"https:\/\/akimad.com\/es\/wp-json\/wp\/v2\/media?parent=2802"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/akimad.com\/es\/wp-json\/wp\/v2\/categories?post=2802"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/akimad.com\/es\/wp-json\/wp\/v2\/tags?post=2802"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}