PART_1. 인포메이션 디자인 (INFORMATION DESIGN)
*** 드릴다운 네비게이션 (Drill-Down Navigation) ***
- 계층적구조와 카테고리를 상위레벨에서 하위 레벨 또는 요약 레벨에서 상세레벨로 이동하는 네비게이션
ex)윈도우 탐색기
- 드릴다운기법은 계층적 정보구조를 쉽게 이해 시키며 효율적인 네비게이션을 지원
- 깊은 정보구조의 사이트에 적합
- 정보구조와 해당정보를 동시에 볼 수 있게 하여 정보구조속에서 미아현상(Lost-in-Space)을 방지
- 웹은 페이지단위로 정보를 호출하며 '새로고침(refresh)'에의해 다른 페이지를 호출하는 방식이어서 드릴다운 방식은 프레임 구조의 페이지에서 즐겨 사용되었으나 프레임구조의 효용가치가 떨어지면서 사용이 감소 하였지만 Ajax의 등장으로 다시 사용이 증가 되고있다.
- 드릴다운은 계층구조를 표현하는 일종의 다이어그램으로 계층관계가 시각적으로 잘 드러나야하며 선택의 정확성 여부가 신속히 판단될수 있어야한다.
- 이 조건을 충족시카는것이 트리메뉴(tree menu)와 다단식 메뉴(cascading menu)임
- 트리메뉴는 드릴다운과 드릴업이 용이하나 조작오류가 많은 편이어서 초보나 고령자에게 적합하지않다.
- 다단식 메뉴는 조작오류는 적으나 공간을 많이 사용하는 단점이있음
- 정보의 구자가 넓거나 깊으면 하위레벨 메뉴 파악이 어려워진다. 이때 드릴다운이 용이하다
- 플래시와 Ajax 로 보다 효과적인 네비게이션을 구현할 수 있음
벤치마킹
http://msdn.microsoft.com
- 트리메뉴의 효과를 높이기 위해 프레임 기반의 레이아웃(Frame based layout)을 채택
- 정보의 깊이가 7~8단이이어서 트리메뉴가 효과적으로 사용됨
http://opencontent.org/
- 다단식메뉴를 사용
- 어느계층이든 메뉴를 선택하면 Ajax를 이용해 하단에 해당정보를 보여줌
관련이론
미아현상(Lost-in-Space)
- 정보구조가 지나치게 복잡하면 단기 용량의 한계로 인해 지나온 경로를 기억하지못해 공간속에서 길을 잃어버리는현상
- 경로를 밟지 않은 경우 미아현상 발생 가능성이 더 커짐
출처: 웹2.0기획과 디자인(노주환)
*** 드릴다운 네비게이션 (Drill-Down Navigation) ***
- 계층적구조와 카테고리를 상위레벨에서 하위 레벨 또는 요약 레벨에서 상세레벨로 이동하는 네비게이션
ex)윈도우 탐색기
- 드릴다운기법은 계층적 정보구조를 쉽게 이해 시키며 효율적인 네비게이션을 지원
- 깊은 정보구조의 사이트에 적합
- 정보구조와 해당정보를 동시에 볼 수 있게 하여 정보구조속에서 미아현상(Lost-in-Space)을 방지
- 웹은 페이지단위로 정보를 호출하며 '새로고침(refresh)'에의해 다른 페이지를 호출하는 방식이어서 드릴다운 방식은 프레임 구조의 페이지에서 즐겨 사용되었으나 프레임구조의 효용가치가 떨어지면서 사용이 감소 하였지만 Ajax의 등장으로 다시 사용이 증가 되고있다.
- 드릴다운은 계층구조를 표현하는 일종의 다이어그램으로 계층관계가 시각적으로 잘 드러나야하며 선택의 정확성 여부가 신속히 판단될수 있어야한다.
- 이 조건을 충족시카는것이 트리메뉴(tree menu)와 다단식 메뉴(cascading menu)임
- 트리메뉴는 드릴다운과 드릴업이 용이하나 조작오류가 많은 편이어서 초보나 고령자에게 적합하지않다.
- 다단식 메뉴는 조작오류는 적으나 공간을 많이 사용하는 단점이있음
- 정보의 구자가 넓거나 깊으면 하위레벨 메뉴 파악이 어려워진다. 이때 드릴다운이 용이하다
- 플래시와 Ajax 로 보다 효과적인 네비게이션을 구현할 수 있음
벤치마킹
http://msdn.microsoft.com
- 트리메뉴의 효과를 높이기 위해 프레임 기반의 레이아웃(Frame based layout)을 채택
- 정보의 깊이가 7~8단이이어서 트리메뉴가 효과적으로 사용됨
http://opencontent.org/
- 다단식메뉴를 사용
- 어느계층이든 메뉴를 선택하면 Ajax를 이용해 하단에 해당정보를 보여줌
관련이론
미아현상(Lost-in-Space)
- 정보구조가 지나치게 복잡하면 단기 용량의 한계로 인해 지나온 경로를 기억하지못해 공간속에서 길을 잃어버리는현상
- 경로를 밟지 않은 경우 미아현상 발생 가능성이 더 커짐
출처: 웹2.0기획과 디자인(노주환)