Difference between revisions of "Breadcrumbs"
Navigation menu
From Design pattern
| (4 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
| − | + | Breadcrumbs는 메뉴 구조가 계층적일 때, 메인 화면에서 현재 화면까지 이르는 경로를 시각적으로 나타내는 인터랙션 패턴이다. Breadcrumbs라는 명칭은 헨젤과 그레텔에서 남매가 뿌리는 빵 부스러기에서 유래한 것으로, Breadcrumb trail이라고 부르기도 한다. | |
| − | Breadcrumbs는 메뉴 구조가 계층적일 때, 현재 | + | |
| + | ===With this pattern, we can solve...=== | ||
| + | 메인 화면에서 현재 화면까지 계층적으로 들어오는 경로가 나와있어, 현재 사용자의 위치를 파악할 수 있다. | ||
| + | * 주로 "처음 화면 > 주 메뉴 > 부 메뉴 > 현재 메뉴"와 같은 방식으로 보여준다. | ||
| + | * Mobile의 경우, 대부분의 사례가 상위 메뉴들로 연결되는 링크를 함께 제공하여 정보탐색의 효율성을 높이고 있다. | ||
| + | |||
| + | ===Example: Breadcrumb=== | ||
| + | [[File: Breadcrumb3.jpeg|665.px]] | ||
| − | |||
---- | ---- | ||
| + | |||
| + | [[File: Breadcrumb1.jpeg|665.px]] | ||
| + | |||
| + | [[File: Breadcrumb2.jpeg|665.px]] | ||
| + | |||
[[Category:Move in hierarchy]] | [[Category:Move in hierarchy]] | ||
Latest revision as of 16:15, 2 July 2014
Breadcrumbs는 메뉴 구조가 계층적일 때, 메인 화면에서 현재 화면까지 이르는 경로를 시각적으로 나타내는 인터랙션 패턴이다. Breadcrumbs라는 명칭은 헨젤과 그레텔에서 남매가 뿌리는 빵 부스러기에서 유래한 것으로, Breadcrumb trail이라고 부르기도 한다.
With this pattern, we can solve...
메인 화면에서 현재 화면까지 계층적으로 들어오는 경로가 나와있어, 현재 사용자의 위치를 파악할 수 있다.
- 주로 "처음 화면 > 주 메뉴 > 부 메뉴 > 현재 메뉴"와 같은 방식으로 보여준다.
- Mobile의 경우, 대부분의 사례가 상위 메뉴들로 연결되는 링크를 함께 제공하여 정보탐색의 효율성을 높이고 있다.
Example: Breadcrumb
