1

Form

데이터를 입력하고 수정하거나, 값을 설정하는 화면에 사용

EX 회원등록, 상품등록, 1:1문의 답변 등록 폼

2

View

데이터 값 설정 화면, 컨텐츠 화면을 그대로 출력하고자 하는 경우 사용

EX 상세보기, 소개/가이드 페이지

3

Table List

2차원 데이터를 그리드 형태로 표시하고자 하는 경우 사용

EX 회원관리, 상품관리, 주문관리, 1:1문의 목록 테이블

4

Card List

순서가 있는 데이터를 나열하고자 하는 경우 사용

EX 메뉴, 페이지, 카테고리 나열, 상품 목록

5

Tree

종속 관계가 있는 데이터를 나열하고자 하는 경우 사용

EX 회원 등급 트리, 카테고리 트리, 페이지 Depth 구조

6

Chart

데이터를 그래픽으로 표현하고자 하는 경우 사용

EX 광고 마케팅 진행 일별 추이, 신규가입 월별 추이

7

Time Series

데이터를 실시간 그래프로 출력하고자 하는 경우 사용

EX 광고 마케팅 진행 현황, 신규가입 현황, 방문자수 현황

8

Tab

다른 보기 화면 간의 전환을 쉽게 하고자 하는 경우 사용

EX 게시판 관리 탭메뉴(게시판 그룹관리, 인기검색어 관리, 인기 검색어 순위, 1:1문의 설정, 내용관리, FAQ관리, 글/댓글 현황)

9

Steps

특정 순서의 작업을 여러 단계로 분리하여 표현하는 경우 사용

EX 상품 등록, 광고 등록

10

Search Form

검색 기능을 별도 레이아웃으로 표현하고자 하는 경우 사용

EX 회원/상품/주문/문의 검색 상세 필터

11

History Table

별도의 Tab에서 타임라인으로 일련의 정보를 시간별로 정렬하고, 시각적으로 연결하여 히스토리를 남기고자 하는 경우 사용

EX 등록/수정/삭제 등의 운영자 작업 히스토리

12

Calendar

스케줄러 기능이 있는 달력을 사용 하는 경우 사용

EX 광고/마케팅 일정 관리, 이벤트 배너 일정 관리 등등