Skip to main content

Improving a Zoom+Pan Interface with Overview+Detail or Focus+Context Features: A Comparative Evaluation

  • Chapter
  • First Online:
Engineering the User Interface

Abstract

We present an evaluation of adding Focus+Context vs. Overview+Deatil features to a Zoom+Pan interface. The framework of the evaluation is an interface to deal with large sets of items with specific structural properties (sequential order, heterogeneous sizes), and behavior requirements (flexible interaction, maximizing screen space, minimizing changes in screen). The evaluation involved 43 participants. We studied the effect of three factors (namely, experience with the tasks, size of the sets, and tasks performed with the same set) on effectiveness, efficiency and user’s satisfaction. The results show that experienced users of the interface enhanced with the Focus+Context features obtained the best results on effectiveness and efficiency. Furthermore, a satisfaction questionnaire showed that users felt more comfortable with the Focus+Context approach.

This is a preview of subscription content, log in via an institution to check access.

Access this chapter

Chapter
USD 29.95
Price excludes VAT (USA)
  • Available as PDF
  • Read on any device
  • Instant download
  • Own it forever
eBook
USD 129.00
Price excludes VAT (USA)
  • Available as PDF
  • Read on any device
  • Instant download
  • Own it forever
Softcover Book
USD 169.99
Price excludes VAT (USA)
  • Compact, lightweight edition
  • Dispatched in 3 to 5 business days
  • Free shipping worldwide - see info
Hardcover Book
USD 169.99
Price excludes VAT (USA)
  • Durable hardcover edition
  • Dispatched in 3 to 5 business days
  • Free shipping worldwide - see info

Tax calculation will be finalised at checkout

Purchases are for personal use only

Institutional subscriptions

Preview

Unable to display preview. Download preview PDF.

Unable to display preview. Download preview PDF.

