Focus+Context Visualization Techniques for Displaying Large Lists with Multiple Points of Interest on Small Tactile Screens

  • Stéphane Huot
  • Eric Lecolinet
Part of the Lecture Notes in Computer Science book series (LNCS, volume 4663)


This paper presents a focus+context visualization and interaction technique for displaying large lists on handheld devices. This technique has been specifically designed to fit the constraints of small tactile screens. Thanks to its spiral layout, it provides a global view of large lists on a limited amount of screen real-estate. It has also been designed to allow direct interaction with fingers. This technique proposes an alternative to multi-focus visualization, called “augmented context”, where several objects of interest can be pointed up simultaneously. We propose two implementations of this approach that either use spatial or temporal composition. We conducted a controlled experiment that compares our approach to standard scrollable lists for a search task on a PDA phone. Results show that our technique significantly reduces the error rate (about 3.7 times lower) without loss of performance.


Mobile interfaces focus+context visualization spiral layout finger interaction one-handed interaction 


  1. 1.
    Baudisch, P., Rosenholtz, R.: Halo: A Technique for Visualizing Off-Screen Locations. In: Proc. Of CHI’2003 (Fort Lauderdale, FL, USA), pp. 481–488. ACM, New York (2003)Google Scholar
  2. 2.
    Benko, H., Wilson, D.A., Baudisch, P.: Precise Selection Techniques for Multi-Touch Screens. In: Proc. of CHI’2006 (Montréal, CA), pp. 1263–1272. ACM, New York (2006)Google Scholar
  3. 3.
    Bederson, B.B., Clamage, A., Czerwinski, M.P., Robertson, G.G.: DateLens: A fisheye calendar interface for PDAs. ACM Transactions on Computer-Human Interaction (TOCHI) 11(1), 90–119 (2004)CrossRefGoogle Scholar
  4. 4.
    Bederson, B.B.: Fisheye Menus. In: Proc. of UIST 2000 (San Diego, USA), pp. 217–226. ACM, New York (2000)Google Scholar
  5. 5.
    Blanch, R., Guiard, Y., Beaudouin-Lafon, M.: Semantic pointing: improving target acquisition with control-display ratio adaptation. In: Proc. of CHI’2004 (Vienna, Austria), pp. 519–526. ACM, New York (2004)Google Scholar
  6. 6.
    Carlis, J.V., Konstan, J.A.: Interactive Visualization of Serial Periodic Data. In: Proc. of UIST 1998 (San Francisco, USA), pp. 29–38. ACM, New York (1998)Google Scholar
  7. 7.
    Dragicevic, P., Huot, S.: SpiraClock: A Continuous and Non-Intrusive Display for Upcoming Events. In: Extended Abstracts of CHI 2002 (Minneapolis, USA), pp. 604–605. ACM, New York (2002)Google Scholar
  8. 8.
    Fitts, P.M.: The information capacity of the human motor system in controlling the amplitude of movement. Journal of Experimental Psychology 47(6), 381–391 (1954)CrossRefGoogle Scholar
  9. 9.
    Furnas, G.: Generalized Fisheye Views. In: Proc. of CHI 1986 (Boston, USA), pp. 16–23. ACM, New York (1986)Google Scholar
  10. 10.
    Harrison, B.L., Fishkin, K.P., Gujar, A., Mochon, C., Want, R.: Squeeze me, hold me, tilt me! An exploration of manipulative user interfaces. In: Proc. of CHI’98 (Los Angeles, USA), pp. 17–24. ACM, New York (1986)Google Scholar
  11. 11.
    Herman, I., Melançon, G., Marshall, M.S.: Graph Visualization and Navigation in Information Visualisation: a Survey. In: IEEE Transactions on Visualization and Computer Graphics, vol. 6(1), pp. 24–43. IEEE, Los Alamitos (2000)Google Scholar
  12. 12.
    Huot, S., Lecolinet, E.: SpiraList: A Compact Visualization Technique for One-Handed Interaction with Large Lists on Mobile Devices. In: Proc. of NordiCHI 2006 (Oslo, Norway), pp. 445–448. ACM, New York (2006)Google Scholar
  13. 13.
    Karlson, A.K., Bederson, B.B., SanGiovanni, J.: AppLens and LaunchTile: Two Designs for One-Handed Thumb Use on Small Devices. In: Proc. of CHI 2005 (Portland, USA), pp. 201–210. ACM, New York (2005)Google Scholar
  14. 14.
    Karlson, A.K., Robertson, G.G., Robbins, D.C., Czerwinski, M.P., Smith, G.R.: FaThumb: a facet-based interface for mobile search. In: Proc. of CHI 2006 (Montréal, Canada), pp. 711–720. ACM, New York (2006)Google Scholar
  15. 15.
    Karlson, A., Bederson B.B., Contreras-Vidal, J.: Studies in One-Handed Mobile Design: Habit, Desire and Agility, Tech. Report 2006-02, HCIL, Washington (2006) Google Scholar
  16. 16.
    Koriat, A., Norman, J.: Reading Rotated Words. Journal of Experimental Psychology: Human Perception and Performance 11(4), 490–508 (1985)Google Scholar
  17. 17.
    Lecolinet, E., Nguyen, D.: Focus+context visualization of zoomable hierarchical lists. In: Proc. of French-Speaking Conference on Human-Computer Interaction (IHM 2006) (Montréal, CA), pp. 195–198. ACM, New York (2006)Google Scholar
  18. 18.
    Nekrasovski, D., Bodnar, A., McGrenere, J., Guimbretière, F., Munzner, T.: An evaluation of pan & zoom and rubber sheet navigation with and without an overview. In: Proc. of CHI 2006 (Montréal Canada), pp. 11–20. ACM, New York (2006)Google Scholar
  19. 19.
    Pascoe, J., Ryan, N., Morse, D.: Using while moving: HCI issues in fieldwork environments. ACM Transactions on Computer-Human Interaction (TOCHI) 7(3), 417–437 (2000)CrossRefGoogle Scholar
  20. 20.
    Perlin, K., Fox, D.: Pad: an alternative approach to the computer interface. In: Proc. Of SIGGRAPH 1993, pp. 57–64. ACM, New York (1993)Google Scholar
  21. 21.
    Pirhonen, A., Brewster, S., Holguin, C.: Gestural and audio metaphors as a means of control for mobile devices. In: Proc. of CHI 2002 (Minneapolis, USA), pp. 291–298. ACM, New York (2002)Google Scholar
  22. 22.
    Potter, R.L., Weldon, L.J., Shneiderman, B.: Improving the Accuracy of Touchscreens: An Experimental Evaluation of Three Strategies. In: Proc. of CHI 1988 (Washington, USA), pp. 27–32. ACM, New York (1988)Google Scholar
  23. 23.
    Sarkar, M., Snibbe, S.S., Tversky, O.J., Reiss, S.P.: Stretching the rubber sheet: a metaphor for viewing large layouts on small screens. In: Proc. of UIST 1993 (Atlanta, USA), pp. 81–91. ACM, New York (1993)Google Scholar
  24. 24.
    Shipman, F.M., Marshall, C.C., LeMere, M.: Beyond Location: Hypertext Workspaces and Non-Linear Views. In: Proc. of Hypertext 1999 (Darmstadt, Germany), pp. 121–130. ACM, New York (1999)Google Scholar
  25. 25.
    Spoerri, A.: RankSpiral: Toward Enhancing Search Results Visualizations. In: Proc. Of InfoVis 2004 (Austin, USA), pp. 18–19. IEEE, Los Alamitos (2004)Google Scholar
  26. 26.
    Wigdor, D., Balakrishnan, R.: Empirical investigation into the effect of orientation on text readability in tabletop displays. In: Proc. of ECSCW 2005 (Paris, France), pp. 205–224. Springer, Heidelberg (2005)CrossRefGoogle Scholar

Copyright information

© IFIP International Federation for Information Processing 2007

Authors and Affiliations

  • Stéphane Huot
    • 1
    • 2
  • Eric Lecolinet
    • 1
  1. 1.GET/ENST – CNRS UMR 5141, 46 rue Barrault, 75013 ParisFrance
  2. 2.LRI (CNRS) & INRIA Futurs, Bât. 490, Univ. Paris-Sud, 91405 OrsayFrance

Personalised recommendations