Abstract
In this paper, we present two menu implementations that allow swipe-based navigation through deep hierarchical menu configurations. Instead of utilizing repetitive tap-based selections, the proposed interaction relies on continuous finger movement across different submenus. The menus are implemented as a service; hence they can easily be attached to the target mobile application and visualized as a semi-transparent floating widget on top of it. Similar to the marking menu concept, the provided designs also enable a smooth transition from novice to expert user, as swipe gestures used for menu item selections can be memorized and subsequently executed faster. Both menus initially act as a floating action button, allowing the user to change its location by dragging it to the preferred place on the screen. Visualization of the menu starts in this pivotal position, according to the utilized design: Tile menu or Pie menu. The Tile menu uses a linear scheme and dynamically occupies more screen real-estate when a submenu is triggered. On the other hand, the Pie menu is displayed as a circular widget without extra containers and uses touch-dwelling for submenu invocation. Implementations of the proposed menu designs are evaluated and comparatively analyzed by conducting a controlled experiment involving 30 participants. We present the results of this empirical research, specifically focusing on menu navigation efficiency in two different contexts of use, the related interaction workload, and usability attributes.
This is a preview of subscription content, log in via an institution to check access.
Access this chapter
Tax calculation will be finalised at checkout
Purchases are for personal use only
References
Bailly, G., Lecolinet, E., Nigay, L.: Visual menu techniques. ACM Comput. Surv. 49(4), 60:1–60:41 (2017)
Budiu, R.: Mobile Subnavigation. Nielsen Norman Group (2017). https://www.nngroup.com/articles/mobile-subnavigation/
Wiseman, N.E., Lemke, H.U., Hiles, J.O.: PIXIE: a new approach to graphical man-machine communication. In: Proceedings of the CAD Conf. Southampton, vol. 463. IEEE Conference Publication 51 (1969)
Callahan, J., Hopkins, D., Weiser, M., Shneiderman, B.: An empirical comparison of pie vs. linear menus. In: Proceedings SIGCHI Conference Human Factors in Computing Systems (CHI 1988), pp. 95–100. ACM Press, New York (1988)
Kurtenbach, G., Buxton, W.: The limits of expert performance using hierarchic marking menus. In: Proceedings Conference Human Factors in Computing Systems (CHI 1993), pp. 482–487. ACM Press, New York (1993)
Francone, J., Bailly, G., Nigay, L., Lecolinet, E.: Wavelet menus: a stacking metaphor for adapting marking menus to mobile devices. In: Proceedings International Conference Human-Computer Interaction with Mobile Devices and Services (MobileHCI 2009), pp. 49:1–49:4. ACM Press, New York (2009)
Bonnet, D., Appert, C.: SAM: the swiss army Menu. In: Proceedings Conference l’Interaction Homme-Machine (IHM 2011), pp. 5:1–5:4. ACM Press, New York (2011)
Kin, K., Hartmann, B., Agrawala, M.: Two-handed marking menus for multitouch devices. ACM Trans. Comput. Hum. Interact. 18(3), 16:1–16:23 (2011)
Huot, S., Lecolinet, E.: ArchMenu et ThumbMenu: contrôler son dispositif mobile «sur le pouce». In: Proceedings Conference l’Interaction Homme-Machine (IHM 2007), pp. 107–110. ACM Press, New York (2007)
Zheng, J., Bi, X., Li, K., Li, Y., Zhai, S.: M3 gesture menu: design and experimental analyses of marking menus for touchscreen mobile interaction. In: Proceedings Conference Human Factors in Computing Systems (CHI 2018), pp. 249:1–249:14. ACM Press, New York (2018)
Roudaut, A., Bailly, G., Lecolinet, E., Nigay, L.: Leaf menus: linear menus with stroke shortcuts for small handheld devices. In: Gross, T., Gulliksen, J., Kotzé, P., Oestreicher, L., Palanque, P., Prates, R.O., Winckler, M. (eds.) INTERACT 2009. LNCS, vol. 5726, pp. 616–619. Springer, Heidelberg (2009). https://doi.org/10.1007/978-3-642-03655-2_69
Hoober, S.: How do users really hold mobile devices? In: UXmatters. http://www.uxmatters.com/mt/archives/2013/02/how-do-users-really-hold-mobile-devices.php
MacKenzie, I.S.: Human-Computer Interaction: An Empirical Research Perspective. Morgan Kaufmann, San Francisco (2013)
Author information
Authors and Affiliations
Corresponding author
Editor information
Editors and Affiliations
Rights and permissions
Copyright information
© 2020 Springer Nature Switzerland AG
About this paper
Cite this paper
Salkanovic, A., Štajduhar, I., Ljubic, S. (2020). Floating Hierarchical Menus for Swipe-Based Navigation on Touchscreen Mobile Devices. In: Kurosu, M. (eds) Human-Computer Interaction. Multimodal and Natural Interaction. HCII 2020. Lecture Notes in Computer Science(), vol 12182. Springer, Cham. https://doi.org/10.1007/978-3-030-49062-1_34
Download citation
DOI: https://doi.org/10.1007/978-3-030-49062-1_34
Published:
Publisher Name: Springer, Cham
Print ISBN: 978-3-030-49061-4
Online ISBN: 978-3-030-49062-1
eBook Packages: Computer ScienceComputer Science (R0)