Admin
어드민을 구성하는 핵심 컴포넌트를 조합하여 표준 화면 레이아웃을 정의하였습니다.
실제 서비스 환경을 고려한 구성으로, 목적에 맞는 컴포넌트를 유연하게 구성하고 확장할 수 있습니다.
Dashboard
Dashboard는 서비스의 상태와 주요 지표를 요약하여 보여주는 화면입니다.
데이터의 흐름과 변화를 빠르게 파악할 수 있도록 차트와 요약 카드 중심으로 구성됩니다.
Dashboard는 시스템의 핵심 주요 지표를 효율적으로 관리하는 형태입니다. 사용자의 역할과 비즈니스에 따라 유연하게 구성할 수 있도록 여러 카드, 컴포넌트로 구성됩니다.
- 핵심 지표를 시각적으로 요약하여 제공합니다.
- 시간 흐름에 따른 데이터 변화를 직관적으로 확인할 수 있습니다.
- 상세 데이터 확인을 위한 관련 컴포넌트로 자연스럽게 연결됩니다.
Related Components
Dashboard를 구성하는 주요 컴포넌트들입니다.
각 컴포넌트는 독립적으로도 사용 가능하며, 화면 맥락에 따라 조합하여 활용할 수 있습니다.
Chart
Chart는 수치 데이터를 시각적으로 표현하여 데이터 간의 비교와 추이를 쉽게 이해할 수 있도록 합니다.
- Bar : 항목 간 수치 비교에 적합합니다.
- Line : 시간에 따른 변화 추이를 표현하는 데 사용합니다.
- Feedback : 특정 이벤트나 상태 변화를 강조하여 보여줍니다.
- List : 정렬된 데이터 목록을 통해 상세 수치를 확인할 수 있습니다.
Summary
Summary는 핵심 지표를 카드 형태로 요약하여 제공합니다.
사용자는 복잡한 데이터 분석 없이도 현재 상태를 빠르게 인지할 수 있습니다.
- 주요 수치와 증감 정보를 함께 제공합니다.
- 중요도가 높은 정보는 시각적으로 강조합니다.
Tooltip
Tooltip은 차트나 데이터 포인트에 대한 보조 설명을 제공합니다.
마우스 오버 시 추가 정보를 노출하여 화면의 복잡도를 줄이면서도 정보 전달력을 높입니다.
마우스 커서를 기준으로 우상단 6px의 여백을 두고 표출됩니다.
Last updated on: