Académique Documents
Professionnel Documents
Culture Documents
CMPUS PELOTAS
BACHARELADO EM DESIGN
Resumo: O presente artigo prope-se a fazer um recorte da etapa prtica de um trabalho de concluso de curso.
A pesquisa como um todo visa propor a elaborao de um modelo conceitual de jornal impresso com foco na
experincia do usurio utiliza uma metodologia de projeto aplicada para o desenvolvimento de produtos digitais.
Atravs de modificaes estruturais e de navegao no jornal, o projeto procura manter e atrair o pblico para o
consumo da mdia impressa. Para atingir tal objetivo foi realizado o projeto de redesign do caderno Notcias do
jornal Zero Hora com base em procedimentos metodolgicos da rea do design digital.
Abstract: This article proposes to make a cut of the step practice of a work of completion. The research seeks to Commented [APM2]: clipping
propose the establishment of a conceptual model of a printed newspaper with a focus on the experience of the
user, according to a design methodology applied for the development of digital products. Through structural
modifications and navigation in the newspaper, the project seeks to keep and attract the public to the
consumption of printed media.
Keywords: Graphic design. Journal. User experience. Convergence. Zero Hora. Commented [APM3]: newspaper
revistapoliedro@gmail.com
+55 53 21231027
Coordenadoria de Design
INSTITUTO FEDERAL SUL-RIO-GRANDENSE
CMPUS PELOTAS
BACHARELADO EM DESIGN
Introduo
O jornal impresso, uma das mdias de massa mais antigas da histria, surgiu da necessidade
de comunicao e discusso sobre a sociedade e o Estado (MELO, 2005).
Os avanos tecnolgicos proporcionados pela industrializao favoreceram a circulao da
mdia impressa, atingindo maior nmero de leitores. Todavia, segundo Santanna (2008), o
mercado da informao tornou-se cada vez mais competitivo medida que outras mdias
passaram a dedicar-se s notcias; recentemente a internet passou a bombardear os
internautas que passam cada vez mais tempo conectados rede, consumindo notcias
praticamente em tempo real.
Santanna (2008) acredita que o jornal deveria preocupar-se em oferecer aos leitores
contedos com anlise de qualidade, sem que sejam afetados pela compulso de apenas
transmitir notcias, deixando estas para as mdias geis, como a internet. Para Jenkins (2009),
essas mudanas evidentes no mercado da informao acontecem devido convergncia
miditica, quando as mdias antigas interagem com as emergentes e os contedos fluem
atravs de diferentes suportes miditicos, alterando a forma de consumo da informao.
Segundo Galan (2013), ao invs de declnio, o jornal encontra-se num debate de sentidos,
em um momento de reposicionamento dos sistemas de comunicao. Alm disso, o autor
aponta as influncias do meio digital sobre o meio impresso, quando cdigos de um
determinado meio se expandem para fora do seu contexto de origem e tornam-se padres
culturais.
Desta forma, este trabalho se props a investigar os aspectos de navegao e usabilidade
das mdias digitais que puderam auxiliar na concepo de um modelo conceitual de jornal
impresso diante o atual cenrio de convergncia miditica. Esta pesquisa, por fim, prope o
desenvolvimento de um modelo conceitual de jornal impresso com foco na qualidade da
experincia do usurio atravs do redesign do caderno Notcias do jornal Zero Hora, com
objetivo de manter e atrair potenciais leitores mdia impressa. Atravs dessa premissa,
acredita-se que seja adequado o uso de uma metodologia do design digital, na qual seu
principal interesse adequar a usabilidade do meio ao potencial usurio. Com essa finalidade,
foi utilizada a metodologia proposta por Jesse James Garret (2002) dividida em cinco planos
de experincia, a qual abrange desde a concepo at a maturidade de projetos orientados
informao.
A metodologia de pesquisa utilizada para o desenvolvimento da pesquisa compreende a
revistapoliedro@gmail.com
+55 53 21231027
Coordenadoria de Design
INSTITUTO FEDERAL SUL-RIO-GRANDENSE
CMPUS PELOTAS
BACHARELADO EM DESIGN
pesquisa bibliogrfica. A etapa prtica abrange desde a definio do conceito do projeto at sua
execuo final prevista de acordo com os processos metodolgicos de Jesse James Garrett (2002),
da rea do design digital.
A experincia do usurio e o redesign do caderno de notcias da Zero Hora
Garrett (2002) acredita que todo projeto de design destinado experincia do usurio requer
que determinadas etapas sejam seguidas, independentemente do projeto estar alocado na rea
digital. A utilizao da estrutura de Garrett (2002) torna-se pertinente ao projeto devido ao
fato de que cada camada do plano de experincia analisada separadamente, uma vez que o
redesign do caderno Notcias do jornal Zero Hora no ser aplicado a todos os planos.
Os planos esto divididos em 5 (cinco) e so construdos de baixo pra cima, do mais abstrato
para o mais concreto.
revistapoliedro@gmail.com
+55 53 21231027
Coordenadoria de Design
INSTITUTO FEDERAL SUL-RIO-GRANDENSE
CMPUS PELOTAS
BACHARELADO EM DESIGN
ao usurio (GARRETT, 2002). Porm, visto que o foco do projeto no se atm coleta e
edio das notcias, foram utilizados contedos referentes s editorias de notcias do jornal
Zero Hora dos dias 13/02/2016 e 25/02/2016.
No Plano de Escopo de um jornal impresso, pode-se considerar as decises tomadas em
um projeto editorial para atender s demandas dos leitores. Como visto anteriormente, o jornal
Zero Hora est dividido atualmente em quatro editorias/cadernos: Notcias, Esporte, Sua Vida
e Segundo Caderno.
Visto que o projeto de redesign abrange apenas o caderno Notcias, torna-se importante
conhecer suas divises e quantidade de matrias abordadas em cada seo. O caderno est
dividido em 5 (cinco) sees fixas: Especial, Poltica, Economia, Mundo e Polcia,
respectivamente. No projeto de redesign foi acrescentada uma seo relacionada a assuntos
rurais, devido ao contexto socioeconmico do estado de atuao do jornal e a sua recorrncia
entre as sees Economia e Mundo, sendo destinado um espao para colunistas que tratam
sobre assuntos da rea rural, ocupando apenas uma pgina com variedade de informaes da
rea. Porm essa ser uma seo com rotulagem flexvel, passvel de mudana de assunto de
acordo com as necessidades pontuais do jornal.
Plano de estrutura
Aps definidos os requisitos, deve-se descrever como eles integram a estrutura conceitual do
projeto. Organizar o contedo aliado experincia do usurio uma questo de arquitetura de
revistapoliedro@gmail.com
+55 53 21231027
Coordenadoria de Design
INSTITUTO FEDERAL SUL-RIO-GRANDENSE
CMPUS PELOTAS
BACHARELADO EM DESIGN
revistapoliedro@gmail.com
+55 53 21231027
Coordenadoria de Design
INSTITUTO FEDERAL SUL-RIO-GRANDENSE
CMPUS PELOTAS
BACHARELADO EM DESIGN
uma navegao no-linear, em que o leitor desloca-se diretamente ao assunto de interesse. Essa
no-linearidade iguala o grau de importncia das editorias e facilita o acesso intuitivo do usurio
ao contedo, cabendo ao leitor o poder da escolha de forma mais gil, sem a necessidade de
percorrer o caderno inteiro para isso. Alm disso, atravs da verticalidade do formato impresso em
uma folha nica, possvel oferecer ao usurio o princpio da segurana, uma das metas do design
de interao que consiste em proteg-lo de situaes indesejadas como a mudana de ordem
acidental das pginas, desorganizando a publicao.
Diferente dos padres convencionais de jornal impresso como os formatos mais utilizados, o
tablide que mede aproximadamente 35,5 x 25,5 ~ 30,5cm e o standard que mede
aproximadamente 56 x 43,2 cm (ZAPPATERRA; CALDWELL, 2014), o formato 1de 29,7 x
178,5 cm com dobras permite dividir o caderno em diversas sees que podem ser identificadas
atravs das abas.
1Cabe ressaltar que o projeto consiste em uma proposta conceitual e que para sua realizao seriam necessrias
adaptaes de produo, alterando o sentido de dobra e a lgica de refile do jornal.
revistapoliedro@gmail.com
+55 53 21231027
Coordenadoria de Design
INSTITUTO FEDERAL SUL-RIO-GRANDENSE
CMPUS PELOTAS
BACHARELADO EM DESIGN
revistapoliedro@gmail.com
+55 53 21231027
Coordenadoria de Design
INSTITUTO FEDERAL SUL-RIO-GRANDENSE
CMPUS PELOTAS
BACHARELADO EM DESIGN
orientam-se dentro de um novo ambiente e como utilizam seu processo cognitivo para
determinar um caminho (OGRADY, 2008).
Figura 4 Abas
Fonte: Elaborado pela autora
As abas que funcionam como elemento de navegao, tambm possuem funo de orientar o
usurio sobre a seo em que se encontra, devido sua diferenciao grfica prevista com o
restante da pgina. A aba externa proporciona a navegao global no impresso, j a aba interna, a
navegao local. Atravs dessa modalidade de navegao hipertextual, torna-se desnecessria a
paginao no impresso, uma vez que se desconhece o caminho que o leitor ir percorrer. Essa
caracterstica retoma a abordagem de Lvy (1999, p.59) em relao tendncia
hipertextualizao dos documentos que pode ser definida como uma tendncia
indeterminao, ao pensar que, ao invs do usurio navegar entre uma estrutura pr-determinada,
ir estabelecer suas prprias conexes criando novos links, os quais no teriam sido pensados pelo
criador do hiperdocumento. Com isso, pretende-se aproximar a experincia do usurio do
mbito digital ao impresso, para que a leitura no suporte de papel torne-se mais atrativa, com
dinamismo e objetividade. Commented [APM6]: Sugesto de pargrafo que pode ser
eliminado sem prejuzo para o texto para que se possa aumentar o
Para Garrett (2002), nesse plano so construdos os wireframes, responsveis por transpor as tamanho das imagens
decises estruturais do projeto em um documento que sirva de referncia para o design visual no
Plano de Superfcie. Essa estrutura de organizao espacial dos wireframes assemelha-se funo
exercida pelo sistema de grid enquanto ferramenta utilizada para guiar a distribuio de elementos
em um formato (SAMARA, 2011), geralmente utilizado na estruturao de pginas impressas.
Segundo Garrett (2002), as definies de layout possuem um grau de importncia elevado para o
projeto, pois onde o design de informao, de interface e de navegao se unem para formar
uma estrutura unificada, cabendo ao wireframe representar os componentes da pgina e a forma
em que elas coexistem, sendo responsvel pela hierarquia e organizao dos elementos.
O formato sanfonado proposto, para que seja possvel uma experincia de navegao
semelhante ao meio digital, implica algumas peculiaridades que se refletem diretamente no grid
do projeto.
Figura 6 Dimenses
Fonte: Elaborado pela autora
Cada conjunto de dobras, identificadas pelas abas, correspondem s divises existentes no
revistapoliedro@gmail.com
+55 53 21231027
Coordenadoria de Design
INSTITUTO FEDERAL SUL-RIO-GRANDENSE
CMPUS PELOTAS
BACHARELADO EM DESIGN
caderno de Notcias, como notcia Especial, Poltica, Economia, Mundo, Polcia, e tambm a aba
Rural, acrescentada pelo projeto de redesign. O jornal tem como base o formato A4, no sentido
horizontal para que possa se adaptar ao projeto do jornal Zero Hora, em que cada pgina possui a
largura aproximada de 29,7 cm, sendo mantida essa medida. J a altura de cada seo corresponde
aos 21 cm da capa, acrescido de 1,5 cm por cada aba que a antecede, totalizando um comprimento
de 178,5 cm.
Porm, por mais que se tente manter o sistema de grid do caderno de Notcias, devido
variao de comprimento de cada seo foram necessrias adaptaes no grid para acomodar as
informaes. A maior preocupao na adaptao foi chegar a um resultado que as larguras das
colunas fossem compatveis com as utilizadas no projeto grfico de Zero Hora.
Para conseguir obter resultados prximos ao original e reproduzir a organizao do layout,
foram estabelecidos dois grids, um de 12 colunas e outro de 15 colunas.
Figura 6 Grid
Fonte: Elaborado pela autora
Segundo Samara (2011), os grids hbridos surgem de acordo com o grau de complexidade da
publicao, possibilitando utilizar um modelo para cada situao. O grid de 12 colunas possibilita
a utilizao de pargrafos mais largos e tambm a combinao par do nmero de colunas. O grid
de 15 colunas possibilita a utilizao de pargrafos mais estreitos e composies mpares de
colunas. As margens laterais consistem em 2 cm e as margens superiores e inferiores 1,5 cm.
Plano de superfcie
O Plano de Superfcie consiste nos aspectos do produto mais perceptveis aos usurios,
responsvel pela facilidade de uso, de aprendizado, de memorizao e agradabilidade do
produto devido ao cumprimento de todas as metas dos planos anteriores (GARRETT, 2002).
Neste plano, so estudadas as decises visuais acerca do projeto grfico do jornal Zero Hora,
com intuito de mant-las ou, em alguns casos, adapt-las a fim de preservar a identidade
visual do projeto original, salientando que o projeto conceitual proposto encaixa-se nas
definies grficas j estabelecidas.
De acordo com Garrett (2002), a ltima etapa do projeto a qual determina como a
experincia do usurio manifestar os sentidos das pessoas, sendo eles viso, audio, tato,
olfato e/ou paladar. No caso dos jornais impressos, podemos destacar o tato, a audio e a
revistapoliedro@gmail.com
+55 53 21231027
Coordenadoria de Design
INSTITUTO FEDERAL SUL-RIO-GRANDENSE
CMPUS PELOTAS
BACHARELADO EM DESIGN
viso.
O tato estabelece a experincia de toque de um produto fsico podendo implicar
consideraes puramente sensoriais quanto forma do dispositivo, as texturas utilizadas e a
escolha dos materiais que comunicam alguma coisa ao usurio (GARRETT, 2002). Em
relao forma, o que difere o projeto proposto do convencional o formato verticalizado
necessrio para que sejam feitas dobras que originam as abas de contedo, e a folha nica do
impresso que facilita o manuseio, evitando que as folhas se soltem e desorganize as pginas.
Alm disso, levando em considerao a percepo do usurio em relao ao aspecto sujo do
jornal, mencionado no Plano de Estratgia, optou-se pela escolha do papel sulfite branco na
gramatura 110g/m, para que a estrutura seja mais consistente e sustente o conjunto de dobras,
facilitando o manuseio das abas e reduzindo o risco de rompimento do papel.
A audio desempenha um papel na experincia do usurio tanto para avis-lo sobre algo,
como o exemplo dos carros que emitem sons para sinalizar que a porta no est travada ou
que os faris esto acesos, quanto para transmitir um senso de personalidade como sons
caractersticos de certos produtos ou servios (GARRETT, 2002). Portanto, uma das grandes
diferenas da experincia de leitura de jornais no mbito digital e analgico, so os sentidos
explorados de acordo com o suporte em questo. Na mdia online, geralmente os sons so
reproduzidos para informar o usurio sobre uma ao ou informao pontual, servindo como
sinalizao. Na mdia impressa, o som emitido pelo manuseio do papel transmite uma
caracterstica da mdia quanto ao seu suporte fsico.
A viso permite aos designers de experincia do usurio um grau maior de sofisticao, o
design visual. Essa etapa no somente se detm ao que esteticamente agradvel, mas
principalmente em fazer com que o design visual expresse como um todo o processo de
construo da experincia do usurio, como uma questo de estratgia (GARRETT, 2002).
Nesse momento, os conceitos do design grfico zelam por aspectos formais dos jornais, como
a tipografia, a cor e elementos grficos.
Portanto, como o redesign do projeto possui o foco nos planos de Estrutura e de Esqueleto,
dos demais no sofreram alteraes.
Concluso
Acredita-se ter atingido os objetivos inicialmente traados para a pesquisa. Atravs dos
estudos e da metodologia aplicada, chegou-se ao resultado de um jornal impresso que
proporciona ao leitor maior liberdade de escolha e objetividade na leitura.
revistapoliedro@gmail.com
+55 53 21231027
Coordenadoria de Design
INSTITUTO FEDERAL SUL-RIO-GRANDENSE
CMPUS PELOTAS
BACHARELADO EM DESIGN
O avano da tecnologia proporcionou aos leitores novas formas de leitura e interao com a
informao, o que torna o meio digital mais atrativo em detrimento do suporte analgico. Porm,
conforme apontamentos de Santanna (2008), as pessoas buscam cada vez mais estar bem
informadas e se, h falta de interesse na mdia analgica, no se d ao fato do desinteresse da
informao, mas sim como a mdia a apresenta. Portanto, viu-se a necessidade em reformular o
padro do jornal e aproximar a experincia de leitura, navegao e interao da mdia digital para
a mdia analgica, dentro das limitaes do suporte impresso. Commented [APM7]: penso que este pargrafo pode ser
eliminado tambm, sem prejuzo para o texto
Pde-se concluir que atualmente o jornal encontra-se na Fase Convergencial. Por esta pode-se
entender no a internet em si como agente transformador, mas sim sua capacidade de expandir
seus conceitos para fora de seu contexto em velocidade e proporo imensurvel. A forma como o
indivduo interage no meio online vai alm da sua interao no dispositivo digital, e acaba se
refletindo nos padres culturais da sociedade.
Atravs dessa pesquisa, pde-se observar que a tendncia hipertextualizao (LVY,
1993) ganhou mais fora com o dinamismo da internet, onde o tempo de ao e reao tornou-se
cada vez menor. esse estmulo dinmico e objetivo que este trabalho de concluso de curso
buscou trazer mdia, que considerada por muitos como ultrapassada.
Atravs de estudos e de uma metodologia do mbito digital, que considera a experincia do
usurio no desenvolvimento do projeto, pde-se aliar esses conceitos aos estudos relativos ao
design editorial a fim de desenvolver um modelo conceitual de jornal que exprimisse os conceitos
de navegao e interao da mdia digital. Porm, em alguns momentos foram encontradas
dificuldades em relacionar as decises de um projeto grfico jornalstico com o desenvolvimento
de mdias digitais conforme a metodologia de Garrett (2002) por conter poucas referncias de
projetos grficos com a utilizao de metodologias mais flexveis da rea digital. Contudo, o
procedimento metodolgico mostrou-se eficiente e aplicvel para a proposta de redesign, visto
que as principais alteraes do projeto referiram-se aos Planos de Estrutura e de Esqueleto, que
consiste na arquitetura de informao e na navegao do jornal, foco principal dessa pesquisa.
A aplicao de metodologias do design digital para um projeto da rea grfica pode enriquecer
revistapoliedro@gmail.com
+55 53 21231027
Coordenadoria de Design
INSTITUTO FEDERAL SUL-RIO-GRANDENSE
CMPUS PELOTAS
BACHARELADO EM DESIGN
os projetos da rea do design grfico, estimulando-o a projetar fora dos padres convencionais.
Considero que essas questes podem servir de base para futuras pesquisas.
Referncias
GALAN, D. V. Para alm dos links: Dilogo entre o meio digital e o impresso. 2013.
116p. Mestrado. Universidade de So Paulo.
GARRET. J. J. The Elements of User Experience. San Francisco: Peachpit Press, 2002.
LVY, Pierre. Cibercultura. Traduzido por Carlos Irineu da Costa. So Paulo: Editora 34,
1999.
MELO, P. B. de. Um passeio pela Histria da Imprensa: O espao pblico dos grunhidos
ao ciberespao. Comunicao & Informao / Universidade Federal de Gois, Faculdade de
Comunicao e Biblioteconomia. V. 8, n. 1, (jan./ jun. 2005). Goinia: UFG, Facomb, 2005.
revistapoliedro@gmail.com
+55 53 21231027
Coordenadoria de Design