Browse > Article

A New Design Method for Multi-functional Pull-down menu based on Stacking Rules  

Cho, Han Soo (한중대학교 모바일IT공학과)
Publication Information
Smart Media Journal / v.5, no.1, 2016 , pp. 104-113 More about this Journal
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.
Keywords
pull-down menu; stacking rules; submenu selection-bar;
Citations & Related Records
Times Cited By KSCI : 1  (Citation Analysis)
연도 인용수 순위
1 Schwartz, J. P., & Norman, K. L., "The importance of item distinctiveness on performance using a menu selection system", Behaviour and Information Technology, 5(2), 173-182, 1986.   DOI
2 Nielsen, J. Designing web usability, Indianapolis, New Riders Publishing, 2000.
3 Park, J., & Kim, J., "Contextual navigation aids for two World Wide Web systems", International Journal of Human-Computer Interaction, 12(2), 193-217, 2000.   DOI
4 Yoo, B., & Kim, J., "Experiment on the effectiveness of link structure for convenient cybershopping", Journal of Organization Computing and Electronic Commerce", 10(4), 241-256, 2000.   DOI
5 유병민, "인터넷 정보탐색 과정에서 정보구조와 메뉴디자인의 상호작용 분석", 정보처리학회논문지, 제12-B권, 제4호, pp.473-478, 2005년 8월
6 배윤선, 이현주, "고령자의 사용편의성을 위한 웹 네비게이션 디자인에 관한 연구", 디자인학연구, 통권 제63호, Vol 19, No. 1, pp. 129-140, 2006년
7 박은정, 이건표, 서종환, "감성기반 웹 사이트 네비게이션 디자인을 위한 디지털 스토리텔링의 활용", 디자인학연구, 통권 제87호, Vol. 23, No. 1, pp. 174-185, 2010년
8 Snowberry, K., Parkinson, R., & Sisson, N., "Effect of help fields on navigating through hierarchical menu structures", International Journal of Man-Machine Studies, 22, 479-497, 1985.   DOI
9 http://jquery.com
10 http://www.w3.org/Style/CSS
11 https://developer.mozilla.org/en-US/docs/Web/CSS