Abstract
A new design method for multi-functional pull-down menu based on stacking rules is proposed. The importance of a design point of view has been emphasized in many previous studies on web navigation. Taking technical aspects with an emphasis on programming techniques into consideration in this paper, multiple elements, which are used for constructing main menu of the pull-down menu, are capable of performing their unique functions independently in addition to basic classification function by disposing them to separated layers using stacking rules. Furthermore, the improvement of visual effects and efficiency for information navigation can be expected by implementing submenu selection-bar using animation techniques and function to automatically search submenu item. Finally, the effectiveness of the proposed method is identified by implementing multi-functional pull-down menu using CSS and jQuery.
본 논문은 쌓임 규칙에 기반한 복합기능을 가진 풀다운메뉴의 새로운 설계 방법을 제안한다. 기존의 웹 내비게이션 관련 연구에서는 디자인적인 측면을 강조한 내용이 대부분이다. 본 논문은 프로그래밍기법에 주안점을 둔 기술적인 측면을 고려하여 다수의 엘리먼트로 풀다운메뉴의 메인메뉴를 구성하고, 이들을 쌓임 규칙을 이용하여 서로 다른 레이어에 배치함으로써 메인메뉴의 기본적인 분류기능 이외에 독립적으로 고유의 기능을 할 수 있다. 또한 본 논문에서 제안한 애니메이션기법을 사용한 서브메뉴 선택 바와 서브메뉴 항목 자동 탐색 기능을 추가하여 시각적인 효과와 정보탐색 효율을 향상할 수 있다. 본 논문에서 제안한 복합기능을 갖는 풀다운메뉴를 CSS와 jQuery를 사용하여 구현함으로써 제안한 방법의 유효성을 확인하였다.