article

Vertical versus dynamic menus on the world wide web: Eye tracking study measuring the influence of menu design and task complexity on user performance and subjective preference

Authors:

Stefan Leuthold,

Javier A. Bargas-Avila,

Alexandre N. Tuch,

Klaus OpwisAuthors Info & Claims

Computers in Human Behavior, Volume 27, Issue 1

Pages 459 - 472

https://doi.org/10.1016/j.chb.2010.09.009

Published: 01 January 2011 Publication History

Abstract

Web sites need fast and effective navigation systems. An eye tracking laboratory study with n=120 participants was conducted to compare the influence of different navigation designs (vertical versus dynamic menus) and task complexity (simple versus complex navigation tasks) on user performance, navigation strategy, and subjective preference. With vertical menus, users needed less eye fixations, were faster and more successful. We conclude that, firstly, vertical menus fit better to perception and cognition than dynamic menus, where the navigation items are hidden and must be accessed by an additional mouse click. Secondly, navigation systems should be extended with different kinds of navigation items adapted to the complexity of the users' navigation tasks, because users tend to switch their navigation strategy when confronted with complex tasks.

References

[1]

101 spots, or how do users read menus?. In: Proceedings of the SIGCHI conference on human factors in computing systems, ACM Press/Addison-Wesley Publishing Co. pp. 132-139.

[2]

Berners-Lee, T., 1989. Information management: A proposal.

[3]

Task complexity: A review and analysis. The Academy of Management Review. v13 i1. 40-52.

[4]

The psychology of human-computer interaction. Erlbaum, Hillsdale, NJ.

[5]

A predictive model of human performance with scrolling and hierarchical lists. Human-Computer Interaction. v24 i3. 273-314.

[6]

A predictive model of menu performance. In: Proceedings of the SIGCHI conference on human factors in computing systems, ACM. pp. 627-636.

[7]

Web application design handbook: Best practices for web-based software. Morgan Kaufmann Publishers Inc., San Francisco, CA, USA.

[8]

Garrett, J. J. (2003). The elements of user experience: User-centered design for the Web. New Riders.

[9]

First impressions last a lifetime: Effect of interface type on disorientation and cognitive load. Computers in Human Behavior. v23 i1. 525-535.

[10]

Integrating cognitive load theory and concepts of human-computer interaction. Computers in Human Behavior. v26 i6. 1278-1288.

[11]

Visual search and mouse-pointing in labeled versus unlabeled two-dimensional visual hierarchies. ACM Transactions on Computer-Human Interaction (TOCHI). v8 i3. 171-197.

[12]

Cognitive strategies and eye movements for searching hierarchical computer displays. In: Proceedings of the SIGCHI conference on human factors in computing systems, ACM. pp. 249-256.

[13]

The effects of the number of links and navigation support on cognitive load and learning with hypertext: The mediating role of reading order. Computers in Human Behavior. v25 i1. 66-75.

[14]

Hierarchical menu design: Breadth, depth, and task complexity. Perceptual and Motor Skills. v82 i3. 1187-1201.

[15]

Eye tracking in human-computer interaction and usability research: Ready to deliver the promises. Elsevier Science BV.

[16]

. Designing web navigation.

[17]

Effects of scent and breadth on use of site-specific search on e-commerce web sites. ACM Transactions on Computer-Human Interaction (TOCHI). v10 i3. 198-220.

[18]

The depth/breadth trade-off in the design of menu-driven user interfaces. International Journal of Man-Machine Studies. v20 i2. 201-213.

[19]

Web page design: Implications of memory, structure and scent for information retrieval. In: CHI '98: Proceedings of the SIGCHI conference on human factors in computing systems, ACM Press/Addison-Wesley Publishing Co., New York, NY, USA. pp. 25-32.

[20]

LeCompte, D. C. (2000). 3.14159, 42, and 72: Three numbers that (should) have nothing to do with user interface design. URL <http://www.internettg.org/newsletter/aug00/contents.html>.

[21]

Beyond web content accessibility guidelines: Design of enhanced text user interfaces for blind internet users. International Journal of Human-Computer Studies. v66 i6. 257-270.

[22]

Web style guide: Basic design principles for creating web sites. Yale University Press, New Haven, CT, USA.

[23]

