Enhancement of Web Application Design of the Open Platform for Clinical Nutrition
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.
Keywordsweb design visual perception visual hierarchy
Unable to display preview. Download preview PDF.
- 2.Bertin, J.: Semiology of Graphic: Diagrams, Networks, Maps. University of Wisconsin Press (1983)Google Scholar
- 3.Mullet, K., Sano, D.: Designing Visual Interfaces. SunSoft Press (1995)Google Scholar
- 4.Nielsen, J., Pernice, K.: Eyetracking Web Usability. New Riders (2010)Google Scholar
- 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.Hornof, A.J., Halverson, T.: Cognitive strategies and eye movements for searching hierarchical computer displays. In: CHI, pp. 249–256 (2003)Google Scholar
- 9.Johansen, S.A., Hansen, J.P.: Do we need eye trackers to tell where people look? In: CHI (2006) (extended)Google Scholar
- 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