Enhancement of Web Application Design of the Open Platform for Clinical Nutrition

  • Peter Novak
  • Franc Novak
  • Barbara Koroušić Seljak
Part of the Lecture Notes in Computer Science book series (LNCS, volume 7946)


In this paper, an enhancement of a web application design is presented. The aim was to modify the visual quality of the application in order to make it simple and visually more easy to understand, which consequently leads to improved user experience. The process of enhancement of user interface of the web application home page and subsequent web pages is based on different methods for establishing clear visual hierarchy of presented information, among them the methods of reduction, regularization and leverage. The web application to which the above principles were applied is Open Platform for Clinical Nutrition, which offers to users effective means for identifying their nutritional state and adjusting diet plans to their way of life and clinical state. Currently, the application has about 3000 active users.


web design visual perception visual hierarchy 


Unable to display preview. Download preview PDF.

Unable to display preview. Download preview PDF.


  1. 1.
    Korousic Seljak, B.: Computer-based dietary menu planning. Journal of Food Composition and Analysis 22(5), 414–420 (2009)CrossRefGoogle Scholar
  2. 2.
    Bertin, J.: Semiology of Graphic: Diagrams, Networks, Maps. University of Wisconsin Press (1983)Google Scholar
  3. 3.
    Mullet, K., Sano, D.: Designing Visual Interfaces. SunSoft Press (1995)Google Scholar
  4. 4.
    Nielsen, J., Pernice, K.: Eyetracking Web Usability. New Riders (2010)Google Scholar
  5. 5.
    Wolfe, J.M., Horowitz, T.S.: What attributes guide the deployment of visual attention and how do they do it? Nature Reviews Neuroscience 5, 1–7 (2004)CrossRefGoogle Scholar
  6. 6.
    Garlandini, S., Fabrikant, S.I.: Evaluating the Effectiveness and Efficiency of Visual Variables for Geographic Information Visualization. In: Hornsby, K.S., Claramunt, C., Denis, M., Ligozat, G. (eds.) COSIT 2009. LNCS, vol. 5756, pp. 195–211. Springer, Heidelberg (2009)CrossRefGoogle Scholar
  7. 7.
    Chang, D., Nesbitt, K.V., Wilkins, K.: The Gestalt Principles of Similarity and Proximity Apply to Both the Haptic and Visual Grouping of Elements. In: Conferences in Research and Practice in Information Technology (CRPIT), pp. 79–86 (2007)Google Scholar
  8. 8.
    Hornof, A.J., Halverson, T.: Cognitive strategies and eye movements for searching hierarchical computer displays. In: CHI, pp. 249–256 (2003)Google Scholar
  9. 9.
    Johansen, S.A., Hansen, J.P.: Do we need eye trackers to tell where people look? In: CHI (2006) (extended)Google Scholar
  10. 10.
    Sutcliffe, A.G., Namoune, A.: Getting the message across: visual attention, aesthetic design and what users remember. In: Conference on Designing Interactive Systems, pp. 11–20 (2008)Google Scholar

Copyright information

© Springer-Verlag Berlin Heidelberg 2013

Authors and Affiliations

  • Peter Novak
    • 1
  • Franc Novak
    • 1
  • Barbara Koroušić Seljak
    • 1
  1. 1.Jozef Stefan InstituteLjubljanaSlovenia

Personalised recommendations