Miller, D. P. (1981). The depth/breadth tradeoff in hierarchical computer menus. In Proceedings of the human factors society - 25th annual meeting, No. 296-300.

[24]

The magical number seven, plus or minus two: Some limits on our capacity for processing information. Psychological Review. v63. 81-97.

[25]

Human problem solving. Prentice Hall, Englewood Cliffs, NJ.

[26]

Designing web usability: The practice of simplicity. New Riders Publishing, Thousand Oaks, CA, USA.

[27]

Information foraging theory: Adaptive interaction with information. Oxford University Press, USA.

[28]

Information foraging. Psychological Review. v106. 643-675.

[29]

Quinn, P., & Cockburn, A. (2008). The effects of menu parallelism on visual search and selection. In Proceedings of the ninth conference on Australasian user interface (Vol. 76, pp. 79-84). Australian Computer Society, Inc.

[30]

Information architecture for the world wide web: Designing large-scale web sites. 3rd ed. O'Reilly Media.

[31]

Mental models for web objects: Where do users expect to find the most frequent objects in online shops, news portals, and company web pages?. Interacting with Computers. v22 i2. 140-152.

[32]

Schmutz, P., Heinz, S., Métrailler, Y., & Opwis, K. (2009). Cognitive load in ecommerce applications - measurement and effects on user satisfaction. Advances in Human-Computer Interaction (Vol. 2009, 9 pages) (Article ID 121494).

[33]

Designing product listing pages - effects on sales and users' cognitive workload. International Journal of Human-Computer Studies. v68 i7. 423-431.

[34]

Direct manipulation a step beyond programming languages. IEEE Transactions on Computers. v16 i8. 57-69.

[35]

Designing the user interface. 4th ed. Addison-Wesley.

[36]

Computer display menus. Ergonomics. v26 i7. 699-712.

[37]

Web site usability: A designer's guide. Morgan Kaufmann Publishers Inc., San Francisco, CA, USA.

[38]

Visual complexity of websites: Effects on users' experience, physiology, performance, and memory. International Journal of Human-Computer Studies. v67 i9. 703-715.

[39]

Visual thinking for design. Morgan Kaufmann Publishers Inc., Burlington, MA 01803, USA.

Cited By

Patel SLiu YZhao RLiu XLi Y(2022)Inspection of In-Vehicle Touchscreen Infotainment Display for Different Screen Locations, Menu Types, and PositionsHCI in Mobility, Transport, and Automotive Systems10.1007/978-3-031-04987-3_18(258-279)Online publication date: 26-Jun-2022
https://dl.acm.org/doi/10.1007/978-3-031-04987-3_18
Cortiñas MChocarro RVillanueva AKrejtz KSharif B(2019)Image, brand and price infoProceedings of the 11th ACM Symposium on Eye Tracking Research & Applications10.1145/3317960.3321616(1-8)Online publication date: 25-Jun-2019
https://dl.acm.org/doi/10.1145/3317960.3321616
Cortinas MCabeza RChocarro RVillanueva A(2019)Attention to online channels across the path to purchaseElectronic Commerce Research and Applications10.1016/j.elerap.2019.10086436:COnline publication date: 1-Jul-2019
https://dl.acm.org/doi/10.1016/j.elerap.2019.100864
Show More Cited By

Vertical versus dynamic menus on the world wide web: Eye tracking study measuring the influence of menu design and task complexity on user performance and subjective preference
1. Human-centered computing
  1. Human computer interaction (HCI)

Recommendations

Split menus: effectively using selection frequency to organize menus

When some items in a menu are selected more frequently than others, as is often the case, designers or individual users may be able to speed performance and improve preference ratings by placing several high-frequency items at the top of the menu. Design ...
World Wide Web navigation aid

The challenge for the World Wide Web user is to discover and rediscover useful information from very rich but also very diversified sources in the Web environment. The Web browser is a key interface to facilitate Web information access. In this paper, a ...
Adaptively shortened pull down menus: location knowledge and selection efficiency

Adaptively shortened pull down menus, as introduced by Microsoft with the 'personalized menus' in Office 2000™ and assumed to speed up menu selection, are examined. Displacement of items in this adaptively changing menu is argued to conflict with the ...

Comments

Please enable JavaScript to view thecomments powered by Disqus.

Information & Contributors

