> For the complete documentation index, see [llms.txt](https://tech.x2bee.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://tech.x2bee.com/dev-guide/developer-guide-en/pjt-prepare/ui-ux-guide.md).

# UI/UX Guide

## Overview

This section describes the UI/UX standard guide for flexible configuration and easy content composition.

It establishes X2BEE's consistent usage standards and guides a system environment that reflects users' behavior patterns and cognitive processes.

1. Provide a consistent user experience regardless of the user's proficiency
2. Provide standards for building screens that improve development, maintenance, and user learning efficiency
3. Provide standards that reflect user visual perception and the structural arrangement of information
4. Define the elements that must be maintained for a consistent and intuitive user environment, and present screen design principles

***

## Document Structure

<details>

<summary><a href="https://tech.x2bee.com/space/TG/14352398">Layout</a></summary>

Provides information on the layout of the X2BEE BO screens.

</details>

<details>

<summary><a href="https://tech.x2bee.com/space/TG/14550050">Screen Detail Guide</a></summary>

Explains the screen design information in detail for using X2BEE BO features.

</details>

<details>

<summary><a href="https://tech.x2bee.com/space/TG/1015911">RealGrid</a></summary>

Provides information on using the 'RealGrid' library for data input, editing, and deletion.

</details>

<br>