> 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/pjt-prepare/ui-ux.md).

# UI/UX 가이드

## 개요

자유로운 설정 및 손쉬운 콘텐츠 구성을 목적으로 UI/UX 표준 가이드를 설명합니다.

X2BEE의 일관된 사용기준을 수립하고, 사용자의 행동유형과 인지체계를 반영한 시스템 환경을 안내합니다.

1. 유저가 사용 숙련도에 관계 없이 일관된 사용자 경험 제시
2. 개발 및 유지보수와 사용자 학습 효율을 높일 수 있는 화면 제작을 위한 기준 제시
3. 사용자 시지각성 확보와 정보의 구조적 배열을 반영한 기준 제시
4. 일관적이고 직관적인 사용자 환경 유지를 위해 지켜져야 할 요소 정의와 화면설계 원칙 제시

***

## 문서 구성

<details>

<summary><a href="https://tech.x2bee.com/space/TG/14352398">레이아웃</a> </summary>

X2BEE BO 화면에 대한 레이아웃에 대한 정보를 제공하고 있습니다.

</details>

<details>

<summary><a href="https://tech.x2bee.com/space/TG/14550050">화면 상세 가이드</a> </summary>

X2BEE BO 기능 사용을 위해 화면 설계 정보를 자세하게 설명합니다.

</details>

<details>

<summary><a href="https://tech.x2bee.com/space/TG/1015911">리얼그리드</a> </summary>

데이터 입력/수정/삭제에 대한 ‘리얼그리드(RealGrid)’라이브러리 사용 정보를 제공하고 있습니다.

</details>

<br>