Information

Published In

cover image Computers in Human Behavior

Computers in Human Behavior Volume 27, Issue 1

January, 2011

606 pages

ISSN:0747-5632

Issue’s Table of Contents

Copyright © Elsevier Ltd © 2010.

Publisher

Elsevier Science Publishers B. V.

Netherlands

Publication History

Published: 01 January 2011

Author Tags

Qualifiers

Article

Contributors

Other Metrics

View Article Metrics

Bibliometrics & Citations

Bibliometrics

Article Metrics

18
Total Citations
View Citations
2
Total Downloads

Downloads (Last 12 months)0
Downloads (Last 6 weeks)0

Reflects downloads up to 23 Feb 2025

Other Metrics

View Author Metrics

Citations

Cited By

Patel SLiu YZhao RLiu XLi Y(2022)Inspection of In-Vehicle Touchscreen Infotainment Display for Different Screen Locations, Menu Types, and PositionsHCI in Mobility, Transport, and Automotive Systems10.1007/978-3-031-04987-3_18(258-279)Online publication date: 26-Jun-2022
https://dl.acm.org/doi/10.1007/978-3-031-04987-3_18
Cortiñas MChocarro RVillanueva AKrejtz KSharif B(2019)Image, brand and price infoProceedings of the 11th ACM Symposium on Eye Tracking Research & Applications10.1145/3317960.3321616(1-8)Online publication date: 25-Jun-2019
https://dl.acm.org/doi/10.1145/3317960.3321616
Cortinas MCabeza RChocarro RVillanueva A(2019)Attention to online channels across the path to purchaseElectronic Commerce Research and Applications10.1016/j.elerap.2019.10086436:COnline publication date: 1-Jul-2019
https://dl.acm.org/doi/10.1016/j.elerap.2019.100864
Petrie HMahtar I(2019)Effects of Menu Organization and Visibility on Web Navigation for People with DyslexiaHuman-Computer Interaction – INTERACT 201910.1007/978-3-030-29381-9_8(115-133)Online publication date: 2-Sep-2019
https://dl.acm.org/doi/10.1007/978-3-030-29381-9_8
Bodrunova SYakunin A(2018)Impact of Menu Complexity upon User Behavior and Satisfaction in Information SearchHuman Interface and the Management of Information. Information in Applications and Services10.1007/978-3-319-92046-7_5(55-66)Online publication date: 15-Jul-2018
https://dl.acm.org/doi/10.1007/978-3-319-92046-7_5
Deka BHuang ZFranzen CHibschman JAfergan DLi YNichols JKumar RGajos KMankoff JHarrison C(2017)RicoProceedings of the 30th Annual ACM Symposium on User Interface Software and Technology10.1145/3126594.3126651(845-854)Online publication date: 20-Oct-2017
https://dl.acm.org/doi/10.1145/3126594.3126651
Salmerón LAbu Mallouh RKammerer Y(2017)Location of navigation menus in websites: an experimental study with Arabic usersUniversal Access in the Information Society10.1007/s10209-015-0444-x16:1(191-196)Online publication date: 1-Mar-2017
https://dl.acm.org/doi/10.1007/s10209-015-0444-x
Soukal IBartuskova A(2017)WINE: Web Integrated Navigation Extension; Conceptual Design, Model and InterfaceComputational Collective Intelligence10.1007/978-3-319-67074-4_45(462-472)Online publication date: 27-Sep-2017
https://dl.acm.org/doi/10.1007/978-3-319-67074-4_45
Soukal IBartuskova A(2017)Application of Smart Multidimensional Navigation in Web-Based SystemsComputational Collective Intelligence10.1007/978-3-319-67074-4_44(452-461)Online publication date: 27-Sep-2017
https://dl.acm.org/doi/10.1007/978-3-319-67074-4_44
Goubko MVarnavsky ALuyten KPalanque PCampos JSchmidt A(2016)Users' preference share as a criterion for hierarchical menu optimizationProceedings of the 8th ACM SIGCHI Symposium on Engineering Interactive Computing Systems10.1145/2933242.2935875(305-310)Online publication date: 21-Jun-2016
https://dl.acm.org/doi/10.1145/2933242.2935875
Show More Cited By

View Options

View options

Figures

Tables

Media

View Issue’s Table of Contents