{"id":41869,"date":"2022-02-15T16:58:49","date_gmt":"2022-02-15T16:58:49","guid":{"rendered":"https:\/\/demo23.houzez.co\/property\/d-allyon-drnorth-port34287\/"},"modified":"2024-06-25T13:59:59","modified_gmt":"2024-06-25T13:59:59","slug":"fundamentos-de-diseno-de-interface-ui-y-ux","status":"publish","type":"property","link":"https:\/\/formacampus.cl\/?property=fundamentos-de-diseno-de-interface-ui-y-ux","title":{"rendered":"FUNDAMENTOS DE DISE\u00d1O DE INTERFACES UI Y UX (15 hrs.)"},"content":{"rendered":"<p style=\"font-weight: 400;\"><strong>Visi\u00f3n general \/Objetivos<\/strong><\/p>\n<ul style=\"font-weight: 400;\">\n<li>Entender los conceptos de experiencia de usuario (UX) e interfaz de usuario (UI) y cu\u00e1l es el objetivo de cada una.<\/li>\n<li>Conocer el origen de esta disciplina, tan extendida en la actualidad.<\/li>\n<li>Descubrir qu\u00e9 son las GUI y saber c\u00f3mo est\u00e1n presentes en el d\u00eda a d\u00eda de los usuarios.<\/li>\n<li>Comprender c\u00f3mo funciona el proceso de creaci\u00f3n de un producto digital y c\u00f3mo se hace uso del UX y UI durante el mismo.<\/li>\n<li>Aprender en profundidad cu\u00e1l es el proceso de dise\u00f1o de interfaces de un producto digital, partiendo de la primera parte de an\u00e1lisis UX.<\/li>\n<li>Descubrir cu\u00e1les son los elementos que componen la experiencia de usuario y c\u00f3mo tenerlos en cuenta.<\/li>\n<li>Comprender qu\u00e9 son los sitemaps y los wireframes, y por qu\u00e9 es imprescindible llevarlos a cabo antes de empezar el dise\u00f1o de una interfaz.<\/li>\n<li>Conocer los fundamentos del dise\u00f1o en general para poder entender mejor el dise\u00f1o de interfaces.<\/li>\n<li>Descubrir todos los elementos b\u00e1sicos del dise\u00f1o y c\u00f3mo estos se aplican al dise\u00f1o de interfaces.<\/li>\n<li>Aprender las reglas b\u00e1sicas en el dise\u00f1o de interfaces y cu\u00e1les las mejores pr\u00e1cticas para aplicarlas.<\/li>\n<li>Entender c\u00f3mo la psicolog\u00eda afecta a todas las decisiones tomadas en dise\u00f1o de interfaces.<\/li>\n<li>Identificar cu\u00e1les son patrones de dise\u00f1o que el usuario ya reconoce y entiende.<\/li>\n<li>Aprender las mejores pr\u00e1cticas para el dise\u00f1o de cada uno de los componentes de una interfaz.<\/li>\n<li>Conocer herramientas y recursos \u00fatiles en el dise\u00f1o de interfaces, para que esta labor sea lo m\u00e1s c\u00f3moda y sencilla posible.<\/li>\n<\/ul>\n<p style=\"font-weight: 400;\"><strong>&nbsp;<\/strong><\/p>\n<p style=\"font-weight: 400;\"><strong>Programa o Malla <\/strong><\/p>\n<p style=\"font-weight: 400;\">\n<\/p><ol>\n<li style=\"font-weight: 400;\">UNIDAD 1. UX Y UI. DEFINIENDO CONCEPTOS<br>\n1.1. \u00bfQU\u00c9 ES UX Y UI?<br>\n1.2. DIFERENCIAS ENTRE UX Y UI<br>\n1.3. ORIGEN Y EVOLUCI\u00d3N<br>\n1.4. EL ORIGEN: LAS GUI<br>\n1.4.1. \u00bfQu\u00e9 es GUI?<br>\n1.4.2. \u00bfC\u00f3mo funcionan las GUI?<br>\n1.4.3. Componentes de las GUI<br>\n1.4.4. Requisitos de las GUI<br>\n1.4.5. Ventajas y desventajas de las GUI<br>\n1.5. PROCESO DE CREACI\u00d3N DE UN PRODUCTO DIGITAL<\/li>\n<\/ol>\n<p style=\"font-weight: 400;\">\nUNIDAD 2: UX EN EL PROCESO DE CREACI\u00d3N DE UN PRODUCTO DIGITAL<br>\n2.1. EL PROCESO DE DISE\u00d1O UX\/UI<br>\n2.2. BENCHMARK<br>\n2.2.1. \u00bfPor qu\u00e9 benchmarking?<br>\n2.2.2. Hacer benchmarking<br>\n2.2.3. Aspectos dentro del an\u00e1lisis<br>\n2.3. EL USUARIO<br>\n2.3.1. \u00bfQu\u00e9 es el buyer persona?<br>\n2.3.2. Buyer persona y target o p\u00fablico objetivo<br>\n2.3.3. Tipos de buyer persona<br>\n2.3.4. Beneficios de la definici\u00f3n de un buyer persona<br>\n2.3.5. Crear un buyer persona<br>\n2.4. USABILIDAD<br>\n2.4.1. \u00bfQu\u00e9 es la usabilidad?<br>\n2.4.2. Beneficios y ventajas<br>\n2.4.3. Relevancia de la usabilidad<br>\n2.4.4. Productos sin usabilidad<br>\n2.4.5. Usabilidad web<br>\n2.5. ACCESIBILIDAD<br>\n2.5.1. \u00bfQu\u00e9 es accesibilidad?<br>\n2.5.2. Elementos de la accesibilidad TIC<br>\n2.5.3. Accesibilidad web<br>\n2.5.4. Por qu\u00e9 accesibilidad web<br>\n2.6. SITEMAP<br>\n2.6.1. \u00bfQu\u00e9 es un sitemap o \u00e1rbol de contenido?<br>\n2.6.2. Objetivos<br>\n2.6.3. Elementos del sitemap<br>\n2.7. WIREFRAMING<br>\n2.7.1. \u00bfQu\u00e9 son los wireframes?<br>\n2.7.2. Tipos de wireframes<br>\n2.7.3. Objetivos de los wireframes<\/p>\n<p style=\"font-weight: 400;\">UNIDAD 3: DISE\u00d1O DE UI EN EL PROCESO DE CREACI\u00d3N DE UN PRODUCTO DIGITAL<br>\n3.1. FUNDAMENTOS DE DISE\u00d1O<br>\n3.1.1. \u00bfQu\u00e9 es el dise\u00f1o?<br>\n3.1.2. Ramas del dise\u00f1o<br>\n3.1.3. Elementos del dise\u00f1o<br>\n3.1.4. Principios b\u00e1sicos del dise\u00f1o<br>\n3.2. FUNDAMENTOS DEL DISE\u00d1O UI<br>\n3.2.1. Consistencia<br>\n3.2.2. Estructura y componentes<br>\n3.2.3. Interacci\u00f3n<br>\n3.2.4. Wireframes, mockups y prototipos<br>\n3.3. LEYES DE LA GESTALT<br>\n3.3.1. Figura y fondo<br>\n3.3.2. Semejanza<br>\n3.3.3. Proximidad y lugar com\u00fan<br>\n3.3.4. Ley de la pregnancia<br>\n3.3.5. Ley de la experiencia<br>\n3.4. EL COLOR<br>\n3.4.1. El c\u00edrculo crom\u00e1tico, modo HSL<br>\n3.4.2. Paletas de color<br>\n3.4.3. Variaciones de color<br>\n3.5. LA TIPOGRAF\u00cdA<br>\n3.5.1. Tipograf\u00eda, familias y fuentes<br>\n3.5.2. Elementos de la tipograf\u00eda<br>\n3.5.3. Tipos de fuente<br>\n3.5.4. Propiedades de las fuentes<br>\n3.5.5. Uso de la tipograf\u00eda<\/p>\n<p style=\"font-weight: 400;\">UNIDAD 4. PATRONES DE DISE\u00d1O DE INTERFACES Y HERRAMIENTAS \u00daTILES<br>\n4.1. PATRONES DE DISE\u00d1O<br>\n4.1.1. Botones<br>\n4.1.2. Patrones de navegaci\u00f3n<br>\n4.1.3. Patrones de layout<br>\n4.1.4. Formularios<br>\n4.1.5. Patrones de organizaci\u00f3n del contenido<br>\n4.1.6. Patrones para mostrar y ocultar informaci\u00f3n<br>\n4.1.7. Patrones de feedback<br>\n4.2. DISE\u00d1O UX\/UI Y BUENAS PR\u00c1CTICAS<br>\n4.2.1. Sistema de dise\u00f1o<br>\n4.3. HERRAMIENTAS PARA DISE\u00d1O UX\/UI<br>\n4.3.1. Herramientas para crear sitemaps y diagramas de flujo del usuario<br>\n4.3.2. Herramientas para crear wireframes<br>\n4.3.3. Herramientas de dise\u00f1o UI<br>\n4.3.4. Herramientas de prototipado<br>\n4.3.5. Recursos<\/p>\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<div class=\"is-layout-flex wp-block-buttons\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-50\"><a class=\"wp-block-button__link has-background wp-element-button\" href=\"https:\/\/www.sumar.cl\/_asesoriasacademicas\/ficha\/48295\" style=\"background-color:#0d4d73\">Comparar curso<\/a><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Visi\u00f3n general \/Objetivos Entender los conceptos de experiencia de usuario (UX) e interfaz de usuario (UI) y cu\u00e1l es el objetivo de cada una. Conocer el origen de esta disciplina, tan extendida en la actualidad. Descubrir qu\u00e9 son las GUI y saber c\u00f3mo est\u00e1n presentes en el d\u00eda a d\u00eda de los usuarios. Comprender c\u00f3mo [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":44029,"parent":0,"menu_order":0,"template":"","property_type":[358],"property_status":[],"property_feature":[],"property_label":[],"property_country":[],"property_state":[],"property_city":[195],"property_area":[],"aioseo_notices":[],"property_meta":{"_realtyna_idx_item":["1"],"_realtyna_idx_item_time":["1644944405"],"_realtyna_idx_item_provider":["mlg_demo"],"_realtyna_idx_item_demo":["1"],"fave_currency":["USD"],"fave_currency_info":["",""],"fave_property_price":["32300"],"fave_agents":["156"],"fave_loggedintoview":["0"],"fave_property_map":["0"],"fave_property_id":["MyC04"],"fave_property_zip":["34287"],"fave_property_country":["US"],"fave_featured":["0"],"fave_agent_display_option":["agent_info"],"fave_prop_homeslider":["no"],"fave_property_location":["27.054917,-82.27076,14"],"houzez_geolocation_lat":["27.054917","27.054917"],"houzez_geolocation_long":["-82.27076","-82.27076"],"fave_floor_plans_enable":["disable"],"fave_additional_features_enable":["disable"],"additional_features":["a:1:{i:0;a:2:{s:29:\"fave_additional_feature_title\";s:12:\"Water Source\";s:29:\"fave_additional_feature_value\";s:18:\"Well,Well Required\";}}"],"fave_multiunit_plans_enable":["disable"],"fave_living_size_prefix":["Sqft"],"fave_mls_id":["MFRA4149494"],"fave_office_name":["CENTURY 21 SCHMIDT REAL ESTATE"],"fave_agent_name":["Bob Rouleau"],"fave_mls_status":["Active"],"_thumbnail_id":["44029"],"houzez_total_property_views":["156"],"houzez_views_by_date":["a:61:{s:10:\"03-28-2025\";i:1;s:10:\"04-04-2025\";i:1;s:10:\"04-10-2025\";i:1;s:10:\"04-12-2025\";i:1;s:10:\"04-23-2025\";i:1;s:10:\"05-04-2025\";i:1;s:10:\"05-14-2025\";i:1;s:10:\"05-21-2025\";i:1;s:10:\"05-30-2025\";i:1;s:10:\"06-01-2025\";i:1;s:10:\"06-13-2025\";i:1;s:10:\"06-22-2025\";i:1;s:10:\"06-27-2025\";i:1;s:10:\"07-05-2025\";i:1;s:10:\"07-18-2025\";i:1;s:10:\"07-21-2025\";i:1;s:10:\"07-31-2025\";i:1;s:10:\"08-02-2025\";i:1;s:10:\"08-06-2025\";i:1;s:10:\"08-07-2025\";i:1;s:10:\"08-17-2025\";i:1;s:10:\"08-20-2025\";i:1;s:10:\"08-31-2025\";i:1;s:10:\"09-10-2025\";i:1;s:10:\"09-12-2025\";i:1;s:10:\"09-18-2025\";i:1;s:10:\"09-28-2025\";i:1;s:10:\"10-03-2025\";i:1;s:10:\"10-10-2025\";i:1;s:10:\"10-16-2025\";i:1;s:10:\"10-26-2025\";i:1;s:10:\"11-03-2025\";i:1;s:10:\"11-09-2025\";i:1;s:10:\"11-14-2025\";i:1;s:10:\"11-17-2025\";i:1;s:10:\"12-06-2025\";i:1;s:10:\"12-16-2025\";i:1;s:10:\"12-19-2025\";i:1;s:10:\"12-26-2025\";i:1;s:10:\"01-03-2026\";i:1;s:10:\"01-12-2026\";i:1;s:10:\"01-14-2026\";i:1;s:10:\"01-22-2026\";i:1;s:10:\"01-23-2026\";i:1;s:10:\"01-24-2026\";i:1;s:10:\"01-26-2026\";i:3;s:10:\"01-27-2026\";i:1;s:10:\"01-28-2026\";i:2;s:10:\"02-05-2026\";i:1;s:10:\"02-12-2026\";i:1;s:10:\"02-20-2026\";i:1;s:10:\"03-01-2026\";i:1;s:10:\"03-10-2026\";i:1;s:10:\"03-12-2026\";i:1;s:10:\"03-22-2026\";i:1;s:10:\"03-27-2026\";i:1;s:10:\"04-03-2026\";i:1;s:10:\"04-09-2026\";i:1;s:10:\"04-16-2026\";i:1;s:10:\"04-23-2026\";i:1;s:10:\"04-29-2026\";i:1;}"],"houzez_recently_viewed":["2026-04-29 22:24:51"],"_edit_lock":["1719324000:1"],"_edit_last":["1"],"fave_property_map_street_view":["hide"],"fave_single_top_area":["global"],"fave_single_content_area":["global"],"_aioseo_title":[null],"_aioseo_description":[null],"_aioseo_keywords":[""],"_aioseo_og_title":[null],"_aioseo_og_description":[null],"_aioseo_og_article_section":[""],"_aioseo_og_article_tags":[""],"_aioseo_twitter_title":[null],"_aioseo_twitter_description":[null],"om_disable_all_campaigns":[""],"houzez_manual_expire":["0"],"_houzez_expiration_date_status":["saved"],"fave_property_images":["44029"],"_monsterinsights_sitenote_active":["0"]},"_links":{"self":[{"href":"https:\/\/formacampus.cl\/index.php?rest_route=\/wp\/v2\/properties\/41869"}],"collection":[{"href":"https:\/\/formacampus.cl\/index.php?rest_route=\/wp\/v2\/properties"}],"about":[{"href":"https:\/\/formacampus.cl\/index.php?rest_route=\/wp\/v2\/types\/property"}],"author":[{"embeddable":true,"href":"https:\/\/formacampus.cl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"version-history":[{"count":6,"href":"https:\/\/formacampus.cl\/index.php?rest_route=\/wp\/v2\/properties\/41869\/revisions"}],"predecessor-version":[{"id":44557,"href":"https:\/\/formacampus.cl\/index.php?rest_route=\/wp\/v2\/properties\/41869\/revisions\/44557"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/formacampus.cl\/index.php?rest_route=\/wp\/v2\/media\/44029"}],"wp:attachment":[{"href":"https:\/\/formacampus.cl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=41869"}],"wp:term":[{"taxonomy":"property_type","embeddable":true,"href":"https:\/\/formacampus.cl\/index.php?rest_route=%2Fwp%2Fv2%2Fproperty_type&post=41869"},{"taxonomy":"property_status","embeddable":true,"href":"https:\/\/formacampus.cl\/index.php?rest_route=%2Fwp%2Fv2%2Fproperty_status&post=41869"},{"taxonomy":"property_feature","embeddable":true,"href":"https:\/\/formacampus.cl\/index.php?rest_route=%2Fwp%2Fv2%2Fproperty_feature&post=41869"},{"taxonomy":"property_label","embeddable":true,"href":"https:\/\/formacampus.cl\/index.php?rest_route=%2Fwp%2Fv2%2Fproperty_label&post=41869"},{"taxonomy":"property_country","embeddable":true,"href":"https:\/\/formacampus.cl\/index.php?rest_route=%2Fwp%2Fv2%2Fproperty_country&post=41869"},{"taxonomy":"property_state","embeddable":true,"href":"https:\/\/formacampus.cl\/index.php?rest_route=%2Fwp%2Fv2%2Fproperty_state&post=41869"},{"taxonomy":"property_city","embeddable":true,"href":"https:\/\/formacampus.cl\/index.php?rest_route=%2Fwp%2Fv2%2Fproperty_city&post=41869"},{"taxonomy":"property_area","embeddable":true,"href":"https:\/\/formacampus.cl\/index.php?rest_route=%2Fwp%2Fv2%2Fproperty_area&post=41869"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}