Weighting Task Procedure for Zoomable Task Hierarchy Modeling of Rich Internet Applications

  • Francisco J. Martínez-Ruiz
  • Jean Vanderdonckt
  • Jaime Muñoz
Part of the Lecture Notes in Computer Science book series (LNCS, volume 5963)


Zoomable user interfaces are more attractive because they offer the possibility to present information and to support actions according to a "focus+context" method: while a context of use is preserved or presented in a more compact way, the focus can be achieved on some part of the information and actions, enabling the end user to focus on one part at a time. While this interaction technique can be straightforwardly applied for manipulating objects of the same type (e.g., cells in a spreadsheet or appointments in a calendar), it is less obvious how to present interactive tasks of an information system where tasks may involve very different amount and types of information and actions. For this purpose, this paper introduces a metric based on a task model in order to decide what portion of a task model should lead to a particular user interface container, group, or fragment, while preserving the task structure. Each branch of the task model is assigned to a weight that will lead to such a container, group, or fragment depending on parameters computed on variables belonging to the context of use. In this way, not only the task structure is preserved, but also the decomposition of the user interface into elements depends on the context of use, particularly the constraints imposed by the computing platform.


Multiple contexts of use Rich Internet Applications Task-based metric Task Tree modeling Task weighting Task coding schemes 


Unable to display preview. Download preview PDF.

