{"id":31499,"date":"2021-09-14T09:27:14","date_gmt":"2021-09-14T07:27:14","guid":{"rendered":"https:\/\/xitaso.com\/?page_id=31499"},"modified":"2026-01-29T17:02:07","modified_gmt":"2026-01-29T16:02:07","slug":"ui-ux-case-study-intrusion-detection-system-ids","status":"publish","type":"page","link":"https:\/\/xitaso.com\/en\/projects\/ui-ux-case-study-intrusion-detection-system-ids\/","title":{"rendered":"UI\/UX case study – Intrusion Detection System (IDS)"},"content":{"rendered":"

[vc_row css_animation=”” row_type=”row” use_row_as_full_screen_section=”no” type=”full_width” angled_section=”no” text_align=”left” background_image_as_pattern=”without_pattern” z_index=”” el_class=”header_level2_container”][vc_column][vc_row_inner row_type=”row” type=”full_width” text_align=”left” css_animation=”” css=”.vc_custom_1720081539390{background-image: url(https:\/\/xitaso.com\/wp-content\/uploads\/Referenz_Ausecus-Header.jpg?id=14264) !important;}”][vc_column_inner offset=”vc_hidden-xs”][vc_empty_space height=”500″][\/vc_column_inner][\/vc_row_inner][vc_row_inner row_type=”row” type=”full_width” text_align=”left” css_animation=””][vc_column_inner offset=”vc_hidden-lg vc_hidden-md vc_hidden-sm”][vc_single_image image=”14265″ img_size=”full” css=”” qode_css_animation=””][\/vc_column_inner][\/vc_row_inner][vc_row_inner row_type=”row” type=”grid” text_align=”left” css_animation=””][vc_column_inner][vc_raw_html css=””]JTNDZGl2JTIwY2xhc3MlM0QlMjJoZWFkZXJfbGV2ZWwyJTIyJTNFJTBBJTNDZGl2JTIwY2xhc3MlM0QlMjJ0b3BwZXIlMjIlM0VJbnRydXNpb24lMjBEZXRlY3Rpb24lMjBTeXN0ZW0lMjAlMjhJRFMlMjklM0MlMkZkaXYlM0UlMEElM0NoMSUzRVVJJTJGVVglMjBjYXNlJTIwc3R1ZHklM0MlMkZoMSUzRSUwQSUzQyUyRmRpdiUzRSUwQSUwQQ==[\/vc_raw_html][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row css_animation=”” row_type=”row” use_row_as_full_screen_section=”no” type=”grid” angled_section=”no” text_align=”left” background_image_as_pattern=”without_pattern” z_index=””][vc_column][vc_empty_space height=”30″ el_class=”not-on-mobile”][vc_empty_space height=”50″][\/vc_column][\/vc_row][vc_row css_animation=”” row_type=”row” use_row_as_full_screen_section=”no” type=”full_width” angled_section=”no” text_align=”left” background_image_as_pattern=”without_pattern” z_index=””][vc_column][vc_row_inner row_type=”row” type=”grid” text_align=”left” css_animation=””][vc_column_inner][vc_column_text]<\/p>\n

The challenge<\/h2>\n

[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_empty_space][vc_row_inner row_type=”row” type=”grid” text_align=”left” css_animation=””][vc_column_inner width=”1\/2″][vc_column_text]Municipal utilities or energy suppliers are counted as “critical infrastructures” as soon as they supply a certain number of households. They are particularly in the focus of potential cyber-attacks. The IT Security Act of the Federal Office for Information Security (BSI) therefore requires that the IT systems used are specially secured and that attacks must be reported.[\/vc_column_text][\/vc_column_inner][vc_column_inner width=”1\/2″][vc_column_text]A so-called Intrusion Detection System (IDS) is intended to efficiently monitor and evaluate the network. Suspicious processes can thus be detected at an early stage, fended off and archived for audits.<\/p>\n

XITASO has developed a web application for ausecus<\/a>, the KRITIS Defender<\/a>, through which the network can be efficiently monitored and evaluated.
\n[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row css_animation=”” row_type=”row” use_row_as_full_screen_section=”no” type=”grid” angled_section=”no” text_align=”left” background_image_as_pattern=”without_pattern” z_index=””][vc_column][vc_empty_space height=”30″ el_class=”not-on-mobile”][vc_empty_space height=”50″][\/vc_column][\/vc_row][vc_row css_animation=”” row_type=”row” use_row_as_full_screen_section=”no” type=”grid” angled_section=”no” text_align=”left” background_image_as_pattern=”without_pattern” z_index=””][vc_column][vc_gallery interval=”3″ images=”25370,25372,25374,25376″ img_size=”960×600″ onclick=””][\/vc_column][\/vc_row][vc_row css_animation=”” row_type=”row” use_row_as_full_screen_section=”no” type=”grid” angled_section=”no” text_align=”left” background_image_as_pattern=”without_pattern” z_index=””][vc_column][vc_empty_space height=”30″ el_class=”not-on-mobile”][vc_empty_space height=”50″][\/vc_column][\/vc_row][vc_row css_animation=”” row_type=”row” use_row_as_full_screen_section=”no” type=”full_width” angled_section=”no” text_align=”left” background_image_as_pattern=”without_pattern” z_index=”” css=”.vc_custom_1720081819214{background-color: #e8e0e0 !important;}”][vc_column][vc_empty_space height=”60px”][vc_row_inner row_type=”row” type=”grid” text_align=”left” css_animation=””][vc_column_inner][vc_column_text]<\/p>\n

Context of use<\/h2>\n

[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_empty_space][vc_row_inner row_type=”row” type=”grid” text_align=”left” css_animation=””][vc_column_inner width=”1\/2″][vc_column_text]Through observation and interviews with the users in their working environment, our UI\/UX experts take a closer look at the context of use. It’s about understanding who the users are and what tasks they want to carry out.[\/vc_column_text][vc_empty_space][\/vc_column_inner][vc_column_inner width=”1\/2″][vc_column_text]It is particularly important to find out in which context the tasks are completed. For example, is there high time pressure or many parallel work activities? But the framework conditions, such as the hardware used, also influence the later concept.[\/vc_column_text][vc_empty_space][\/vc_column_inner][\/vc_row_inner][vc_row_inner row_type=”row” type=”grid” text_align=”left” css_animation=””][vc_column_inner width=”1\/2″][vc_single_image image=”45494″ img_size=”full” alignment=”center” css=”” qode_css_animation=””][vc_column_text]<\/p>\n

Users<\/h3>\n

Who will end up operating the application?<\/p>\n

[\/vc_column_text][vc_empty_space][\/vc_column_inner][vc_column_inner width=”1\/2″][vc_single_image image=”45515″ img_size=”full” alignment=”center” css=”” qode_css_animation=””][vc_column_text]<\/p>\n

Tasks<\/h3>\n

What are the most common tasks?<\/p>\n

[\/vc_column_text][vc_empty_space][\/vc_column_inner][\/vc_row_inner][vc_row_inner row_type=”row” type=”grid” text_align=”left” css_animation=””][vc_column_inner width=”1\/2″][vc_single_image image=”45536″ img_size=”full” alignment=”center” css=”” qode_css_animation=””][vc_column_text]<\/p>\n

Environment<\/h3>\n

In what context is the application used?<\/p>\n

[\/vc_column_text][vc_empty_space][\/vc_column_inner][vc_column_inner width=”1\/2″][vc_single_image image=”45497″ img_size=”full” alignment=”center” css=”” qode_css_animation=””][vc_column_text]<\/p>\n

Ressources<\/h3>\n

Which hardware is used?<\/p>\n

[\/vc_column_text][vc_empty_space][\/vc_column_inner][\/vc_row_inner][vc_empty_space height=”28px”][\/vc_column][\/vc_row][vc_row css_animation=”” row_type=”row” use_row_as_full_screen_section=”no” type=”grid” angled_section=”no” text_align=”left” background_image_as_pattern=”without_pattern” z_index=””][vc_column][vc_empty_space height=”30″ el_class=”not-on-mobile”][vc_empty_space height=”50″][\/vc_column][\/vc_row][vc_row css_animation=”” row_type=”row” use_row_as_full_screen_section=”no” type=”full_width” angled_section=”no” text_align=”left” background_image_as_pattern=”without_pattern” z_index=””][vc_column][vc_row_inner row_type=”row” type=”grid” text_align=”left” css_animation=””][vc_column_inner][vc_column_text]<\/p>\n

Users<\/h2>\n

[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_empty_space][vc_row_inner row_type=”row” type=”grid” text_align=”left” css_animation=””][vc_column_inner width=”1\/2″][vc_column_text]The users are at the center of the entire process. If they have difficulty completing their tasks, they will not use the new software and the overall target will not be reached.[\/vc_column_text][vc_empty_space][\/vc_column_inner][vc_column_inner width=”1\/2″][vc_column_text]The main users of the IDS program in this case were the administrators and employees of the IT security department of municipal utilities and energy suppliers.[\/vc_column_text][vc_empty_space][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row css_animation=”” row_type=”row” use_row_as_full_screen_section=”no” type=”full_width” angled_section=”no” text_align=”left” background_image_as_pattern=”without_pattern” z_index=””][vc_column][vc_row_inner row_type=”row” type=”grid” text_align=”left” css_animation=””][vc_column_inner][vc_column_text]<\/p>\n

How can you picture the users in concrete terms?<\/h3>\n

[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_empty_space][vc_row_inner row_type=”row” type=”grid” text_align=”left” css_animation=””][vc_column_inner width=”1\/2″][vc_column_text]By creating personas, the users are described in detail and are each representative of an entire user group. All project participants thus have a concrete picture in mind of who the application is being developed for.[\/vc_column_text][vc_empty_space][\/vc_column_inner][vc_column_inner width=”1\/2″][vc_column_text]Due to the detailed presentation with image, name and characteristics, the person can be remembered easily. Product features, interaction concepts or appearance of the application can be better assessed and compared again and again during development.[\/vc_column_text][vc_empty_space][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row css_animation=”” row_type=”row” use_row_as_full_screen_section=”no” type=”grid” angled_section=”no” text_align=”left” background_image_as_pattern=”without_pattern” z_index=””][vc_column][vc_empty_space height=”30″ el_class=”not-on-mobile”][vc_empty_space height=”50″][\/vc_column][\/vc_row][vc_row css_animation=”” row_type=”row” use_row_as_full_screen_section=”no” type=”grid” angled_section=”no” text_align=”left” background_image_as_pattern=”without_pattern” z_index=””][vc_column][vc_single_image image=”25387″ img_size=”full” alignment=”center” qode_css_animation=””][\/vc_column][\/vc_row][vc_row css_animation=”” row_type=”row” use_row_as_full_screen_section=”no” type=”grid” angled_section=”no” text_align=”left” background_image_as_pattern=”without_pattern” z_index=””][vc_column][vc_empty_space height=”30″ el_class=”not-on-mobile”][vc_empty_space height=”50″][\/vc_column][\/vc_row][vc_row css_animation=”” row_type=”row” use_row_as_full_screen_section=”no” type=”full_width” angled_section=”no” text_align=”left” background_image_as_pattern=”without_pattern” z_index=”” css=”.vc_custom_1720081830939{background-color: #e8e0e0 !important;}”][vc_column][vc_empty_space height=”60px”][vc_row_inner row_type=”row” type=”grid” text_align=”left” css_animation=””][vc_column_inner][vc_column_text]<\/p>\n

Iterative screen design<\/h2>\n

[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_empty_space][vc_row_inner row_type=”row” type=”grid” text_align=”left” css_animation=””][vc_column_inner width=”1\/2″][vc_column_text]Both in the discussion of the requirements and in the discussion of technical questions with the development, visualizations serve fast communication, so that all project participants have a common understanding of the application. Already in the workshop, the first sketches are created on whiteboard, blackboard or paper, on the basis of which various solutions can be discussed clearly.[\/vc_column_text][vc_empty_space][\/vc_column_inner][vc_column_inner width=”1\/2″][vc_column_text]The sketches are subsequently further elaborated in digital form and the development is discussed again with the customer. The concept matures step by step in a collaborative process in which all project participants can identify with the product.[\/vc_column_text][vc_empty_space][\/vc_column_inner][\/vc_row_inner][vc_row_inner row_type=”row” type=”grid” text_align=”left” css_animation=””][vc_column_inner width=”1\/2″][vc_empty_space height=”150″][vc_column_text]<\/p>\n

Sketch in the workshop<\/h3>\n

[\/vc_column_text][vc_empty_space el_class=”only-on-mobile”][\/vc_column_inner][vc_column_inner width=”1\/2″][vc_single_image image=”25389″ img_size=”full” qode_css_animation=””][\/vc_column_inner][\/vc_row_inner][vc_empty_space][vc_row_inner row_type=”row” type=”grid” text_align=”left” css_animation=””][vc_column_inner width=”1\/2″][vc_empty_space height=”150″][vc_column_text]<\/p>\n

Digital wireframes with more details<\/h3>\n

[\/vc_column_text][vc_empty_space el_class=”only-on-mobile”][\/vc_column_inner][vc_column_inner width=”1\/2″][vc_single_image image=”25391″ img_size=”full” qode_css_animation=””][\/vc_column_inner][\/vc_row_inner][vc_empty_space][vc_row_inner row_type=”row” type=”grid” text_align=”left” css_animation=””][vc_column_inner width=”1\/2″][vc_empty_space height=”150″][vc_column_text]<\/p>\n

Visual design with final colors and icons<\/h3>\n

[\/vc_column_text][vc_empty_space el_class=”only-on-mobile”][\/vc_column_inner][vc_column_inner width=”1\/2″][vc_single_image image=”25393″ img_size=”full” qode_css_animation=””][\/vc_column_inner][\/vc_row_inner][vc_empty_space][vc_empty_space height=”28px”][\/vc_column][\/vc_row][vc_row css_animation=”” row_type=”row” use_row_as_full_screen_section=”no” type=”grid” angled_section=”no” text_align=”left” background_image_as_pattern=”without_pattern” z_index=””][vc_column][vc_empty_space height=”30″ el_class=”not-on-mobile”][vc_empty_space height=”50″][\/vc_column][\/vc_row][vc_row css_animation=”” row_type=”row” use_row_as_full_screen_section=”no” type=”full_width” angled_section=”no” text_align=”left” background_image_as_pattern=”without_pattern” z_index=””][vc_column][vc_row_inner row_type=”row” type=”grid” text_align=”left” css_animation=””][vc_column_inner][vc_column_text css=””]<\/p>\n

Visual design<\/h2>\n

[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_empty_space][vc_row_inner row_type=”row” type=”grid” text_align=”left” css_animation=””][vc_column_inner width=”1\/2″][vc_column_text]Another important part of the UI\/UX process is the visual design of the application. The visual design determines how the application affects the users and whether they think of the application with a positive feeling and use it.<\/p>\n

During the concept phase of the Intrusion Detection System, care was already taken to ensure that the correct content is clearly displayed, and that navigation is easy to understand. The visual design now goes one step further. In keeping with the customer’s corporate design, a harmonious color world is defined.
\n[\/vc_column_text][\/vc_column_inner][vc_column_inner width=”1\/2″][vc_column_text]Colors for backgrounds, charts, fonts or highlighted elements that are to be the focus of the users, are coordinated with each other.<\/p>\n

Icons make functions more visual and thus faster for users to grasp. Usually, a combination of icon and text is used to be as clear as possible. The application is also often used in dark environments, which is why a dark version was created in addition to a classic light variant. The eyes have to change less when switching between environment and monitor and do not tire as quickly.
\n[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row css_animation=”” row_type=”row” use_row_as_full_screen_section=”no” type=”grid” angled_section=”no” text_align=”left” background_image_as_pattern=”without_pattern” z_index=””][vc_column][vc_empty_space height=”50″][vc_empty_space height=”30″ el_class=”not-on-mobile”][\/vc_column][\/vc_row][vc_row css_animation=”” row_type=”row” use_row_as_full_screen_section=”no” type=”full_width” angled_section=”no” text_align=”left” background_image_as_pattern=”without_pattern” z_index=””][vc_column][vc_empty_space][vc_row_inner row_type=”row” type=”grid” text_align=”left” css_animation=””][vc_column_inner][vc_column_text]<\/p>\n

Animated status indicator<\/h2>\n

[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_empty_space][vc_row_inner row_type=”row” type=”grid” text_align=”left” css_animation=””][vc_column_inner width=”1\/2″][vc_column_text]In the user survey, it was found that KRITIS DEFENDER<\/a> is only one of several applications that users have to operate at the same time. The most important thing here is the status display. If a critical event occurs, users must quickly become aware of it.[\/vc_column_text][vc_empty_space height=”50px”][\/vc_column_inner][vc_column_inner width=”1\/2″][vc_column_text]In a reduced view, therefore, only the system status (red, yellow, green) is displayed over the entire surface. An animation illustrates the urgency of the status at different speeds.[\/vc_column_text][vc_empty_space height=”50px”][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row css_animation=”” row_type=”row” use_row_as_full_screen_section=”no” type=”full_width” angled_section=”no” text_align=”left” background_image_as_pattern=”without_pattern” el_class=”three-column-references” z_index=””][vc_column][vc_row_inner row_type=”row” type=”grid” text_align=”left” css_animation=””][vc_column_inner width=”1\/3″][vc_empty_space height=”250px” image_repeat=”no-repeat” background_image=”14313″][\/vc_column_inner][vc_column_inner width=”1\/3″][vc_empty_space height=”250px” image_repeat=”no-repeat” background_image=”14311″][\/vc_column_inner][vc_column_inner width=”1\/3″][vc_empty_space height=”250px” image_repeat=”no-repeat” background_image=”14309″][\/vc_column_inner][\/vc_row_inner][vc_empty_space][\/vc_column][\/vc_row][vc_row css_animation=”” row_type=”row” use_row_as_full_screen_section=”no” type=”full_width” angled_section=”no” text_align=”left” background_image_as_pattern=”without_pattern” z_index=””][vc_column][vc_empty_space height=”30″ el_class=”not-on-mobile”][vc_empty_space height=”50″][\/vc_column][\/vc_row][vc_row css_animation=”” row_type=”row” use_row_as_full_screen_section=”no” type=”grid” angled_section=”no” text_align=”left” background_image_as_pattern=”without_pattern” z_index=””][vc_column][vc_empty_space][\/vc_column][\/vc_row][vc_row css_animation=”” row_type=”row” use_row_as_full_screen_section=”no” type=”full_width” angled_section=”no” text_align=”left” background_image_as_pattern=”without_pattern” z_index=””][vc_column][vc_empty_space height=”30″][vc_empty_space height=”20″ el_class=”not-on-mobile”][\/vc_column][\/vc_row][vc_row css_animation=”” row_type=”row” use_row_as_full_screen_section=”no” type=”full_width” angled_section=”no” text_align=”left” background_image_as_pattern=”without_pattern” z_index=””][vc_column][vc_empty_space height=”50″][vc_column_text]<\/p>\n

Other projects<\/h2>\n

[\/vc_column_text][vc_empty_space height=”40″][\/vc_column][\/vc_row][vc_row css_animation=”” row_type=”row” use_row_as_full_screen_section=”no” type=”full_width” angled_section=”no” text_align=”left” background_image_as_pattern=”without_pattern” z_index=”” el_class=”three-column-references”][vc_column][vc_row_inner row_type=”row” type=”grid” text_align=”left” css_animation=””][vc_column_inner width=”1\/3″][vc_raw_html]JTNDYSUyMGhyZWYlM0QlMjIlMkZwcm9qZWN0cyUyRnZpc3VmaXQtMTAwMC1kaWdpdGFsLWZhY2UtYW5kLWNlbnRlcmluZy1kYXRhLWFjcXVpc2l0aW9uJTJGJTIyJTNF[\/vc_raw_html][vc_empty_space height=”250″ image_repeat=”no-repeat” background_image=”17672″][vc_column_text]<\/p>\n

ZEISS<\/div>\n

Digital face and centering data acquisition<\/h3>\n

[\/vc_column_text][vc_raw_html]JTNDJTJGYSUzRQ==[\/vc_raw_html][\/vc_column_inner][vc_column_inner width=”1\/3″][vc_raw_html]JTNDYSUyMGhyZWYlM0QlMjIlMkZwcm9qZWN0cyUyRmluZG9yYW1hLXN1cHBvcnQtYW5kLXNvZnR3YXJlLW1vZGVybml6YXRpb24lMkYlMjIlM0U=[\/vc_raw_html][vc_empty_space height=”250″ image_repeat=”no-repeat” background_image=”14060″][vc_column_text]<\/p>\n

INDORAMA<\/div>\n

Support & software modernization<\/h3>\n

[\/vc_column_text][vc_raw_html]JTNDJTJGYSUzRQ==[\/vc_raw_html][\/vc_column_inner][vc_column_inner width=”1\/3″][vc_raw_html]JTNDYSUyMGhyZWYlM0QlMjIlMkZwcm9qZWN0cyUyRmNhcmdvLXBhcnRpY2lwYW50LW1hbmFnZW1lbnQtZm9yLWF1dG9tb3RpdmUtbWFya2V0LXJlc2VhcmNoJTJGJTIyJTNF[\/vc_raw_html][vc_empty_space height=”250″ image_repeat=”no-repeat” background_image=”14115″][vc_column_text]<\/p>\n

CARGO<\/div>\n

Portal for participant management in market research<\/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=”” row_type=”row” use_row_as_full_screen_section=”no” type=”full_width” angled_section=”no” text_align=”left” background_image_as_pattern=”without_pattern” z_index=””][vc_column][vc_empty_space height=”30″][vc_column_text]<\/p>\n

View all projects<\/a><\/p>\n

[\/vc_column_text][\/vc_column][\/vc_row][vc_row css_animation=”” row_type=”row” use_row_as_full_screen_section=”no” type=”full_width” angled_section=”no” text_align=”left” background_image_as_pattern=”without_pattern” z_index=””][vc_column][vc_empty_space height=”50″][vc_empty_space height=”50″ el_class=”not-on-mobile”][\/vc_column][\/vc_row][vc_row css_animation=”” row_type=”row” use_row_as_full_screen_section=”no” type=”full_width” angled_section=”no” text_align=”left” background_image_as_pattern=”without_pattern” z_index=”” el_class=”your-contact-person” css=”.vc_custom_1720081846618{background-color: #e8e0e0 !important;}”][vc_column][vc_row_inner row_type=”row” type=”grid” text_align=”left” css_animation=””][vc_column_inner][vc_column_text]<\/p>\n

Are you interested in a project, a service or do you have another question?<\/h2>\n

[\/vc_column_text][vc_single_image image=”11319″ img_size=”full” alignment=”center” qode_css_animation=””][vc_column_text css=””]<\/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=”” row_type=”row” use_row_as_full_screen_section=”no” type=”full_width” angled_section=”no” text_align=”left” background_image_as_pattern=”without_pattern” z_index=”” el_class=”header_level2_container”][vc_column][vc_row_inner row_type=”row” type=”full_width” text_align=”left” css_animation=”” css=”.vc_custom_1720081539390{background-image: url(https:\/\/xitaso.com\/wp-content\/uploads\/Referenz_Ausecus-Header.jpg?id=14264) !important;}”][vc_column_inner offset=”vc_hidden-xs”][vc_empty_space height=”500″][\/vc_column_inner][\/vc_row_inner][vc_row_inner row_type=”row” type=”full_width” text_align=”left” css_animation=””][vc_column_inner offset=”vc_hidden-lg vc_hidden-md vc_hidden-sm”][vc_single_image image=”14265″ img_size=”full” css=”” qode_css_animation=””][\/vc_column_inner][\/vc_row_inner][vc_row_inner row_type=”row” type=”grid” text_align=”left” css_animation=””][vc_column_inner][vc_raw_html css=””]JTNDZGl2JTIwY2xhc3MlM0QlMjJoZWFkZXJfbGV2ZWwyJTIyJTNFJTBBJTNDZGl2JTIwY2xhc3MlM0QlMjJ0b3BwZXIlMjIlM0VJbnRydXNpb24lMjBEZXRlY3Rpb24lMjBTeXN0ZW0lMjAlMjhJRFMlMjklM0MlMkZkaXYlM0UlMEElM0NoMSUzRVVJJTJGVVglMjBjYXNlJTIwc3R1ZHklM0MlMkZoMSUzRSUwQSUzQyUyRmRpdiUzRSUwQSUwQQ==[\/vc_raw_html][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row css_animation=”” row_type=”row” use_row_as_full_screen_section=”no” type=”grid” angled_section=”no” text_align=”left” background_image_as_pattern=”without_pattern” z_index=””][vc_column][vc_empty_space height=”30″ el_class=”not-on-mobile”][vc_empty_space…<\/p>\n","protected":false},"author":3,"featured_media":14265,"parent":22122,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"full_width.php","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-31499","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"\nUI\/UX case study - Intrusion Detection System (IDS) < XITASO<\/title>\n<meta name=\"description\" content=\"An overview of the agile and cooperative development of user interface and experience using the example of KRITIS Defender for 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\/en\/projects\/ui-ux-case-study-intrusion-detection-system-ids\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"UI\/UX case study - Intrusion Detection System (IDS) < XITASO\" \/>\n<meta property=\"og:description\" content=\"An overview of the agile and cooperative development of user interface and experience using the example of KRITIS Defender for ausecus.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/xitaso.com\/en\/projects\/ui-ux-case-study-intrusion-detection-system-ids\/\" \/>\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=\"2026-01-29T16:02:07+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=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"12 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/xitaso.com\\\/en\\\/projects\\\/ui-ux-case-study-intrusion-detection-system-ids\\\/\",\"url\":\"https:\\\/\\\/xitaso.com\\\/en\\\/projects\\\/ui-ux-case-study-intrusion-detection-system-ids\\\/\",\"name\":\"UI\\\/UX case study - Intrusion Detection System (IDS) < XITASO\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/xitaso.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/xitaso.com\\\/en\\\/projects\\\/ui-ux-case-study-intrusion-detection-system-ids\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/xitaso.com\\\/en\\\/projects\\\/ui-ux-case-study-intrusion-detection-system-ids\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/xitaso.com\\\/wp-content\\\/uploads\\\/Referenz_Ausecus-Header.jpg\",\"datePublished\":\"2021-09-14T07:27:14+00:00\",\"dateModified\":\"2026-01-29T16:02:07+00:00\",\"description\":\"An overview of the agile and cooperative development of user interface and experience using the example of KRITIS Defender for ausecus.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/xitaso.com\\\/en\\\/projects\\\/ui-ux-case-study-intrusion-detection-system-ids\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/xitaso.com\\\/en\\\/projects\\\/ui-ux-case-study-intrusion-detection-system-ids\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/xitaso.com\\\/en\\\/projects\\\/ui-ux-case-study-intrusion-detection-system-ids\\\/#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\\\/en\\\/projects\\\/ui-ux-case-study-intrusion-detection-system-ids\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\\\/\\\/xitaso.com\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Projects\",\"item\":\"https:\\\/\\\/xitaso.com\\\/en\\\/projects\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"UI\\\/UX case study – Intrusion Detection System (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\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/xitaso.com\\\/#organization\",\"name\":\"XITASO GmbH\",\"url\":\"https:\\\/\\\/xitaso.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@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":"UI\/UX case study - Intrusion Detection System (IDS) < XITASO","description":"An overview of the agile and cooperative development of user interface and experience using the example of KRITIS Defender for 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\/en\/projects\/ui-ux-case-study-intrusion-detection-system-ids\/","og_locale":"en_US","og_type":"article","og_title":"UI\/UX case study - Intrusion Detection System (IDS) < XITASO","og_description":"An overview of the agile and cooperative development of user interface and experience using the example of KRITIS Defender for ausecus.","og_url":"https:\/\/xitaso.com\/en\/projects\/ui-ux-case-study-intrusion-detection-system-ids\/","og_site_name":"XITASO","article_publisher":"https:\/\/www.facebook.com\/XITASOGmbH\/","article_modified_time":"2026-01-29T16:02:07+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":{"Est. reading time":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/xitaso.com\/en\/projects\/ui-ux-case-study-intrusion-detection-system-ids\/","url":"https:\/\/xitaso.com\/en\/projects\/ui-ux-case-study-intrusion-detection-system-ids\/","name":"UI\/UX case study - Intrusion Detection System (IDS) < XITASO","isPartOf":{"@id":"https:\/\/xitaso.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/xitaso.com\/en\/projects\/ui-ux-case-study-intrusion-detection-system-ids\/#primaryimage"},"image":{"@id":"https:\/\/xitaso.com\/en\/projects\/ui-ux-case-study-intrusion-detection-system-ids\/#primaryimage"},"thumbnailUrl":"https:\/\/xitaso.com\/wp-content\/uploads\/Referenz_Ausecus-Header.jpg","datePublished":"2021-09-14T07:27:14+00:00","dateModified":"2026-01-29T16:02:07+00:00","description":"An overview of the agile and cooperative development of user interface and experience using the example of KRITIS Defender for ausecus.","breadcrumb":{"@id":"https:\/\/xitaso.com\/en\/projects\/ui-ux-case-study-intrusion-detection-system-ids\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/xitaso.com\/en\/projects\/ui-ux-case-study-intrusion-detection-system-ids\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/xitaso.com\/en\/projects\/ui-ux-case-study-intrusion-detection-system-ids\/#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\/en\/projects\/ui-ux-case-study-intrusion-detection-system-ids\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/xitaso.com\/en\/"},{"@type":"ListItem","position":2,"name":"Projects","item":"https:\/\/xitaso.com\/en\/projects\/"},{"@type":"ListItem","position":3,"name":"UI\/UX case study – Intrusion Detection System (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":"en-US"},{"@type":"Organization","@id":"https:\/\/xitaso.com\/#organization","name":"XITASO GmbH","url":"https:\/\/xitaso.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@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\/en\/wp-json\/wp\/v2\/pages\/31499","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xitaso.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/xitaso.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/xitaso.com\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/xitaso.com\/en\/wp-json\/wp\/v2\/comments?post=31499"}],"version-history":[{"count":0,"href":"https:\/\/xitaso.com\/en\/wp-json\/wp\/v2\/pages\/31499\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/xitaso.com\/en\/wp-json\/wp\/v2\/pages\/22122"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/xitaso.com\/en\/wp-json\/wp\/v2\/media\/14265"}],"wp:attachment":[{"href":"https:\/\/xitaso.com\/en\/wp-json\/wp\/v2\/media?parent=31499"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}