28 lines
890 B
Markdown
28 lines
890 B
Markdown
|
|
# Mobile One-Hand Navigation Patterns
|
||
|
|
|
||
|
|
## 목적
|
||
|
|
|
||
|
|
모바일 웹의 핵심 경쟁력은 한 손으로 빠르게 들어와 한 대화에 집중하는 데 있다. 이 문서는 한 손 사용을 기준으로 내비게이션 원칙을 정의한다.
|
||
|
|
|
||
|
|
## 원칙
|
||
|
|
|
||
|
|
- 핵심 목적지는 4개를 넘기지 않는다.
|
||
|
|
- 하단 바는 `화면 이동`만 담당하고, 필터는 화면 내부로 분리한다.
|
||
|
|
- 뒤로 가기, 검색, 최근 복귀는 손가락 이동이 짧아야 한다.
|
||
|
|
|
||
|
|
## 필수 목적지
|
||
|
|
|
||
|
|
- 대화
|
||
|
|
- 검색
|
||
|
|
- 보관함
|
||
|
|
- 내 공간
|
||
|
|
|
||
|
|
## 금지 패턴
|
||
|
|
|
||
|
|
- 목록 필터와 전역 내비를 같은 바에 섞기
|
||
|
|
- 로그아웃, 세션 정리 같은 위험 동작을 하단 고정 바에 두기
|
||
|
|
- 대화 화면에서도 목록 필터가 그대로 남아 있는 구조
|
||
|
|
|
||
|
|
## 성공 기준
|
||
|
|
|
||
|
|
- 사용자는 현재 화면에서 하단 바를 보고 다음 이동지를 바로 이해한다.
|