Unable to display preview. Download preview PDF.


  1. 1.
    Dachselt, R., Frisch, M.: Mambo: a facet-based zoomable music browser. In: Proceedings of the 6th international Conference on Mobile and Ubiquitous Multimedia, MUM 2007, Oulu, December 12-14, vol. 284, pp. 110–117. ACM, New York (2007)Google Scholar
  2. 2.
    Dachselt, R., Frisch, M., Weiland, M.: FacetZoom: a continuous multi-scale widget for navigating hierarchical metadata. In: Proceeding of the Twenty-Sixth Annual SIGCHI Conference on Human Factors in Computing Systems, CHI 2008, Florence, Italy, April 5-10, pp. 1353–1356. ACM, New York (2008)CrossRefGoogle Scholar
  3. 3.
    Plumlee, M.D., Ware, C.: Zooming versus multiple window interfaces: Cognitive costs of visual comparisons. ACM Trans. Comput.-Hum. Interact. 13(2), 179–209 (2006)CrossRefGoogle Scholar
  4. 4.
    UsiXML (January 15, 2007), http://www.usixml.org/
  5. 5.
    Martínez-Ruiz, F.J., Muñoz Arteaga, J., Vanderdonckt, J., González-Calleros, J.M.: A first draft of a Model-driven Method for Designing Graphical User Interfaces of Rich Internet Applications. In: Proc. of 4th Latin American Web Congress LA-Web 2006, Puebla, October 25-27. IEEE Computer Society Press, Los Alamitos (2006)Google Scholar
  6. 6.
    Bederson, B.B., Meyer, J., Good, L.: Jazz: an extensible zoomable user interface graphics toolkit in Java. In: Proceedings of the 13th Annual ACM Symposium on User interface Software and Technology, UIST 2000, San Diego, Cal., United States, November 6-8. ACM, New York (2000)Google Scholar
  7. 7.
    Combs, T.T., Bederson, B.B.: Does zooming improve image browsing? In: Proceedings of the Fourth ACM Conference on Digital Libraries, DL 1999, Berkeley, California, August 11-14, pp. 130–137. ACM, New York (1999)CrossRefGoogle Scholar
  8. 8.
    Furnas, G.W., Zhang, X.: MuSE: a multiscale editor. In: Proc. of the 11th Annual ACM Symposium on User interface Software and Technology, UIST 1998, San Francisco, November 1-4, pp. 107–116. ACM, New York (1998)Google Scholar
  9. 9.
    Johnson, B., Shneiderman, B.: Tree-Maps: a space-filling approach to the visualization of hierarchical information structures. In: Nielson, G.M., Rosenblum, L. (eds.) Proceedings of the 2nd Conference on Visualization 1991, IEEE Visualization, San Diego, Cal., October 22 - 25. IEEE Computer Soc. Press, Los Alamitos (1991)Google Scholar
  10. 10.
    Perlin, K., Meyer, J.: Nested user interface components. In: Proceedings of the 12th Annual ACM Symposium on User interface Software and Technology, UIST 1999, Asheville, North Carolina, USA, November 7-10, pp. 11–18. ACM, New York (1999)Google Scholar
  11. 11.
    Appert, C., Fekete, J.: OrthoZoom scroller: 1D multi-scale navigation. In: Proc. CHI 2006, pp. 21–30. ACM Press, New York (2006)Google Scholar
  12. 12.
    Bederson, B.B., Clamage, A., Czerwinski, M.P., Robertson, G.G.: DateLens: A fisheye calendar interface for PDAs. Transactions on Computer-Human Interaction 11(1), 90–119 (2004)CrossRefGoogle Scholar
  13. 13.
    Dachselt, R., Weiland, M.: TimeZoom: a flexible detail and context timeline. In: CHI 2006 Extended Abstracts, pp. 682–687. ACM Press, New York (2006)Google Scholar
  14. 14.
    Bederson, B., Boltman, A.: Does Animation Help Users Build Mental Maps of Spatial Information. Submitted to CHI 1999 (1999) Google Scholar
  15. 15.
    Paternò, F.: Towards a UML for Interactive Systems. In: Nigay, L., Little, M.R. (eds.) EHCI 2001. LNCS, vol. 2254, p. 7. Springer, Heidelberg (2001)CrossRefGoogle Scholar
  16. 16.
    OMG, http://www.omg.org (May 10, 2009)
  17. 17.
    Martinez-Ruiz, F.J., Vanderdonckt, J., Arteaga, J.M.: Context-aware Generation of User Interface Containers for a Mobil Device. In: Mexican International Conferences on Computer Science, IEEE track in Human-Computer Interaction, Mexico, October 2008, pp. 63–72 (2008)Google Scholar
  18. 18.
    http://www.nespresso.com (May 10, 2009)
  19. 19.
    http://www.piccolo2d.org (May 10, 2009)
  20. 20.
    Montero, F., López-Jaquero, V., Lozano, M., González, P.: IdealXML: un entorno para la gestión de experiencia relacionada con el desarrollo hipermedial. In: ADACO: Ing. de la usabilidad en nuevos paradigmas aplicados a entornos web colaborativos y adaptativos, Proy. Cicyt TEN2004-08000-C03-03, Granada (September 2005)Google Scholar
  21. 21.
    Martinez-Ruiz, F.: A Development Method for User Interfaces of Rich Internet Applications, DEA thesis, UCL, Louvain-la-Neuve, August 31 (2007)Google Scholar
  22. 22.
    http://jquery.com (May 10, 2009)
  23. 23.
    Paternò, F., Zini, E.: Applying information visualization techniques to visual representations of task models. In: Proc. of the 3rd Annual Conf. on Task Models and Diagrams, TAMODIA 2004, Prague, November 15-16, vol. 86. ACM, New York (2004)Google Scholar
  24. 24.
    Calvary, G., Coutaz, J., Thevenin, D., Limbourg, Q., Bouillon, L., Vanderdonckt, J.: A Unifying Reference Framework for Multi-Target User Interfaces. Interacting with Comp. 15(3), 289–308 (2003)CrossRefGoogle Scholar
  25. 25.
    Dhyani, D., Ng, W.K., Bhowmick, S.S.: A survey of Web metrics. ACM Comput. Surv. 34(4), 469–503 (2002)CrossRefGoogle Scholar
  26. 26.
    Miller, G.A.: The magical number seven, plus or minus two: Some limits on our capacity for processing information. Psychological Review 63, 81–97 (1956)CrossRefGoogle Scholar
  27. 27.
    Luyten, K., Clerckx, T., Coninx, K., Vanderdonckt, J.M.: Derivation of a Dialog Model from a Task Model by Activity Chain Extraction. In: Jorge, J.A., Nunes, N.J., Cunha, J.F.e. (eds.) Proceedings of the 8th International Workshop on Interactive Systems: Design, Specification, and Verification, Funchal, Madeira Island, Portugal, June 11-13, pp. 203–217 (2003)Google Scholar
  28. 28.
    Chu, H., Song, H., Wong, C., Kurakake, S., Katagiri, M.: Roam, a seamless application framework. J. Syst. Softw. 69(3) (January 2004)Google Scholar

Copyright information

© Springer-Verlag Berlin Heidelberg 2010

Authors and Affiliations

  • Francisco J. Martínez-Ruiz
    • 1
  • Jean Vanderdonckt
    • 1
  • Jaime Muñoz
    • 2
  1. 1.Belgian Lab. of Computer-Human InteractionUniversité catholique de LouvainLouvain-la-NeuveBelgium
  2. 2.Universidad Autónoma de AguascalientesMéxico

Personalised recommendations