{"id":33204,"date":"2021-11-18T10:35:53","date_gmt":"2021-11-18T09:35:53","guid":{"rendered":"https:\/\/xitaso.com\/?page_id=33204"},"modified":"2025-08-12T13:59:23","modified_gmt":"2025-08-12T11:59:23","slug":"caso-practico-uiux-sistema-de-deteccion-de-intrusiones","status":"publish","type":"page","link":"https:\/\/xitaso.com\/es\/proyectos\/caso-practico-uiux-sistema-de-deteccion-de-intrusiones\/","title":{"rendered":"Caso pr\u00e1ctico de UI\/UX – Sistema de detecci\u00f3n de intrusiones (IDS)"},"content":{"rendered":"

[vc_row css_animation=\u00bb\u00bb row_type=\u00bbrow\u00bb use_row_as_full_screen_section=\u00bbno\u00bb type=\u00bbfull_width\u00bb angled_section=\u00bbno\u00bb text_align=\u00bbleft\u00bb background_image_as_pattern=\u00bbwithout_pattern\u00bb z_index=\u00bb\u00bb el_class=\u00bbheader_level2_container\u00bb][vc_column][vc_row_inner row_type=\u00bbrow\u00bb type=\u00bbfull_width\u00bb text_align=\u00bbleft\u00bb css_animation=\u00bb\u00bb css=\u00bb.vc_custom_1720081539390{background-image: url(https:\/\/xitaso.com\/wp-content\/uploads\/Referenz_Ausecus-Header.jpg?id=14264) !important;}\u00bb][vc_column_inner offset=\u00bbvc_hidden-xs\u00bb][vc_empty_space height=\u00bb500″][\/vc_column_inner][\/vc_row_inner][vc_row_inner row_type=\u00bbrow\u00bb type=\u00bbfull_width\u00bb text_align=\u00bbleft\u00bb css_animation=\u00bb\u00bb][vc_column_inner offset=\u00bbvc_hidden-lg vc_hidden-md vc_hidden-sm\u00bb][vc_single_image image=\u00bb14264″ img_size=\u00bbfull\u00bb css=\u00bb\u00bb qode_css_animation=\u00bb\u00bb][\/vc_column_inner][\/vc_row_inner][vc_row_inner row_type=\u00bbrow\u00bb type=\u00bbgrid\u00bb text_align=\u00bbleft\u00bb css_animation=\u00bb\u00bb][vc_column_inner][vc_raw_html css=\u00bb\u00bb]JTNDZGl2JTIwY2xhc3MlM0QlMjJoZWFkZXJfbGV2ZWwyJTIyJTNFJTBBJTNDZGl2JTIwY2xhc3MlM0QlMjJ0b3BwZXIlMjIlM0VTaXN0ZW1hJTIwZGUlMjBkZXRlY2NpJUMzJUIzbiUyMGRlJTIwaW50cnVzaW9uZXMlMjAlMjhJRFMlMjklM0MlMkZkaXYlM0UlMEElM0NoMSUzRUNhc28lMjBwciVDMyVBMWN0aWNvJTIwZGUlMjBVSSUyRlVYJTNDJTJGaDElM0UlMEElM0MlMkZkaXYlM0UlMEElMEE=[\/vc_raw_html][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row css_animation=\u00bb\u00bb row_type=\u00bbrow\u00bb use_row_as_full_screen_section=\u00bbno\u00bb type=\u00bbgrid\u00bb angled_section=\u00bbno\u00bb text_align=\u00bbleft\u00bb background_image_as_pattern=\u00bbwithout_pattern\u00bb z_index=\u00bb\u00bb][vc_column][vc_empty_space height=\u00bb30″ el_class=\u00bbnot-on-mobile\u00bb][vc_empty_space height=\u00bb50″][\/vc_column][\/vc_row][vc_row css_animation=\u00bb\u00bb row_type=\u00bbrow\u00bb use_row_as_full_screen_section=\u00bbno\u00bb type=\u00bbfull_width\u00bb angled_section=\u00bbno\u00bb text_align=\u00bbleft\u00bb background_image_as_pattern=\u00bbwithout_pattern\u00bb z_index=\u00bb\u00bb][vc_column][vc_row_inner row_type=\u00bbrow\u00bb type=\u00bbgrid\u00bb text_align=\u00bbleft\u00bb css_animation=\u00bb\u00bb][vc_column_inner][vc_column_text]<\/p>\n

El desaf\u00edo<\/h2>\n

[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_empty_space][vc_row_inner row_type=\u00bbrow\u00bb type=\u00bbgrid\u00bb text_align=\u00bbleft\u00bb css_animation=\u00bb\u00bb][vc_column_inner width=\u00bb1\/2″][vc_column_text]Los servicios p\u00fablicos municipales o los distribuidores de energ\u00eda se consideran \u00abinfraestructuras cr\u00edticas\u00bb desde el mismo momento en el que abastecen a un determinado n\u00famero de hogares. As\u00ed, se han convertido en uno de los principales puntos de mira de los ciberataques y, por este motivo, la ley de seguridad inform\u00e1tica aprobada por la Oficina Federal de Seguridad de la Informaci\u00f3n de Alemania (BSI)<\/a> exige que los sistemas inform\u00e1ticos utilizados se encuentren especialmente protegidos y que los ataques se comuniquen debidamente.[\/vc_column_text][\/vc_column_inner][vc_column_inner width=\u00bb1\/2″][vc_column_text]La incorporaci\u00f3n de un sistema de detecci\u00f3n de intrusiones (IDS) tiene por objeto supervisar y evaluar la red de forma eficiente para, de este modo, detectar procesos sospechosos de forma precoz, as\u00ed como evitarlos y archivarlos para posibles auditor\u00edas.<\/p>\n

XITASO ha desarrollado una aplicaci\u00f3n web para la empresa ausecus<\/a>, denominada KRITIS Defender<\/a>, que permite supervisar y evaluar la red con eficacia.[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row css_animation=\u00bb\u00bb row_type=\u00bbrow\u00bb use_row_as_full_screen_section=\u00bbno\u00bb type=\u00bbgrid\u00bb angled_section=\u00bbno\u00bb text_align=\u00bbleft\u00bb background_image_as_pattern=\u00bbwithout_pattern\u00bb z_index=\u00bb\u00bb][vc_column][vc_empty_space height=\u00bb30″ el_class=\u00bbnot-on-mobile\u00bb][vc_empty_space height=\u00bb50″][\/vc_column][\/vc_row][vc_row css_animation=\u00bb\u00bb row_type=\u00bbrow\u00bb use_row_as_full_screen_section=\u00bbno\u00bb type=\u00bbgrid\u00bb angled_section=\u00bbno\u00bb text_align=\u00bbleft\u00bb background_image_as_pattern=\u00bbwithout_pattern\u00bb z_index=\u00bb\u00bb][vc_column][vc_gallery interval=\u00bb3″ images=\u00bb25369,25371,25373,25375″ img_size=\u00bb960×600″ onclick=\u00bb\u00bb][\/vc_column][\/vc_row][vc_row css_animation=\u00bb\u00bb row_type=\u00bbrow\u00bb use_row_as_full_screen_section=\u00bbno\u00bb type=\u00bbgrid\u00bb angled_section=\u00bbno\u00bb text_align=\u00bbleft\u00bb background_image_as_pattern=\u00bbwithout_pattern\u00bb z_index=\u00bb\u00bb][vc_column][vc_empty_space height=\u00bb30″ el_class=\u00bbnot-on-mobile\u00bb][vc_empty_space height=\u00bb50″][\/vc_column][\/vc_row][vc_row css_animation=\u00bb\u00bb row_type=\u00bbrow\u00bb use_row_as_full_screen_section=\u00bbno\u00bb type=\u00bbfull_width\u00bb angled_section=\u00bbno\u00bb text_align=\u00bbleft\u00bb background_image_as_pattern=\u00bbwithout_pattern\u00bb z_index=\u00bb\u00bb css=\u00bb.vc_custom_1720082777255{background-color: #e8e0e0 !important;}\u00bb][vc_column][vc_empty_space height=\u00bb60px\u00bb][vc_row_inner row_type=\u00bbrow\u00bb type=\u00bbgrid\u00bb text_align=\u00bbleft\u00bb css_animation=\u00bb\u00bb][vc_column_inner][vc_column_text]<\/p>\n

Contexto de uso<\/h2>\n

[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_empty_space][vc_row_inner row_type=\u00bbrow\u00bb type=\u00bbgrid\u00bb text_align=\u00bbleft\u00bb css_animation=\u00bb\u00bb][vc_column_inner width=\u00bb1\/2″][vc_column_text]A trav\u00e9s de la observaci\u00f3n y de las entrevistas con los usuarios en su entorno de trabajo, nuestros expertos en UI\/UX examinan de cerca el contexto de uso para entender mejor qui\u00e9nes son los usuarios y qu\u00e9 tareas desean llevar a cabo.[\/vc_column_text][vc_empty_space][\/vc_column_inner][vc_column_inner width=\u00bb1\/2″][vc_column_text]Uno de los aspectos m\u00e1s importantes es averiguar el contexto en el que se realizan las diferentes tareas. Por ejemplo, \u00bfest\u00e1n los implicados sometidos a una fuerte premura de tiempo o desarrollan un gran n\u00famero de actividades paralelas en el trabajo? Adem\u00e1s, las condiciones marco, como el hardware utilizado, tambi\u00e9n afectan en gran medida al concepto que se elabora posteriormente.[\/vc_column_text][vc_empty_space][\/vc_column_inner][\/vc_row_inner][vc_row_inner row_type=\u00bbrow\u00bb type=\u00bbgrid\u00bb text_align=\u00bbleft\u00bb css_animation=\u00bb\u00bb][vc_column_inner width=\u00bb1\/2″][vc_single_image image=\u00bb45494″ img_size=\u00bbfull\u00bb alignment=\u00bbcenter\u00bb css=\u00bb\u00bb qode_css_animation=\u00bb\u00bb][vc_column_text]<\/p>\n

Usuarios<\/h3>\n

\u00bfQui\u00e9n maneja la aplicaci\u00f3n al final?<\/p>\n

[\/vc_column_text][vc_empty_space][\/vc_column_inner][vc_column_inner width=\u00bb1\/2″][vc_single_image image=\u00bb45515″ img_size=\u00bbfull\u00bb alignment=\u00bbcenter\u00bb css=\u00bb\u00bb qode_css_animation=\u00bb\u00bb][vc_column_text]<\/p>\n

Funciones<\/h3>\n

\u00bfCu\u00e1les son las funciones m\u00e1s frecuentes?<\/p>\n

[\/vc_column_text][vc_empty_space][\/vc_column_inner][\/vc_row_inner][vc_row_inner row_type=\u00bbrow\u00bb type=\u00bbgrid\u00bb text_align=\u00bbleft\u00bb css_animation=\u00bb\u00bb][vc_column_inner width=\u00bb1\/2″][vc_single_image image=\u00bb45536″ img_size=\u00bbfull\u00bb alignment=\u00bbcenter\u00bb css=\u00bb\u00bb qode_css_animation=\u00bb\u00bb][vc_column_text]<\/p>\n

Entorno<\/h3>\n

\u00bfEn qu\u00e9 contexto se utiliza la aplicaci\u00f3n?<\/p>\n

[\/vc_column_text][vc_empty_space][\/vc_column_inner][vc_column_inner width=\u00bb1\/2″][vc_single_image image=\u00bb45497″ img_size=\u00bbfull\u00bb alignment=\u00bbcenter\u00bb css=\u00bb\u00bb qode_css_animation=\u00bb\u00bb][vc_column_text]<\/p>\n

Recursos<\/h3>\n

\u00bfQu\u00e9 hardware se utiliza?<\/p>\n

[\/vc_column_text][vc_empty_space][\/vc_column_inner][\/vc_row_inner][vc_empty_space height=\u00bb28px\u00bb][\/vc_column][\/vc_row][vc_row css_animation=\u00bb\u00bb row_type=\u00bbrow\u00bb use_row_as_full_screen_section=\u00bbno\u00bb type=\u00bbgrid\u00bb angled_section=\u00bbno\u00bb text_align=\u00bbleft\u00bb background_image_as_pattern=\u00bbwithout_pattern\u00bb z_index=\u00bb\u00bb][vc_column][vc_empty_space height=\u00bb30″ el_class=\u00bbnot-on-mobile\u00bb][vc_empty_space height=\u00bb50″][\/vc_column][\/vc_row][vc_row css_animation=\u00bb\u00bb row_type=\u00bbrow\u00bb use_row_as_full_screen_section=\u00bbno\u00bb type=\u00bbfull_width\u00bb angled_section=\u00bbno\u00bb text_align=\u00bbleft\u00bb background_image_as_pattern=\u00bbwithout_pattern\u00bb z_index=\u00bb\u00bb][vc_column][vc_row_inner row_type=\u00bbrow\u00bb type=\u00bbgrid\u00bb text_align=\u00bbleft\u00bb css_animation=\u00bb\u00bb][vc_column_inner][vc_column_text]<\/p>\n

Usarios<\/h2>\n

[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_empty_space][vc_row_inner row_type=\u00bbrow\u00bb type=\u00bbgrid\u00bb text_align=\u00bbleft\u00bb css_animation=\u00bb\u00bb][vc_column_inner width=\u00bb1\/2″][vc_column_text]Los usuarios ocupan el primer plano de todo el proceso. Si experimentan dificultades a la hora de realizar sus tareas, no utilizar\u00e1n el nuevo software y, por lo tanto, se perder\u00e1 el objetivo global.[\/vc_column_text][vc_empty_space][\/vc_column_inner][vc_column_inner width=\u00bb1\/2″][vc_column_text]En el caso que nos ocupa, se constat\u00f3 que los principales usuarios del programa del IDS eran administradores y empleados del departamento de seguridad inform\u00e1tica de empresas de servicios p\u00fablicos y distribuidores de energ\u00eda.[\/vc_column_text][vc_empty_space][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row css_animation=\u00bb\u00bb row_type=\u00bbrow\u00bb use_row_as_full_screen_section=\u00bbno\u00bb type=\u00bbfull_width\u00bb angled_section=\u00bbno\u00bb text_align=\u00bbleft\u00bb background_image_as_pattern=\u00bbwithout_pattern\u00bb z_index=\u00bb\u00bb][vc_column][vc_row_inner row_type=\u00bbrow\u00bb type=\u00bbgrid\u00bb text_align=\u00bbleft\u00bb css_animation=\u00bb\u00bb][vc_column_inner][vc_column_text]<\/p>\n

\u00bfC\u00f3mo se puede obtener una idea clara y concreta de los usuarios reales?<\/h3>\n

[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_empty_space][vc_row_inner row_type=\u00bbrow\u00bb type=\u00bbgrid\u00bb text_align=\u00bbleft\u00bb css_animation=\u00bb\u00bb][vc_column_inner width=\u00bb1\/2″][vc_column_text]Mediante la creaci\u00f3n de personas, se describe a los usuarios con detalle, por lo que pasan ser representativos de todo un grupo de usuarios. As\u00ed, todos los integrantes del equipo del proyecto obtienen una imagen concreta de los destinatarios para los que se est\u00e1 desarrollando la aplicaci\u00f3n.[\/vc_column_text][vc_empty_space][\/vc_column_inner][vc_column_inner width=\u00bb1\/2″][vc_column_text]Por otro lado, a trav\u00e9s de la presentaci\u00f3n detallada con foto, nombre y cualidades, la persona queda bien grabada en nuestra memoria. Adem\u00e1s, las caracter\u00edsticas del producto, los conceptos de interacci\u00f3n o el aspecto de la aplicaci\u00f3n pueden evaluarse mejor y ajustarse cuantas veces sea necesario a lo largo de todo el proceso de desarrollo.[\/vc_column_text][vc_empty_space][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row css_animation=\u00bb\u00bb row_type=\u00bbrow\u00bb use_row_as_full_screen_section=\u00bbno\u00bb type=\u00bbgrid\u00bb angled_section=\u00bbno\u00bb text_align=\u00bbleft\u00bb background_image_as_pattern=\u00bbwithout_pattern\u00bb z_index=\u00bb\u00bb][vc_column][vc_empty_space height=\u00bb30″ el_class=\u00bbnot-on-mobile\u00bb][vc_empty_space height=\u00bb50″][\/vc_column][\/vc_row][vc_row css_animation=\u00bb\u00bb row_type=\u00bbrow\u00bb use_row_as_full_screen_section=\u00bbno\u00bb type=\u00bbgrid\u00bb angled_section=\u00bbno\u00bb text_align=\u00bbleft\u00bb background_image_as_pattern=\u00bbwithout_pattern\u00bb z_index=\u00bb\u00bb][vc_column][vc_single_image image=\u00bb25386″ img_size=\u00bbfull\u00bb alignment=\u00bbcenter\u00bb qode_css_animation=\u00bb\u00bb][\/vc_column][\/vc_row][vc_row css_animation=\u00bb\u00bb row_type=\u00bbrow\u00bb use_row_as_full_screen_section=\u00bbno\u00bb type=\u00bbgrid\u00bb angled_section=\u00bbno\u00bb text_align=\u00bbleft\u00bb background_image_as_pattern=\u00bbwithout_pattern\u00bb z_index=\u00bb\u00bb][vc_column][vc_empty_space height=\u00bb30″ el_class=\u00bbnot-on-mobile\u00bb][vc_empty_space height=\u00bb50″][\/vc_column][\/vc_row][vc_row css_animation=\u00bb\u00bb row_type=\u00bbrow\u00bb use_row_as_full_screen_section=\u00bbno\u00bb type=\u00bbfull_width\u00bb angled_section=\u00bbno\u00bb text_align=\u00bbleft\u00bb background_image_as_pattern=\u00bbwithout_pattern\u00bb z_index=\u00bb\u00bb css=\u00bb.vc_custom_1720082792252{background-color: #e8e0e0 !important;}\u00bb][vc_column][vc_empty_space height=\u00bb60px\u00bb][vc_row_inner row_type=\u00bbrow\u00bb type=\u00bbgrid\u00bb text_align=\u00bbleft\u00bb css_animation=\u00bb\u00bb][vc_column_inner][vc_column_text]<\/p>\n

Dise\u00f1o de pantallas iterativas<\/h2>\n

[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_empty_space][vc_row_inner row_type=\u00bbrow\u00bb type=\u00bbgrid\u00bb text_align=\u00bbleft\u00bb css_animation=\u00bb\u00bb][vc_column_inner width=\u00bb1\/2″][vc_column_text]Tanto cuando se elaboran los requisitos dentro de un \u00e1mbito de debate como cuando se discuten las cuestiones t\u00e9cnicas con el equipo de desarrollo, las visualizaciones sirven como herramienta de comunicaci\u00f3n r\u00e1pida para que todos los integrantes del proyecto tengan un entendimiento com\u00fan de la aplicaci\u00f3n. En los primeros pasos que se realizan en el workshop, se trazan los primeros bocetos en una pizarra blanca, una pizarra normal o en papel, lo que a continuaci\u00f3n sirve como base para analizar los diferentes enfoques de soluciones de forma gr\u00e1fica y clara en las reuniones que se van celebrando.[\/vc_column_text][vc_empty_space][\/vc_column_inner][vc_column_inner width=\u00bb1\/2″][vc_column_text]En una fase posterior, los bocetos se elaboran en formato digital y se debaten de nuevo con el cliente y el departamento de desarrollo, por lo que el concepto madura paso a paso en un proceso de colaboraci\u00f3n en el que todos los integrantes del proyecto se identifican con el producto.[\/vc_column_text][vc_empty_space][\/vc_column_inner][\/vc_row_inner][vc_row_inner row_type=\u00bbrow\u00bb type=\u00bbgrid\u00bb text_align=\u00bbleft\u00bb css_animation=\u00bb\u00bb][vc_column_inner width=\u00bb1\/2″][vc_empty_space height=\u00bb150″][vc_column_text]<\/p>\n

Bocetos elaborados en el workshop<\/h3>\n

[\/vc_column_text][vc_empty_space el_class=\u00bbonly-on-mobile\u00bb][\/vc_column_inner][vc_column_inner width=\u00bb1\/2″][vc_single_image image=\u00bb25388″ img_size=\u00bbfull\u00bb qode_css_animation=\u00bb\u00bb][\/vc_column_inner][\/vc_row_inner][vc_empty_space][vc_row_inner row_type=\u00bbrow\u00bb type=\u00bbgrid\u00bb text_align=\u00bbleft\u00bb css_animation=\u00bb\u00bb][vc_column_inner width=\u00bb1\/2″][vc_empty_space height=\u00bb150″][vc_column_text]<\/p>\n

Wireframes digitales con m\u00e1s detalles<\/h3>\n

[\/vc_column_text][vc_empty_space el_class=\u00bbonly-on-mobile\u00bb][\/vc_column_inner][vc_column_inner width=\u00bb1\/2″][vc_single_image image=\u00bb25390″ img_size=\u00bbfull\u00bb qode_css_animation=\u00bb\u00bb][\/vc_column_inner][\/vc_row_inner][vc_empty_space][vc_row_inner row_type=\u00bbrow\u00bb type=\u00bbgrid\u00bb text_align=\u00bbleft\u00bb css_animation=\u00bb\u00bb][vc_column_inner width=\u00bb1\/2″][vc_empty_space height=\u00bb150″][vc_column_text]<\/p>\n

Dise\u00f1o visual con los colores e iconos definitivos<\/h3>\n

[\/vc_column_text][vc_empty_space el_class=\u00bbonly-on-mobile\u00bb][\/vc_column_inner][vc_column_inner width=\u00bb1\/2″][vc_single_image image=\u00bb25392″ img_size=\u00bbfull\u00bb qode_css_animation=\u00bb\u00bb][\/vc_column_inner][\/vc_row_inner][vc_empty_space][vc_empty_space height=\u00bb28px\u00bb][\/vc_column][\/vc_row][vc_row css_animation=\u00bb\u00bb row_type=\u00bbrow\u00bb use_row_as_full_screen_section=\u00bbno\u00bb type=\u00bbgrid\u00bb angled_section=\u00bbno\u00bb text_align=\u00bbleft\u00bb background_image_as_pattern=\u00bbwithout_pattern\u00bb z_index=\u00bb\u00bb][vc_column][vc_empty_space height=\u00bb30″ el_class=\u00bbnot-on-mobile\u00bb][vc_empty_space height=\u00bb50″][\/vc_column][\/vc_row][vc_row css_animation=\u00bb\u00bb row_type=\u00bbrow\u00bb use_row_as_full_screen_section=\u00bbno\u00bb type=\u00bbfull_width\u00bb angled_section=\u00bbno\u00bb text_align=\u00bbleft\u00bb background_image_as_pattern=\u00bbwithout_pattern\u00bb z_index=\u00bb\u00bb][vc_column][vc_row_inner row_type=\u00bbrow\u00bb type=\u00bbgrid\u00bb text_align=\u00bbleft\u00bb css_animation=\u00bb\u00bb][vc_column_inner][vc_column_text]<\/p>\n

Dise\u00f1o visual<\/h2>\n

[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_empty_space][vc_row_inner row_type=\u00bbrow\u00bb type=\u00bbgrid\u00bb text_align=\u00bbleft\u00bb css_animation=\u00bb\u00bb][vc_column_inner width=\u00bb1\/2″][vc_column_text]Otra parte muy importante del proceso UI\/UX es la configuraci\u00f3n visual de la aplicaci\u00f3n. El dise\u00f1o visual determina el efecto que tiene dicha aplicaci\u00f3n en los usuarios y establece si estos piensan en la aplicaci\u00f3n y la utilizan con una sensaci\u00f3n positiva.<\/p>\n

Durante la fase de concepci\u00f3n del sistema de detecci\u00f3n de intrusiones, ya se prest\u00f3 la debida atenci\u00f3n para que el contenido adecuado se presentara con claridad, as\u00ed como para que la navegaci\u00f3n fuera f\u00e1cil de entender. El dise\u00f1o visual supone ir un paso m\u00e1s all\u00e1, pues en \u00e9l se define un esquema de colores arm\u00f3nico que coincida con el dise\u00f1o corporativo del cliente.[\/vc_column_text][\/vc_column_inner][vc_column_inner width=\u00bb1\/2″][vc_column_text]De este modo, los colores de los fondos, los gr\u00e1ficos, el tipo de fuente o los elementos resaltados que pretenden mantener la atenci\u00f3n de los usuarios se ajustan para crear un conjunto homog\u00e9neo.<\/p>\n

Por otro lado, los iconos hacen que las funciones resulten m\u00e1s visuales y, por tanto, m\u00e1s comprensibles para los usuarios, aunque lo normal es que utilice una combinaci\u00f3n de iconos y textos para mostrar todo con la mayor claridad posible. Adem\u00e1s, tambi\u00e9n hay que tener en cuenta que la aplicaci\u00f3n se utiliza con frecuencia en entornos oscuros, por lo que, adem\u00e1s de la cl\u00e1sica variante clara, se cre\u00f3 una variante oscura para que los ojos tuvieran que realizar la menor acomodaci\u00f3n posible al cambiar entre el entorno y el monitor y, de este modo, no se cansaran tan r\u00e1pidamente.[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row css_animation=\u00bb\u00bb row_type=\u00bbrow\u00bb use_row_as_full_screen_section=\u00bbno\u00bb type=\u00bbgrid\u00bb angled_section=\u00bbno\u00bb text_align=\u00bbleft\u00bb background_image_as_pattern=\u00bbwithout_pattern\u00bb z_index=\u00bb\u00bb][vc_column][vc_empty_space height=\u00bb50″][vc_empty_space height=\u00bb30″ el_class=\u00bbnot-on-mobile\u00bb][\/vc_column][\/vc_row][vc_row css_animation=\u00bb\u00bb row_type=\u00bbrow\u00bb use_row_as_full_screen_section=\u00bbno\u00bb type=\u00bbfull_width\u00bb angled_section=\u00bbno\u00bb text_align=\u00bbleft\u00bb background_image_as_pattern=\u00bbwithout_pattern\u00bb z_index=\u00bb\u00bb][vc_column][vc_empty_space][vc_row_inner row_type=\u00bbrow\u00bb type=\u00bbgrid\u00bb text_align=\u00bbleft\u00bb css_animation=\u00bb\u00bb][vc_column_inner][vc_column_text]<\/p>\n

Pantalla de estado animada<\/h2>\n

[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_empty_space][vc_row_inner row_type=\u00bbrow\u00bb type=\u00bbgrid\u00bb text_align=\u00bbleft\u00bb css_animation=\u00bb\u00bb][vc_column_inner width=\u00bb1\/2″][vc_column_text]La encuesta de usuarios constat\u00f3 que KRITIS DEFENDER<\/a> es solo una de las numerosas aplicaciones que estos tienen que manejar al mismo tiempo. El elemento m\u00e1s importante en este punto es el indicador de estado que, en el caso de producirse un evento cr\u00edtico, debe informar al usuario de manera inmediata.[\/vc_column_text][vc_empty_space height=\u00bb50px\u00bb][\/vc_column_inner][vc_column_inner width=\u00bb1\/2″][vc_column_text]As\u00ed pues, en la vista reducida se muestra \u00fanicamente el estado del sistema (rojo, amarillo, verde) en toda la superficie, mientras que una animaci\u00f3n ilustra la urgencia o gravedad del evento con diferentes velocidades.[\/vc_column_text][vc_empty_space height=\u00bb50px\u00bb][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row css_animation=\u00bb\u00bb row_type=\u00bbrow\u00bb use_row_as_full_screen_section=\u00bbno\u00bb type=\u00bbfull_width\u00bb angled_section=\u00bbno\u00bb text_align=\u00bbleft\u00bb background_image_as_pattern=\u00bbwithout_pattern\u00bb el_class=\u00bbthree-column-references\u00bb z_index=\u00bb\u00bb][vc_column][vc_row_inner row_type=\u00bbrow\u00bb type=\u00bbgrid\u00bb text_align=\u00bbleft\u00bb css_animation=\u00bb\u00bb][vc_column_inner width=\u00bb1\/3″][vc_empty_space height=\u00bb250px\u00bb image_repeat=\u00bbno-repeat\u00bb background_image=\u00bb14313″][\/vc_column_inner][vc_column_inner width=\u00bb1\/3″][vc_empty_space height=\u00bb250px\u00bb image_repeat=\u00bbno-repeat\u00bb background_image=\u00bb14311″][\/vc_column_inner][vc_column_inner width=\u00bb1\/3″][vc_empty_space height=\u00bb250px\u00bb image_repeat=\u00bbno-repeat\u00bb background_image=\u00bb14309″][\/vc_column_inner][\/vc_row_inner][vc_empty_space][\/vc_column][\/vc_row][vc_row css_animation=\u00bb\u00bb row_type=\u00bbrow\u00bb use_row_as_full_screen_section=\u00bbno\u00bb type=\u00bbfull_width\u00bb angled_section=\u00bbno\u00bb text_align=\u00bbleft\u00bb background_image_as_pattern=\u00bbwithout_pattern\u00bb z_index=\u00bb\u00bb][vc_column][vc_empty_space height=\u00bb30″ el_class=\u00bbnot-on-mobile\u00bb][vc_empty_space height=\u00bb50″][\/vc_column][\/vc_row][vc_row css_animation=\u00bb\u00bb row_type=\u00bbrow\u00bb use_row_as_full_screen_section=\u00bbno\u00bb type=\u00bbgrid\u00bb angled_section=\u00bbno\u00bb text_align=\u00bbleft\u00bb background_image_as_pattern=\u00bbwithout_pattern\u00bb z_index=\u00bb\u00bb][vc_column][vc_empty_space][\/vc_column][\/vc_row][vc_row css_animation=\u00bb\u00bb row_type=\u00bbrow\u00bb use_row_as_full_screen_section=\u00bbno\u00bb type=\u00bbfull_width\u00bb angled_section=\u00bbno\u00bb text_align=\u00bbleft\u00bb background_image_as_pattern=\u00bbwithout_pattern\u00bb z_index=\u00bb\u00bb][vc_column][vc_empty_space height=\u00bb30″][vc_empty_space height=\u00bb20″ el_class=\u00bbnot-on-mobile\u00bb][\/vc_column][\/vc_row][vc_row css_animation=\u00bb\u00bb row_type=\u00bbrow\u00bb use_row_as_full_screen_section=\u00bbno\u00bb type=\u00bbfull_width\u00bb angled_section=\u00bbno\u00bb text_align=\u00bbleft\u00bb background_image_as_pattern=\u00bbwithout_pattern\u00bb z_index=\u00bb\u00bb][vc_column][vc_empty_space height=\u00bb50″][vc_column_text]<\/p>\n

Otros proyectos<\/h2>\n

[\/vc_column_text][vc_empty_space height=\u00bb40″][\/vc_column][\/vc_row][vc_row css_animation=\u00bb\u00bb row_type=\u00bbrow\u00bb use_row_as_full_screen_section=\u00bbno\u00bb type=\u00bbfull_width\u00bb angled_section=\u00bbno\u00bb text_align=\u00bbleft\u00bb background_image_as_pattern=\u00bbwithout_pattern\u00bb z_index=\u00bb\u00bb el_class=\u00bbthree-column-references\u00bb][vc_column][vc_row_inner row_type=\u00bbrow\u00bb type=\u00bbgrid\u00bb text_align=\u00bbleft\u00bb css_animation=\u00bb\u00bb][vc_column_inner width=\u00bb1\/3″][vc_raw_html]JTNDYSUyMGhyZWYlM0QlMjIlMkZlcyUyRnByb3llY3RvcyUyRnplaXNzLXJlZ2lzdHJvLWRpZ2l0YWwtZGUtcGFyYW1ldHJvcy1mYWNpYWxlcy15LWRlLWRhdG9zLWRlLWNlbnRyYWRvJTJGJTIyJTNF[\/vc_raw_html][vc_empty_space height=\u00bb250″ image_repeat=\u00bbno-repeat\u00bb background_image=\u00bb17672″][vc_column_text]<\/p>\n

ZEISS<\/div>\n

Registro digital de par\u00e1metros faciales y de los datos de centrado<\/h3>\n

[\/vc_column_text][vc_raw_html]JTNDJTJGYSUzRQ==[\/vc_raw_html][\/vc_column_inner][vc_column_inner width=\u00bb1\/3″][vc_raw_html]JTNDYSUyMGhyZWYlM0QlMjIlMkZlcyUyRnByb3llY3RvcyUyRmluZG9yYW1hLXNvcG9ydGUteS1tb2Rlcm5pemFjaW9uLWRlLXNvZnR3YXJlJTJGJTIyJTNF[\/vc_raw_html][vc_empty_space height=\u00bb250″ image_repeat=\u00bbno-repeat\u00bb background_image=\u00bb14060″][vc_column_text]<\/p>\n

INDORAMA<\/div>\n

Soporte y modernizaci\u00f3n de software<\/h3>\n

[\/vc_column_text][vc_raw_html]JTNDJTJGYSUzRQ==[\/vc_raw_html][\/vc_column_inner][vc_column_inner width=\u00bb1\/3″][vc_raw_html]JTNDYSUyMGhyZWYlM0QlMjIlMkZlcyUyRnByb3llY3RvcyUyRmNhcmdvLWdlc3Rpb24tZGUtcGFydGljaXBhbnRlcy1lbi1lc3R1ZGlvcy1kZS1tZXJjYWRvcyUyRiUyMiUzRQ==[\/vc_raw_html][vc_empty_space height=\u00bb250″ image_repeat=\u00bbno-repeat\u00bb background_image=\u00bb14115″][vc_column_text]<\/p>\n

CARGO<\/div>\n

Portal para la gesti\u00f3n de participantes en estudios de mercado<\/h3>\n

[\/vc_column_text][vc_raw_html]JTNDJTJGYSUzRQ==[\/vc_raw_html][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row css_animation=\u00bb\u00bb row_type=\u00bbrow\u00bb use_row_as_full_screen_section=\u00bbno\u00bb type=\u00bbfull_width\u00bb angled_section=\u00bbno\u00bb text_align=\u00bbleft\u00bb background_image_as_pattern=\u00bbwithout_pattern\u00bb z_index=\u00bb\u00bb][vc_column][vc_empty_space height=\u00bb30″][vc_column_text]<\/p>\n

Mostrar todos los proyectos<\/a><\/p>\n

[\/vc_column_text][\/vc_column][\/vc_row][vc_row css_animation=\u00bb\u00bb row_type=\u00bbrow\u00bb use_row_as_full_screen_section=\u00bbno\u00bb type=\u00bbfull_width\u00bb angled_section=\u00bbno\u00bb text_align=\u00bbleft\u00bb background_image_as_pattern=\u00bbwithout_pattern\u00bb z_index=\u00bb\u00bb][vc_column][vc_empty_space height=\u00bb50″][vc_empty_space height=\u00bb50″ el_class=\u00bbnot-on-mobile\u00bb][\/vc_column][\/vc_row][vc_row css_animation=\u00bb\u00bb row_type=\u00bbrow\u00bb use_row_as_full_screen_section=\u00bbno\u00bb type=\u00bbfull_width\u00bb angled_section=\u00bbno\u00bb text_align=\u00bbleft\u00bb background_image_as_pattern=\u00bbwithout_pattern\u00bb z_index=\u00bb\u00bb el_class=\u00bbyour-contact-person\u00bb css=\u00bb.vc_custom_1720082811003{background-color: #e8e0e0 !important;}\u00bb][vc_column][vc_row_inner row_type=\u00bbrow\u00bb type=\u00bbgrid\u00bb text_align=\u00bbleft\u00bb css_animation=\u00bb\u00bb][vc_column_inner][vc_column_text]<\/p>\n

\u00bfEst\u00e1 interesado en un proyecto, un servicio o tiene otra pregunta?<\/h2>\n

[\/vc_column_text][vc_single_image image=\u00bb11318″ img_size=\u00bbfull\u00bb alignment=\u00bbcenter\u00bb qode_css_animation=\u00bb\u00bb][vc_column_text css=\u00bb\u00bb]<\/p>\n

Simon Engelmann<\/strong><\/p>\n

Tel. +49 821 885 882 34
\nsimon.engelmann@xitaso.com<\/a><\/p>\n

[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"

[vc_row css_animation=\u00bb\u00bb row_type=\u00bbrow\u00bb use_row_as_full_screen_section=\u00bbno\u00bb type=\u00bbfull_width\u00bb angled_section=\u00bbno\u00bb text_align=\u00bbleft\u00bb background_image_as_pattern=\u00bbwithout_pattern\u00bb z_index=\u00bb\u00bb el_class=\u00bbheader_level2_container\u00bb][vc_column][vc_row_inner row_type=\u00bbrow\u00bb type=\u00bbfull_width\u00bb text_align=\u00bbleft\u00bb css_animation=\u00bb\u00bb css=\u00bb.vc_custom_1720081539390{background-image: url(https:\/\/xitaso.com\/wp-content\/uploads\/Referenz_Ausecus-Header.jpg?id=14264) !important;}\u00bb][vc_column_inner offset=\u00bbvc_hidden-xs\u00bb][vc_empty_space height=\u00bb500″][\/vc_column_inner][\/vc_row_inner][vc_row_inner row_type=\u00bbrow\u00bb type=\u00bbfull_width\u00bb text_align=\u00bbleft\u00bb css_animation=\u00bb\u00bb][vc_column_inner offset=\u00bbvc_hidden-lg vc_hidden-md vc_hidden-sm\u00bb][vc_single_image image=\u00bb14264″ img_size=\u00bbfull\u00bb css=\u00bb\u00bb qode_css_animation=\u00bb\u00bb][\/vc_column_inner][\/vc_row_inner][vc_row_inner row_type=\u00bbrow\u00bb type=\u00bbgrid\u00bb text_align=\u00bbleft\u00bb css_animation=\u00bb\u00bb][vc_column_inner][vc_raw_html css=\u00bb\u00bb]JTNDZGl2JTIwY2xhc3MlM0QlMjJoZWFkZXJfbGV2ZWwyJTIyJTNFJTBBJTNDZGl2JTIwY2xhc3MlM0QlMjJ0b3BwZXIlMjIlM0VTaXN0ZW1hJTIwZGUlMjBkZXRlY2NpJUMzJUIzbiUyMGRlJTIwaW50cnVzaW9uZXMlMjAlMjhJRFMlMjklM0MlMkZkaXYlM0UlMEElM0NoMSUzRUNhc28lMjBwciVDMyVBMWN0aWNvJTIwZGUlMjBVSSUyRlVYJTNDJTJGaDElM0UlMEElM0MlMkZkaXYlM0UlMEElMEE=[\/vc_raw_html][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row css_animation=\u00bb\u00bb row_type=\u00bbrow\u00bb use_row_as_full_screen_section=\u00bbno\u00bb type=\u00bbgrid\u00bb angled_section=\u00bbno\u00bb text_align=\u00bbleft\u00bb background_image_as_pattern=\u00bbwithout_pattern\u00bb z_index=\u00bb\u00bb][vc_column][vc_empty_space height=\u00bb30″ el_class=\u00bbnot-on-mobile\u00bb][vc_empty_space…<\/p>\n","protected":false},"author":3,"featured_media":33079,"parent":30185,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"full_width.php","meta":{"_acf_changed":false,"_relevanssi_hide_post":"","_relevanssi_hide_content":"","_relevanssi_pin_for_all":"","_relevanssi_pin_keywords":"","_relevanssi_unpin_keywords":"","_relevanssi_related_keywords":"","_relevanssi_related_include_ids":"","_relevanssi_related_exclude_ids":"","_relevanssi_related_no_append":"","_relevanssi_related_not_related":"","_relevanssi_related_posts":"","_relevanssi_noindex_reason":"","inline_featured_image":false,"footnotes":""},"class_list":["post-33204","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"\nCaso pr\u00e1ctico de UI\/UX - Sistema de detecci\u00f3n de intrusiones (IDS) < XITASO<\/title>\n<meta name=\"description\" content=\"Una visi\u00f3n general del desarrollo \u00e1gil y cooperativo de la User Interface y Experience utilizando el ejemplo de KRITIS Defender para ausecus.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/xitaso.com\/es\/proyectos\/caso-practico-uiux-sistema-de-deteccion-de-intrusiones\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Caso pr\u00e1ctico de UI\/UX - Sistema de detecci\u00f3n de intrusiones (IDS) < XITASO\" \/>\n<meta property=\"og:description\" content=\"Una visi\u00f3n general del desarrollo \u00e1gil y cooperativo de la User Interface y Experience utilizando el ejemplo de KRITIS Defender para ausecus.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/xitaso.com\/es\/proyectos\/caso-practico-uiux-sistema-de-deteccion-de-intrusiones\/\" \/>\n<meta property=\"og:site_name\" content=\"XITASO\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/XITASOGmbH\/\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-12T11:59:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/xitaso.com\/wp-content\/uploads\/Referenz_Ausecus-Header.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2400\" \/>\n\t<meta property=\"og:image:height\" content=\"1099\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@xitasogmbh\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"9 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/xitaso.com\\\/es\\\/proyectos\\\/caso-practico-uiux-sistema-de-deteccion-de-intrusiones\\\/\",\"url\":\"https:\\\/\\\/xitaso.com\\\/es\\\/proyectos\\\/caso-practico-uiux-sistema-de-deteccion-de-intrusiones\\\/\",\"name\":\"Caso pr\u00e1ctico de UI\\\/UX - Sistema de detecci\u00f3n de intrusiones (IDS) < XITASO\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/xitaso.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/xitaso.com\\\/es\\\/proyectos\\\/caso-practico-uiux-sistema-de-deteccion-de-intrusiones\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/xitaso.com\\\/es\\\/proyectos\\\/caso-practico-uiux-sistema-de-deteccion-de-intrusiones\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/xitaso.com\\\/wp-content\\\/uploads\\\/Referenz_Ausecus-Header.jpg\",\"datePublished\":\"2021-11-18T09:35:53+00:00\",\"dateModified\":\"2025-08-12T11:59:23+00:00\",\"description\":\"Una visi\u00f3n general del desarrollo \u00e1gil y cooperativo de la User Interface y Experience utilizando el ejemplo de KRITIS Defender para ausecus.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/xitaso.com\\\/es\\\/proyectos\\\/caso-practico-uiux-sistema-de-deteccion-de-intrusiones\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/xitaso.com\\\/es\\\/proyectos\\\/caso-practico-uiux-sistema-de-deteccion-de-intrusiones\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/xitaso.com\\\/es\\\/proyectos\\\/caso-practico-uiux-sistema-de-deteccion-de-intrusiones\\\/#primaryimage\",\"url\":\"https:\\\/\\\/xitaso.com\\\/wp-content\\\/uploads\\\/Referenz_Ausecus-Header.jpg\",\"contentUrl\":\"https:\\\/\\\/xitaso.com\\\/wp-content\\\/uploads\\\/Referenz_Ausecus-Header.jpg\",\"width\":2400,\"height\":1099},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/xitaso.com\\\/es\\\/proyectos\\\/caso-practico-uiux-sistema-de-deteccion-de-intrusiones\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\\\/\\\/xitaso.com\\\/es\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Proyectos\",\"item\":\"https:\\\/\\\/xitaso.com\\\/es\\\/proyectos\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Caso pr\u00e1ctico de UI\\\/UX – Sistema de detecci\u00f3n de intrusiones (IDS)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/xitaso.com\\\/#website\",\"url\":\"https:\\\/\\\/xitaso.com\\\/\",\"name\":\"XITASO\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/xitaso.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/xitaso.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/xitaso.com\\\/#organization\",\"name\":\"XITASO GmbH\",\"url\":\"https:\\\/\\\/xitaso.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/xitaso.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/xitaso.com\\\/wp-content\\\/uploads\\\/XITASO-Logo-quer.png\",\"contentUrl\":\"https:\\\/\\\/xitaso.com\\\/wp-content\\\/uploads\\\/XITASO-Logo-quer.png\",\"width\":1746,\"height\":438,\"caption\":\"XITASO GmbH\"},\"image\":{\"@id\":\"https:\\\/\\\/xitaso.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/XITASOGmbH\\\/\",\"https:\\\/\\\/x.com\\\/xitasogmbh\",\"https:\\\/\\\/www.linkedin.com\\\/organization-guest\\\/company\\\/xitasogmbh\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UCQ4Qjq-Pr58NjGVLryNEuyA\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Caso pr\u00e1ctico de UI\/UX - Sistema de detecci\u00f3n de intrusiones (IDS) < XITASO","description":"Una visi\u00f3n general del desarrollo \u00e1gil y cooperativo de la User Interface y Experience utilizando el ejemplo de KRITIS Defender para ausecus.","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:\/\/xitaso.com\/es\/proyectos\/caso-practico-uiux-sistema-de-deteccion-de-intrusiones\/","og_locale":"es_ES","og_type":"article","og_title":"Caso pr\u00e1ctico de UI\/UX - Sistema de detecci\u00f3n de intrusiones (IDS) < XITASO","og_description":"Una visi\u00f3n general del desarrollo \u00e1gil y cooperativo de la User Interface y Experience utilizando el ejemplo de KRITIS Defender para ausecus.","og_url":"https:\/\/xitaso.com\/es\/proyectos\/caso-practico-uiux-sistema-de-deteccion-de-intrusiones\/","og_site_name":"XITASO","article_publisher":"https:\/\/www.facebook.com\/XITASOGmbH\/","article_modified_time":"2025-08-12T11:59:23+00:00","og_image":[{"width":2400,"height":1099,"url":"https:\/\/xitaso.com\/wp-content\/uploads\/Referenz_Ausecus-Header.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_site":"@xitasogmbh","twitter_misc":{"Tiempo de lectura":"9 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/xitaso.com\/es\/proyectos\/caso-practico-uiux-sistema-de-deteccion-de-intrusiones\/","url":"https:\/\/xitaso.com\/es\/proyectos\/caso-practico-uiux-sistema-de-deteccion-de-intrusiones\/","name":"Caso pr\u00e1ctico de UI\/UX - Sistema de detecci\u00f3n de intrusiones (IDS) < XITASO","isPartOf":{"@id":"https:\/\/xitaso.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/xitaso.com\/es\/proyectos\/caso-practico-uiux-sistema-de-deteccion-de-intrusiones\/#primaryimage"},"image":{"@id":"https:\/\/xitaso.com\/es\/proyectos\/caso-practico-uiux-sistema-de-deteccion-de-intrusiones\/#primaryimage"},"thumbnailUrl":"https:\/\/xitaso.com\/wp-content\/uploads\/Referenz_Ausecus-Header.jpg","datePublished":"2021-11-18T09:35:53+00:00","dateModified":"2025-08-12T11:59:23+00:00","description":"Una visi\u00f3n general del desarrollo \u00e1gil y cooperativo de la User Interface y Experience utilizando el ejemplo de KRITIS Defender para ausecus.","breadcrumb":{"@id":"https:\/\/xitaso.com\/es\/proyectos\/caso-practico-uiux-sistema-de-deteccion-de-intrusiones\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/xitaso.com\/es\/proyectos\/caso-practico-uiux-sistema-de-deteccion-de-intrusiones\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/xitaso.com\/es\/proyectos\/caso-practico-uiux-sistema-de-deteccion-de-intrusiones\/#primaryimage","url":"https:\/\/xitaso.com\/wp-content\/uploads\/Referenz_Ausecus-Header.jpg","contentUrl":"https:\/\/xitaso.com\/wp-content\/uploads\/Referenz_Ausecus-Header.jpg","width":2400,"height":1099},{"@type":"BreadcrumbList","@id":"https:\/\/xitaso.com\/es\/proyectos\/caso-practico-uiux-sistema-de-deteccion-de-intrusiones\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/xitaso.com\/es\/"},{"@type":"ListItem","position":2,"name":"Proyectos","item":"https:\/\/xitaso.com\/es\/proyectos\/"},{"@type":"ListItem","position":3,"name":"Caso pr\u00e1ctico de UI\/UX – Sistema de detecci\u00f3n de intrusiones (IDS)"}]},{"@type":"WebSite","@id":"https:\/\/xitaso.com\/#website","url":"https:\/\/xitaso.com\/","name":"XITASO","description":"","publisher":{"@id":"https:\/\/xitaso.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/xitaso.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/xitaso.com\/#organization","name":"XITASO GmbH","url":"https:\/\/xitaso.com\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/xitaso.com\/#\/schema\/logo\/image\/","url":"https:\/\/xitaso.com\/wp-content\/uploads\/XITASO-Logo-quer.png","contentUrl":"https:\/\/xitaso.com\/wp-content\/uploads\/XITASO-Logo-quer.png","width":1746,"height":438,"caption":"XITASO GmbH"},"image":{"@id":"https:\/\/xitaso.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/XITASOGmbH\/","https:\/\/x.com\/xitasogmbh","https:\/\/www.linkedin.com\/organization-guest\/company\/xitasogmbh","https:\/\/www.youtube.com\/channel\/UCQ4Qjq-Pr58NjGVLryNEuyA"]}]}},"_links":{"self":[{"href":"https:\/\/xitaso.com\/es\/wp-json\/wp\/v2\/pages\/33204","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xitaso.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/xitaso.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/xitaso.com\/es\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/xitaso.com\/es\/wp-json\/wp\/v2\/comments?post=33204"}],"version-history":[{"count":0,"href":"https:\/\/xitaso.com\/es\/wp-json\/wp\/v2\/pages\/33204\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/xitaso.com\/es\/wp-json\/wp\/v2\/pages\/30185"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/xitaso.com\/es\/wp-json\/wp\/v2\/media\/33079"}],"wp:attachment":[{"href":"https:\/\/xitaso.com\/es\/wp-json\/wp\/v2\/media?parent=33204"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}