References

  1. Velázquez-Iturbide, J.Á., Pareja-Flores, C., and Urquiza-Fuentes, J. An approach to effortless construction of program animations, Computers & Education, in press.

    Google Scholar 

  2. Medina-Sánchez, M.A., Lázaro-Carrascosa, C.A., Pareja-Flores, C., Urquiza-Fuentes, J., and Velázquez-Iturbide, J.Á. (2004) Empirical evaluation of usability of animations in a functional programming environment, Complutense University of Madrid, Tech. Rep. 141/04.

    Google Scholar 

  3. Naharro-Berrocal, F., Pareja-Flores, C., Urquiza-Fuentes, J., and Velázquez-Iturbide, J.Á. (2002) Approaches to comprehension-preserving graphical-reduction of program visualizations, In Proceedings of the 2002 Symposium on Applied Computing, ACM Press, New York, NY, , 771-777.

    Google Scholar 

  4. Card, S.K., Mackinlay, J.D., and Shneidermann, B. (1999) Information Visualization. San Francisco, CA: Morgan Kaufmann,.

    Google Scholar 

  5. Beard, D.B., and Walker, J.Q. (1990) Navigational techniques to improve the display of large two dimensional spaces. Behaviour and Information Technology, 9(6):451-466

    Article  Google Scholar 

  6. Plaisant, C., Carr, D., and Shneiderman, B. (1995) Image-browser taxonomy and guidelines for designers. IEEE Software, 12(2): 21-32,

    Article  Google Scholar 

  7. Shneiderman, B. (1998) Designing the User Interface. Reading, MA: Addison-Wesley.

    Google Scholar 

  8. Hornbæk, K., Bederson, B.B., and Plaisant, C. (2002) Navigation patterns and usability of zoomable user interfaces with and without an overview, ACM Transactions on Computer-Human Interaction, 9(4), 362-389.

    Article  Google Scholar 

  9. Hornbæk, K. (2001) Usability of Information Visualization: Reading and Interaction Processes. PhD thesis, University of Copenhagen. Department of Computing,

    Google Scholar 

  10. Spence. R. (2001) Information Visualization. Reading, MA: Addison-Wesley/ACM Press.

    Google Scholar 

  11. Robertson, G.G., Mackinlay, J.D., Card, S.K. (1991) Cone Trees: Animated 3D visualizations of hierarchical information, In Proceedings of the SIGCHI Conference on Human factors in Computing Systems ’91, ACM Press, New York, NY, 189-194.

    Google Scholar 

  12. Johnson B., and Shneiderman, B. (1991) Tree-maps: A space-filling approach to the visualization of hierarchical information structures, In Proceedings of the IEEE Information Visualization Conference (InfoVis’91), IEEE Computer Society Press, Los Alamitos, CA. 284-291.

    Google Scholar 

  13. Bartram, L., Ho, A., Dill, J. and Henigman, F. (1995) The continuous zoom: A constrained fisheye technique for viewing and navigating large information spaces, In Proceedings of the 8th annual ACM symposium on User Interface Software and Technology(UIST ’95), ACM Press, New York, NY , 207-215.

    Chapter  Google Scholar 

  14. Spence, R., and Apperley, M. (1999) Data base navigation: an office environment for the professional, In: S.K. Card, J.D. Mackinlay and B. Shneidermann (eds.), Information Visualization. San Francisco, CA: Morgan Kaufmann, , 331-340.

    Google Scholar 

  15. Mackinlay, J.D., Robertson, G.G., and Card, S.K. (1991) The Perspective Wall: Detail and context smoothly integrated, In Proceedings of the SIGCHI Conference on Human factors in Computing Systems ’91, ACM Press, New York, NY, 173-176.

    Google Scholar 

  16. Robertson, G.G., and Mackinlay, J.D. (1999) The Document Lens, In S S.K. Card, J.D. Mackinlay and B. Shneidermann (eds.), Information Visualization. San Francisco, CA: Morgan Kaufmann, , 526-569.

    Google Scholar 

  17. Furnas, G.W. (1999) The FISHEYE view: A new look at structured files, In: S.K. Card, J.D. Mackinlay and B. Shneidermann (eds.), Information Visualization. San Francisco, CA: Morgan Kaufmann, , 311-330.

    Google Scholar 

  18. Sarkar, M., and Brown, M.H. (1992) Graphical fisheye views of graphs. In CHI ’92: Proceedings of the SIGCHI Conference on Human Factors in Computing Systems, ACM Press, New York, NY, 83-91.

    Book  Google Scholar 

  19. Sarkar, M., Snibbe, S.S., Tversky, O.J., and Reiss, S.P. (1993) Stretching the Rubber Sheet: A metaphor for viewing large layouts on small screens, In: Proceedings of ACM User interface software and technology’93 (UIST ’93), New York, NY, 81-91.

    Google Scholar 

  20. Björk, S., Holmquist, L.E., and Redström, J. (1999) A framework for focus+context visualizations, In Proceedings of IEEE Symposium on Information Visualization (InfoVis’99), IEEE Computer Society Press, Los Alamitos, CA, 53-56.

    Chapter  Google Scholar 

  21. Urquiza-Fuentes, J., Velázquez-Iturbide, J.Á. (2005) R-Zoom: A visualization technique for algorithm animation construction. In: Proceedings of the IADIS International Conference Applied Computing 2005, IADIS Press, Lisbon, Portugal, 145-152.

    Google Scholar 

  22. Shiaw, H., Jacob, R.J.K., and Crane, G.R. (2004) The 3D vase museum: a new approach to context in a digital library. In: Proc. 4th ACM/IEEE-CS Joint Conference on Digital Libraries, New York, NY, 125-134.

    Google Scholar 

  23. Bederson, B.B., Clamage, A., Czerwinski, M.P., and Robertson, G.G. (2004) DateLens: A fisheye calendar interface for PDAs, ACM Trans. Comput.-Hum. Interact., 11(1), 90-119.

    Article  Google Scholar 

  24. Baudisch, P., Good, N., Bellotti, V., and Schraedley, P. (2002) Keeping things in context: a comparative evaluation of focus plus context screens, overviews, and zooming, Proc. of CHI’02, New York, NY, 259-266.

    Google Scholar 

  25. Rensink, R.A. (2004) The invariance of visual search to geometric transformation, Journal of Vision, 4(8), 178.

    Article  Google Scholar 

Download references

Author information

Authors and Affiliations

Authors

Corresponding author

Correspondence to J. Urquiza-Fuentes .

Editor information

Editors and Affiliations

Rights and permissions

Reprints and permissions

Copyright information

© 2009 Springer-Verlag London

About this chapter

Cite this chapter

Urquiza-Fuentes, J., Lázaro-Carrascosa, C., Velázquez-Iturbide, J. (2009). Improving a Zoom+Pan Interface with Overview+Detail or Focus+Context Features: A Comparative Evaluation. In: Redondo, M., Bravo, C., Ortega, M. (eds) Engineering the User Interface. Springer, London. https://doi.org/10.1007/978-1-84800-136-7_16

Download citation

  • DOI: https://doi.org/10.1007/978-1-84800-136-7_16

  • Published:

  • Publisher Name: Springer, London

  • Print ISBN: 978-1-84800-135-0

  • Online ISBN: 978-1-84800-136-7

  • eBook Packages: Computer ScienceComputer Science (R0)

Publish with us

Policies and ethics