Memória P&D Design

8º Congresso Brasileiro de Pesquisa e Desenvolvimento em Design

Centro Universitário SENAC — São Paulo (SP)

Outubro/2008

Estrutura para Descrever as Características Visuais de Websites

Framework for Describing Visual Characteristics of Websites

Virgínia Tiradentes Souto

Como citar

Souto, Virgínia Tiradentes; "Estrutura para Descrever as Características Visuais de Websites", p. 814-825. In: CONGRESSO BRASILEIRO DE PESQUISA E DESENVOLVIMENTO EM DESIGN, 8., 2008, São Paulo. Anais [...]. São Paulo: SENAC, 2008

Resumo

Este artigo apresenta uma estrutura para descrever as características visuais de websites. A estrutura é útil para classificar e categorizar as principais características de websites. Ela também pode ser utilizada para analisar e comparar diferentes websites. A estrutura é baseada em abordagens para descrever a linguagem gráfica, linhas guias de websites, estudos de websites, e na linguagem CSS. A estrutura proposta é aplicada em três estudos de casos. Os resultados mostram que a estrutura pode ser usada para identificar quais características visuais de websites estão sendo mostradas e sua freqüência de uso. Além disso, a estrutura pode ser usada como ferramenta para o desenvolvimento de websites.

Palavras-chave:

estrutura, características visuais, websites

Abstract

This paper proposes a framework for describing visual characteristics of websites. The framework is useful in classifying and categorising the main visual characteristics of websites. It can also be used to analyse and compare different websites. The framework is based on studies of approaches to describe graphic language, web guidelines, web surveys, and CSS specifications. The proposed framework is applied in three case studies. The results show that the framework can be used to identify how the visual characteristics of websites are displayed and their frequency of use. Furthermore, the framework can be used as a tool for web design development.

Keywords:

framework, visual characteristics, website

Referências bibliográficas

  • CZERWINSKI, M. AND LARSON. K. (2002). Cognition and the web: moving from theory to design. In J. Ratner (Ed.), Human Factors and Web Development. Mahwah: Lawrence Erlbaum Associates, 2002. p. 147-165.
  • DE CÓSIO, M. G. AND DYSON, M. C. Identifying graphic conventions for genre definition in web sites. Digital Creativity, vol. 13, number 3, p. 173-188, 2002a.
  • DE COSIO, M. G. AND DYSON, M. C. Methodology for manipulating electronic documents in relation to information retrieval. Visible Language, vol. 36, number 3, p.282-306, 2002b.
  • DYSON, M. C. How physical text layout affects reading from screen. Behaviour & Information Technology, vol. 23, number 6, p. 377-393, 2004.
  • DYSON, M. C. AND KIPPLING, G. J. The effects of line length and method of movement on patterns of reading from screen. Visible Language, vol. 32, p. 150-181, 1998.
  • FARKAS, D. K. AND FARKAS, J. B. Guidelines for designing web navigation. Technical Communication, vol. 47, number 3, p. 341-358, 2000.
  • IBM CORPORATION. Web Design Guidelines. In IBM Corporation, 2004. (http://www-306.ibm.com/ibm/easy /eou_ext.nsf /publish/561)
  • KANGAS, S. Layout and content of popular sites. In NetConversions Benchmark Studies, 2001. (http://netconversions.com/layoutcontent.htm).
  • LING, J. AND VAN SCHAIK, P. The effects of link format and screen location on visual search of web pages. Ergonomics, vol. 47, number 8, p. 907-921, 2004.
  • LYNCH, P. J. AND HORTON S. Web Style Guide: Basic Design Principles for Creating Web Sites. London, Yale University Press, 2002.
  • NIELSEN, J. AND TAHIR, M. Homepage Usability: 50 Websites Deconstructed. Indianapolis, New Riders Publishing, 2001.
  • SOUTO, V. T. An analysis of the use of visual components in language educational multimedia software for home uses focusing on the function of icons. Unpublished Master Dissertation, Department of Typography and Graphic Communication, The University of Reading, Reading, UK, 1997.
  • SOUTO, V. T. Describing how links are displayed in government websites: an analysis of accessibility and usability topics. Proceedings of the Information Design International Conference, 8-10 October, Curitiba, Brazil. Sociedade Brasileira de Design da Informação [CD-ROM] 2007.
  • SOUTO, V. T. Descriptive Framework for analysis and comparison of online language courses. Proceedings of the ED-MEDIA 2008 -World Conference on Educational Multimedia, Hypermedia & Telecommunications, 30 June-4 July, Vienna, Austria. Association for the Advancement of Computing in Education [CD-ROM] 2008.
  • TWYMAN, M. A Schema for the Study of Graphic Language. In The Processing of Visible Language, Eds, Kolers, P.A., Wrolstad, M.E. & Bouma, H.. Plenum, New York, 1979.
  • UNITED NATIONS. UN Global E-government Readiness Report 2005. In UNPAN, 2005. (http://unpan1.un.org/intradoc/groups/public/ documents/un/ unpan021888.pdf)
  • WALKER, S. Towards a method for describing the visual characteristics of children ́s readers and information books. Proceedings of the Information Design International Conference, 8-11 September, Recife, Brazil. Sociedade Brasileira de Design da Informação [CD-ROM] 2003.
  • WALKER, S. An approach to describing the design of children ́s reading and information books. InfoDesign Revista Brasileira de Design da Informação, vol. 3, number 1/2, p. 1-10, 2006.
  • W3C. Web Content Accessibility Guidelines 1.0. In W3C, 1999. (http://www.w3.org/TR/ WCAG10).