{"id":176,"date":"2007-08-10T12:54:54","date_gmt":"2007-08-10T15:54:54","guid":{"rendered":"http:\/\/www.meiradarocha.jor.br\/news\/2007\/08\/10\/zonas-de-visualizacao-da-pagina-impressa\/"},"modified":"2025-08-12T14:19:25","modified_gmt":"2025-08-12T17:19:25","slug":"zonas-de-visualizacao-da-pagina-impressa","status":"publish","type":"post","link":"https:\/\/meiradarocha.jor.br\/news\/2007\/08\/10\/zonas-de-visualizacao-da-pagina-impressa\/","title":{"rendered":"Zonas de visualiza\u00e7\u00e3o da p\u00e1gina impressa"},"content":{"rendered":"\n

Para onde olhamos quando estamos diante de uma p\u00e1gina impressa ou de uma obra visual?<\/strong> Esta quest\u00e3o preocupou artistas, pintores, estudiosos das artes visuais e jornalistas durante anos. Por muito tempo, no jornalismo se difundiu a teoria das “zonas de visualiza\u00e7\u00e3o”, como citado por Edmund Arnold<\/a> no livro “Tipografia e diagramado para peri\u00f3dicos”. Mas este era um conhecimento emp\u00edrico, para n\u00e3o dizer um grande “chute”. Esta cren\u00e7a foi desfeita a partir de pesquisas cient\u00edficas levadas a cabo nos anos 1990.<\/p>\n\n\n\n\n\n\n\n

\"Zonas<\/a> Um dos autores que difundiram as ideias de Arnold foi Rafael Sousa Silva<\/strong> em sua disserta\u00e7\u00e3o de mestrado “Diagrama\u00e7\u00e3o: o planejamento visual gr\u00e1fico na comunica\u00e7\u00e3o impressa”. Leia o cap\u00edtulo Zonas de visualiza\u00e7\u00e3o da p\u00e1gina impressa<\/a> para ver o esquema proposto por Arnold, tamb\u00e9m apresentado na figura ao lado.<\/p>\n\n\n\n

Mas, a partir dos anos 1980 e 1990, estudos mais acurados, que captavam os “caminhos” do olhar sobre uma superf\u00edcie, demonstraram que id\u00e9ia de zonas de visualiza\u00e7\u00e3o era mais uma aposta errada do que qualquer outra coisa.<\/p>\n\n\n\n

\"Caminhos<\/a>Ainda nos anos 1950, estudos do russo Alfred Yarbus<\/a> sobre a maneira como observadores olham para uma obra visual (citado por Julio Plaza em “Videografia em Videotexto”) mostram que o olhar do ser humano segue caminhos vari\u00e1veis mas fortemente determinados pelos elementos de maior interesse na composi\u00e7\u00e3o visual. O estudo, publicado no ocidente em 1967, imprimiu em filme fotogr\u00e1fico o caminho seguido pelo olhar de observadores, por meio de um dispositivo “colado” ao olho por suc\u00e7\u00e3o. Um dos campos de provas foi o quadro “O retorno inesperado”, do ucraniano Ilya Repin.<\/p>\n\n\n\n

A partir de fotos do estudo, eu montei uma imagem GIF animada (clique na miniatura ao lado para ver a anima\u00e7\u00e3o) onde pode-se observar que o ser humano parece se interessar muito por rostos<\/strong>. Os riscos mostram o caminho do olhar durante quatro sess\u00f5es de observa\u00e7\u00e3o, com alguns dias de diferen\u00e7a entre elas. Nota-se que o olhar percorre a cena \u00e0 procura de pontos de interesse<\/strong> e tende e se concentrar nestes pontos quando os encontra. Ou seja: quem determina para onde se olha numa composi\u00e7\u00e3o visual \u00e9 o artista que criou a composi\u00e7\u00e3o.<\/p>\n\n\n\n

\"Eyetrac,<\/a>Este fato foi comprovado na composi\u00e7\u00e3o visual jornal\u00edstica<\/strong> pelo estudo “Eyes on the news<\/strong>” (Olho na not\u00edcia)<\/a>, levado a cabo por Mario Garcia<\/strong> e Pegie Adams<\/strong> em 1990. Os pesquisadores usaram um artefato chamado Eyetrack<\/strong>, que pode-se ver nas ilustra\u00e7\u00f5es a seguir.<\/p>\n\n\n\n

\"030-eye-trac-02.jpg\"<\/a>Ele era composto por duas c\u00e2meras de v\u00eddeo, uma dirigida a um vidro semi-espelhado em frente aos olhos do observador, e outra apontada diretamente para os olhos deste. As duas imagens eram tratadas e fundidas numa s\u00f3, onde aparecia a p\u00e1gina do jornal fixa com um “cursor” apontando aonde os olhos se fixavam.<\/p>\n\n\n\n

\"031-eye-trac-result.jpg\"<\/a>Eyes on the news<\/strong> confirmou algumas cren\u00e7as e desmentiu outras. Confirmou, por exemplo, que a primeira p\u00e1gina<\/strong> vista por leitores ocidentais \u00e9 a da direita<\/strong>. Mas desmentiu totalmente a cren\u00e7a nas zonas de visualiza\u00e7\u00e3o propostas por Arnold. Tamb\u00e9m descobriu que os an\u00fancios em jornal, no estudo, n\u00e3o foram lidos primeiro nem se houvesse ofertas ou se fosse an\u00fancio colorido.<\/p>\n\n\n\n

\"15-sequencia.jpg\"<\/a>Garcia e Stark descobriram que a leitura dos jornais foi feita em duas etapas: primeiro, os leitores faziam uma varredura na p\u00e1gina (scanning<\/em>), procurando pontos de interesse. Essa parte durou fra\u00e7\u00f5es de segundos. Depois, os leitores se fixavam em “pontos de entrada”<\/strong>. Estes pontos — os locais onde os leitores faziam uma visualiza\u00e7\u00e3o mais demorada — eram determinados, entre outros fatores, pelo tamanho das fotos, pelo conte\u00fado destas, se a foto era coloria ou n\u00e3o.<\/p>\n\n\n\n

Veja alguns dos resultados obtidos pela pesquisa Eyes on the news<\/strong>. Por exemplo, o \u00edndice de visualiza\u00e7\u00e3o da primeira p\u00e1gina de um jornal preparado especialmente para o estudo. Estes n\u00fameros se referem ao “ponto de entrada” na p\u00e1gina, ou seja, o ponto em que os leitores come\u00e7aram a “ler” fotos ou texto.<\/p>\n\n\n\n

\"04-entry-point-color-lead-photo.jpg\"<\/a><\/figure>\n\n\n\n
\"05-entry-points-bw-lead-photo.jpg\"<\/a><\/figure>\n\n\n\n

<\/p>\n\n\n\n

Os “promo boxes<\/em>“, chamadas de capa acima dos logotipos dos jornais, tiveram o maior \u00edndice de “entrada”.<\/p>\n\n\n\n

\"060-promo-boxes.jpg\"<\/a><\/figure>\n\n\n\n

<\/p>\n\n\n\n

Outros exemplos de pontos de entrada:<\/p>\n\n\n\n

\"061-movimento-dos-olhos-na-pagina.jpg\"<\/a><\/figure>\n\n\n\n
\"07-movimento-dos-olhos-nas-fotos.jpg\"<\/a><\/figure>\n\n\n\n
\"08-movimento-dos-olhos-nas-fotos-b.jpg\"<\/a><\/figure>\n\n\n\n

<\/p>\n\n\n\n

\"09-movimento-dos-olhos-nas-fotos-c.jpg\"<\/a><\/figure>\n\n\n\n
\"10-movimento-dos-olhos-nas-fotos-d.jpg\"<\/a><\/figure>\n\n\n\n
\"14-hierarquia.jpg\"<\/a><\/figure>\n\n\n\n

<\/p>\n\n\n\n

Na \u00faltima imagem, um resumo do que deve fazer um diagramador:<\/p>\n\n\n\n

\n

O que n\u00f3s exploramos nesta se\u00e7\u00e3o deve nos lembrar um simples princ\u00edpio do design: crie hierarquia<\/strong>. O objeto do bom design de publica\u00e7\u00e3o \u00e9 primeiro atrair o leitor<\/strong>, ent\u00e3o gui\u00e1-lo atrav\u00e9s da informa\u00e7\u00e3o<\/strong>. Muitos jornais abandonam leitores por deix\u00e1-los livres para vagar atrav\u00e9s de campos e florestas do desconhecido. N\u00e3o admira que tantos leitores fiquem perplexos e eventualmente perdidos. Criando uma hierarquia de movimento<\/strong> atrav\u00e9s de uma p\u00e1gina ou de p\u00e1ginas espelhadas, n\u00f3s podemos orient\u00e1-los e aconselh\u00e1-los gentilmente mas efetivamente, estabelecendo uma harmonia de movimento que resulta em compreens\u00e3o<\/strong>. Para planejar esta viagem para os outros, n\u00f3s primeiro necessitamos ver o que o leitor v\u00ea — neste caso, duas p\u00e1ginas por vez<\/strong>.<\/p>\n<\/blockquote>\n\n\n\n

Bibliografia<\/h2>\n\n\n\n
    \n
  1. GARCIA, Mario; STARK, Pegie. Eyes on the News<\/strong>. St. Petersbourg, Fld. : Poynter Institute for Media Studies, 1991.<\/li>\n\n\n\n
  2. PLAZA, Julio. Videografia em videotexto<\/strong>. S\u00e3o Paulo : Hucitec, 1986.<\/li>\n\n\n\n
  3. SILVA, Rafael Souza. Diagrama\u00e7\u00e3o:<\/strong> o planejamento visual gr\u00e1fico na comunica\u00e7\u00e3o impressa”. S\u00e3o Paulo : Summus Editorial, 1985.<\/li>\n\n\n\n
  4. YARBUS, Alfred. Eye movements and vision<\/strong>. New York: Plenum Press, 1967.<\/li>\n\n\n\n
  6. HOLMQVIST, K.; WARTENBERG, C. The role of local design factors for newspaper reading behaviour \u2013 an eye-tracking perspective. Lund University Cognitive Studies<\/strong>, Lund, 2005. n. 127. Dispon\u00edvel em: <http:\/\/www.lucs.lu.se\/LUCS\/127\/LUCS.127.pdf<\/a>>. Acesso em: 25 mar. 2012.<\/li>\n\n\n\n
  8. OLMBERG, N. Eye movement patterns and newspaper design factors. An experimental approach<\/strong>. Lund: Lund University Cognitive Science, 2004. Master Thesis. Dispon\u00edvel em: <www.humlab.lu.se\/resources\/publications\/studentpapers\/Holmberg_04.pdf<\/a>>. Acesso em: 18 mar. 2012.<\/div>
    <\/div>
    <\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"

    Para onde olhamos quando estamos diante de uma p\u00e1gina impressa ou de uma obra visual? Esta quest\u00e3o preocupou artistas, pintores, estudiosos das artes visuais e jornalistas durante anos. Por muito […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[24,25,15,26,10,19,16],"tags":[],"class_list":["post-176","post","type-post","status-publish","format-standard","hentry","category-design-grafico","category-diagramacao","category-editoracao","category-indesign","category-jornalismo","category-pagemaker","category-scribus"],"_links":{"self":[{"href":"https:\/\/meiradarocha.jor.br\/news\/wp-json\/wp\/v2\/posts\/176","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/meiradarocha.jor.br\/news\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/meiradarocha.jor.br\/news\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/meiradarocha.jor.br\/news\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/meiradarocha.jor.br\/news\/wp-json\/wp\/v2\/comments?post=176"}],"version-history":[{"count":2,"href":"https:\/\/meiradarocha.jor.br\/news\/wp-json\/wp\/v2\/posts\/176\/revisions"}],"predecessor-version":[{"id":6181,"href":"https:\/\/meiradarocha.jor.br\/news\/wp-json\/wp\/v2\/posts\/176\/revisions\/6181"}],"wp:attachment":[{"href":"https:\/\/meiradarocha.jor.br\/news\/wp-json\/wp\/v2\/media?parent=176"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/meiradarocha.jor.br\/news\/wp-json\/wp\/v2\/categories?post=176"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/meiradarocha.jor.br\/news\/wp-json\/wp\/v2\/tags?post=176"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}