From Design pattern
Jump to: navigation, search
(Created page with "this is Breadcrumbs article Jumping in hierarchy")
 
 
(7 intermediate revisions by 2 users not shown)
Line 1: Line 1:
this is Breadcrumbs article
+
Breadcrumbs는 메뉴 구조가 계층적일 때, 메인 화면에서 현재 화면까지 이르는 경로를 시각적으로 나타내는 인터랙션 패턴이다. Breadcrumbs라는 명칭은 헨젤과 그레텔에서 남매가 뿌리는 빵 부스러기에서 유래한 것으로, Breadcrumb trail이라고 부르기도 한다.
  
[[Category:Jumping in hierarchy]]
+
===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]]

Latest revision as of 16:15, 2 July 2014

Breadcrumbs는 메뉴 구조가 계층적일 때, 메인 화면에서 현재 화면까지 이르는 경로를 시각적으로 나타내는 인터랙션 패턴이다. Breadcrumbs라는 명칭은 헨젤과 그레텔에서 남매가 뿌리는 빵 부스러기에서 유래한 것으로, Breadcrumb trail이라고 부르기도 한다.

With this pattern, we can solve...

메인 화면에서 현재 화면까지 계층적으로 들어오는 경로가 나와있어, 현재 사용자의 위치를 파악할 수 있다.

  • 주로 "처음 화면 > 주 메뉴 > 부 메뉴 > 현재 메뉴"와 같은 방식으로 보여준다.
  • Mobile의 경우, 대부분의 사례가 상위 메뉴들로 연결되는 링크를 함께 제공하여 정보탐색의 효율성을 높이고 있다.

Example: Breadcrumb

665.px


665.px

665.px