Escolar Documentos
Profissional Documentos
Cultura Documentos
ENOEVENTOS
Uma nova arquitetura de informação para a página
dos acontecimentos do mundo do vinho
RAFAELA BOEIRA GIORDANO
ENOEVENTOS
Uma nova arquitetura de informação para a página
dos acontecimentos do mundo do vinho
Projeto de conclusão aplicado para obtenção do diploma da pós-graduação Gestão Aplicada em Design,
habilitação Arquitetura de Informação; Escola Superior de Propaganda e Marketing do Rio de Janeiro.
Muito obrigada a Roberto, Magalí e Camila pelo companheirimo ao longo desses meses todos. E também a Cris, Rafael,
Thiago e João, que dividiram conosco não apenas os sábados, mas valorosas experiências pessoais e profissionais.
Muito obrigada aos amigos pelo apoio, especialmente às cobaias, digo, usuários Marcela, Mauro, Márcia e Marie.
Muito obrigada aos professores da ESPM, pelo esforço em nos passar o máximo de informações.
E, especialmente, muito obrigada ao Claudio, por dividir comigo seus conhecimentos na área de design, pelo incentivo
e pelas caronas nos sábados de manhã.
Sumário
Introdução 4
Quando este Projeto de Conclusão Aplicado (PCA) come- nome de quem está sendo fotografado, conversa com tes. E, mais do que isso, este projeto oferecerá idéias
çou a ser pensado, o primeiro objeto de estudo imaginado os participantes dos eventos e, principalmente, se diverte para transformar o site em um ponto de encontro para os
foi o site de uma enorme loja de vinhos de Nova Jersey, coletando material para a próxima “enoreportagem”. apreciadores de um bom vinho no Rio de Janeiro.
nos Estados Unidos, chamada Wine Library. Apesar de
Escolhido o objeto de estudo do PCA, o desenvolvimento Como se percebe, o usuário é a razão de tudo. Cada pro- quais a informação é compartilhada. Por meio de uma
do projeto teve início com um bate-papo com o criador jeto tem objetivos únicos, mas todos eles acabam exigindo arquitetura de informação bem estruturada, o usuário
do Enoeventos. Durante essa conversa, Oscar Daudt um conteúdo muito bem organizado e soluções criativas encontrará facilmente o que procura, sem precisar pen-
fez uma declaração não muito positiva sobre o site, mas (KRISTOF & SATRAN, 1995). Essas características estão sar além do necessário ou gastar tempo percorrendo
O Enoeventos está inserido em um mercado em franca uvas européias da região do Vêneto. Além disso, para fissionalização, com modificação no sistema de plantio
expansão no Brasil. A seguir, um pouco sobre a história do esses italianos o vinho era visto como um alimento. Mais e produção de cepas viníferas. O aumento da qualidade
vinho no Brasil e um rápido panorama sobre o consumo uma vez, as uvas viníferas não resistiram às condições foi significativo e fundamental para o patamar alcançado
da bebida no país e a realidade atual do mercado. adversas e às doenças fúngicas. hoje em dia.
dos brasileiros por vinho. No início dos anos 2000, vinhos 2,5 milhões, no resto do país), espumantes (8,5 milhões)
argentinos e chilenos invadiram os supermercados brasi- e importados (60 milhões).
leiros. Foi uma estratégia bem planejada dos hermanos
produtores de vinhos, que também passaram a investir
3.1 Enoeventos, de hobby a negócio criar um site só para os álbuns dos enoeventos. Criar 3.2 Formato do site atual
um site não era exatamente um problema, pois Oscar
Antes de começar a falar sobre o Enoeventos, o objeto trabalhava na área de informática. Inspirado pela maneira Como mencionado anteriormente, o Enoeventos nasceu
de estudo deste trabalho, é preciso voltar ao início dos como as pessoas o chamavam, ele resolveu batizar o site como uma galeria de fotos, que aos poucos foi ganhan-
a. HOME
b. AGENDA
c. EVENTOS
d. COLABORAÇÕES
Remete à página http://www.enoeventos.blogspot.com/, Ao clicar neste item do menu, o usuário vê aparecer no Ao clicar neste item, é aberta uma nova mensagem nos
que está sendo gradualmente desativada. O blog não é centro da tela uma caixa, onde precisa preencher um computadores com Outlook instalado ou é solicitada a
a. Profissional/amador
b. Fácil de navegar/difícil de navegar
c. Design interessante/design desinteressante
Após a tabulação dos dados, chegou-se ao seguinte Ao analisar os dados obtidos, podemos verificar as duas Apesar de felizes com o conteúdo apresentado e de
resultado: áreas em que a maioria dos usuários apresentou maior considerarem o site amigável, a maioria dos participantes
concordância entre si: em relação ao design e à diversi- avaliou o Enoeventos como amador. Esse fato deve ser
dade de conteúdo. Dos 19 participantes, 13 não ficaram lavado em consideração, pois, como afirma Krug, um
satisfeitos com o design atual, dado que, se combinado site com aparência amadora pode levar os usuários a ter
com os itens sofisticado/brega, aponta para uma neces- menos boa vontade com o site. Uma aparência amadora
sidade de redesenho do Enoeventos. Curioso é observar pode deixar transparecer que os proprietários do site não
que ao mesmo tempo em que o design desagrada, a se preocupam com os interesses dos usuários.
diversidade de conteúdo e a organização são algo que
deixa o usuário satisfeito.
3. Produto base – uma análise do site atual 21
3.3.2 Realização de tarefas quem aprecie a bebida pelo sabor, por ser apropriada taxa de rolha.
para datas festivas, por hobby ou simplesmente por gostar
O segundo teste realizado com usuários tem como base de descobrir os diferentes tipos de vinhos que existem. Através dessas questões, o participante navegava por boa
os procedimentos de uma avaliação cooperativa. Dife- Dos participantes, nem todos têm o hábito de consultar
Na primeira fase do teste, os usuários apontaram que d. Você quer ir jantar em um restaurante e levar seu
o consumo de vinho é realizado por vários motivos. Há próprio vinho. Descubra no site quem cobra a menor
3. Produto base – uma análise do site atual 22
Depois de voltar ao menu, o participante pensou um de uma tentativa frustrada, ao clicar em “Decanter” no
pouco e resolveu tentar em “eventos”. Ao acessar esta alto direito da mesma página e voltar à lista de eventos
seção, olhou rapidamente as opções e clicou direto relacionados à importadora, optou por regressar ao menu
em “Decanter”. Encontrou o que procurava, mas sentiu principal e conseguiu localizar o objeto procurado ao
dificuldade de realizar a segunda parte da tarefa. Depois clicar em importadoras.
3. Produto base – uma análise do site atual 23
Figura 13 - Á área da enoreportagem sobre o evento da Decanter - www.enoeventos.com.br - 25 de novembro de 2008, 15h10min
3. Produto base – uma análise do site atual 24
Segunda tarefa – Você quer saber quem são as Terceira tarefa – Você vai viajar para o Vale dos Vinhe- vinícolas estarem identificadas apenas com o rótulo Serra
importadoras mais baratas. Você ouviu que esse dos e gostaria de saber quais são as vinícolas que Gaúcha. Questionaram a rotulagem, pois sabem que o
conteúdo está disponível no site. Encontre-o – Esta poderá visitar lá. Encontre pelo menos três vinícolas Vale dos Vinhedos está dentro da Serra Gaúcha. Sugeri-
foi a tarefa que se mostrou mais complexa, tanto para no Vale dos Vinhedos – Todos conseguiram completar ram que o rótulo fosse Serra Gaúcha/Vale dos Vinhedos
Após a realização das quatro tarefas, os participantes que se entenda o porquê de o site existir. Além disso, os (SCHNEIDERMANN, 1998). Manter essa consistência é
responderam algumas questões sobre a experiência. usuários se sentirão mais espertos e com mais controle, possível por meio do uso das mesmas terminologias nos
Além das observações relatadas acima, foi unanimidade o que os fará retornar mais vezes. (KRUG, 2006). menus, seguindo padrões já estabelecidos na internet e
o descontentamento com o design. “A formatação não me respeitando os costumes já adquiridos dos usuários ao
varia de 0 a 4, para determinar o grau de gravidade de 3. A rotulagem do menu é confusa. Por exemplo, Agenda Nível de gravidade: 1
problemas de usabilidade. Sendo que: e Eventos, podem confundir alguém que está entrando
pela primeira vez no site. Agenda refere-se ao que está 9. Para encontrar a busca é preciso usar o skroll e ela
0 – Não é encarado, necessariamente, como problema
por vir. Eventos ao que já passou e teve cobertura.
13. Na seção Agenda, não há padronização do formato 17. Na seção Colaborações, os artigos são organizados 22. Na seção Vídeovinho, produções caseiras, que apa-
dos eventos divulgados. São aproveitadas as versões por data. O cabeçalho da página poderia muito bem ocu- recem em uma lista, com uma foto do vinho degustado.
do convite remetidas ao administrador por e-mail. Há par a margem direita que não apresenta nada e deve ficar Não há uma periodicidade pré-estabelecida. Quando há
uma enorme área ociosa à direita na página, onde foi ainda maior em monitores de grandes proporções. uma nova edição, ela entra na lista da página inicial. Como
25. Na seção Importadoras, lista interminável, contendo as 29. Na seção Lojas, são apresentadas duas lojas virtuais 32. A seção Entrevistas não diz a que veio. Não há uma
seguintes informações nome, descrição, telefone, cidade, em formato de banner, diferente do formato utilizado para linha sequer explicando de que tipo de entrevistas se
nome, preços on-line, venda on-line. Em muitos casos, as demais, que são físicas. O conteúdo apresentado em tratam e quem as faz. É preciso abrir uma postagem para
faltam informações e o layout do site fica prejudicado, descrição não segue um padrão, podendo ser desde o descobrir que elas foram realizadas por Mike Taylor. Um
4.1 Oportunidade está sendo atribuído ao crescimento da leitura dos blogs. um passatempo rentável.
A previsão é de que 67% dos usários de internet nos EUA
O Enoeventos foi escolhido como objeto de estudo estejam lendo blogs no futuro.
deste trabalho por seu potencial de crescimento, pelo
4.2 Conceito do novo site
2. Site do Vinho Brasileiro zidos no país. maneira adequada e links com notícias variadas sobre
www.sitedovinhobrasileiro.com.br o mundo dos vinhos.
Além da lista que trata da produção vinícola brasileira,
3. Didú
www.didu.com.br
4. Belo Vinho
www.belovinho.com.br
Ponto-de-venda 4.6 Ação e Controle as, essa seção precisará passar apenas por pequenos
ajustes. O tom informal e espontâneo do idealizador do
A praça em que o ‘negócio’ do Enoeventos se desenvolve Após traçar o perfil do público-alvo, considerar as cinco Enoeventos será mantido. Não apenas por ser o dono
é a própria internet, ou o endereço eletrônico do Enoe- forças competitivas de Porter, realizar uma análise da do site, mas mais por ter descoberto uma fórmula que
Atualmente, para participar dos sorteios, os usuários público, que voltará ao site mais vezes para acompanhar Nesta primeira fase, a estimativa de custos, baseada
já necessitam preencher um cadastro. A partir do novo as promoções do período. Além disso, com o cadastro em tabelas dos sindicatos que regulamentam os pisos
cadastro, o Enoeventos terá acesso a informações úteis dos usuários, o site deterá um rico banco de dados de salariais das profissões acima citadas, se mostrou da
para a viabilização de novos negócios, como venda um público interessante a diversos tipos de negócios. seguinte forma:
Com o cartão fidelidade, o Enoeventos também ganha 4. Programador, para programar e colocar no ar o novo
projeto. 3. Webdesigner, realizará atualizações de layout quando
fidelidade, aumento do fluxo de visitas e retenção do
4. Produto almejado – plano estratégico 43
É importante ressaltar que todos os pagamentos são anunciar em mais de uma página. Na home, o preço
baseados em horas/base de R$ 25. Oscar Daudt e o será o já mencionado, R$ 20 a cada mil impressões. Nas
jornalista são contratados por 40 horas por mês, enquan- páginas secundárias, R$ 15 por mil impressões.
to o webdesigner e o profissional da área de marketing,
5.1 Método Bridge fluxos “realistas”, possíveis de serem implementados. Os resultados da primeira etapa foram os seguintes,
Cada uma das tarefas identificadas é formatada com que mostram as tarefas que o usuário pode querer de-
Após investigar o gosto dos usuários, considerar as um verbo e um nome. senvolver no site. Este usuário faz parte do público-alvo
informações que são relevantes para quem acessa o do Enoeventos:
Abaixo de cada uma das tarefas listadas acima, foram • Onde foi realizado - Lista dos eventos dessa importadora
acrescentados os atributos necessários para a conclu- • Galeria de fotos - Escolher evento
são da tarefa. Com isso, é possível já se ter uma idéia
• Comentário • Data
dos passos percorridos pelo usuário na realização de
• Eventos relacionados – por local, • Texto sobre como foi o evento - Escolher vinho
importador/vinícola • Onde foi realizado • Participantes
- Eventos organizados por local • Comentário • Dados sobre o vinho apresentado
- Informações sobre o cartão de fidelidade • Localização (mapa) • Links para outras entrevistas mais antigas
- Clicar na chamada Entre uma etapa e outra da estrutura apresentada acima, Eventos
• Coluna foram observados possíveis problemas que ocorreriam
Atributos Ações Relacionamentos
com a estrutura. Os post-its rosas apontavam as falhas
• Links para antigas colunas Lista Listar
e a solução era escrita em post-its de cor limão. Para os
Editorial
Atributos Ações Relacionamentos
Entrevistas divulgar
Jornal Vinho & Cia informar Contém:
Chamadas comentar entrevistas
Links reportagens
Reportagens pesquisas
Opinião enquetes
5.2 Fluxograma
A partir do resultado do método Bridge e das considera-
ções feitas nos testes com usuários, foram montados os
5.3 Wireframes
Wireframes são ilustrações que mostram, de maneira
sofisticada ou simples, os conteúdos de cada página.
1. Marca e slogan
2. espaço publicitário 1
3. espaço publicitário 2
1. Marca e slogan
2. espaço publicitário 1
3. espaço publicitário 2
1. Marca e slogan
2. espaço publicitário 1
3. espaço publicitário 2
Figura 31 – Wireframe da seção Importadoras, que fica dentro de Onde comprar vinhos do novo site do Enoeventos (GIORDANO, 2008)
5. Aplicação de técnicas de arquitetura de informação – desenvolvimento e resultados 60
1. Marca e slogan
2. espaço publicitário 1
3. espaço publicitário 2
portantes do mundo do vinho ou algum fato que mereça o restante das informações, ele já entra para a base de
ser transformado em destaque do dia. A atualização será dados do Enoeventos.
realizada de acordo com a cobertura de eventos. Todas
as coberturas serão efetuadas pelo proprietário do site,
Eventos
Figura 35 – Modelo com orientações sobre a seção Eventos do novo site do Enoeventos (GIORDANO, 2008)
5. Aplicação de técnicas de arquitetura de informação – desenvolvimento e resultados 64
Cartão Fidelidade
Figura 39 – Modelo com orientações sobre a seção Cartão Fidelidade do novo site do Enoeventos (GIORDANO, 2008)
5. Aplicação de técnicas de arquitetura de informação – desenvolvimento e resultados 69
Universo do Vinho
Contato
Figura 40 – Modelo com orientações sobre a seção Universo do Vinho do novo site do Enoeventos (GIORDANO, 2008)
6. Discussão
6. Discussão 71
Após meses de imersão no site atual do Enoeventos, buscado. Os eventos relacionados estarão mais acessí- de ser um negócio viável, que cobre todos os custos e
de pesquisa bibliográfica, testes com usuários e pon- veis, a um clique, praticamente. Claro que além dessas ainda oferece a possibilidade de produzir lucros. Haverá
derações, considero fechada esta primeira etapa de etiquetas podem ser agregadas outras, como país dos dois espaços publicitários em cada página.
reconstrução da arquitetura de informação. O trabalho, vinhos degustados e informações que venham a ser
De um modo geral, pode-se dizer que o novo Enoeventos Haverá um cuidado grande com as informações ofe-
terá menos itens no menu principal e ganhará subme- recidas nas legendas e também com a padronização
nus em cada uma das novas seções, o que permitirá de agendas e informações de áreas como vinícolas,
ao usuário ir direto ao conteúdo que está interessado. restaurantes, lojas, winebars e importadoras. O material
Assuntos relacionados foram reunidos sob um mesmo também passará a ser atualizado e revisado periodica-
rótulo, como foi o caso de Onde comprar vinhos, que mente pelo jornalista que fará parte do time.
passou a englobar importadoras, vinícolas e lojas.
Esse é um dos diferenciais do novo eventos. O criador
Em termos de navegação, no novo site, a navegação do Enoeventos, Oscar Daudt, continuará sendo a grande
estará baseada nas etiquetas colocadas em cada con- estrela do site, mas deixará um pouco de lado o trabalho
teúdo. A definição as etiquetas será muito importante braçal de atualização, passando essa parte para profis-
para o perfeito funcionamento do site. Os três alicerces sionais das áreas de jornalismo, design e marketing.
da navegação e também da busca serão as etiquetas de
vinícola, importadora e local. Com qualquer uma dessas O segmento de marketing terá vital importância no novo
informações consegue-se chegar a qualquer assunto projeto, pois será por meio dele que o site terá condições
7. Bibliografia
7. Bibliografia 73
AGNER, Luiz. Interfaces: nove regras que valem ouro. CLEMENTE, João Filipe. Brasil em números – Dados KRISTOF, Ray & SATRAN, Amy. Interactivity by design.
Webinsider. Disponível em: <http://webinsider.uol.com. de Consumo. Disponível em: <http://falandodevinhos. Adobe Press, 1995.
br/index.php/2004/09/01/interfaces-nove-regras-que- wordpress.com/2008/11/10/brasil-em-numeros/>. Aces-
valem-ouro/>. Acesso em: 5 set. 2008, às 16h34min. so em: 11 out. 2008, 16h15min.
NIELSEN, Jakob. Heuristic Evaluation. 2005. Disponível União Brasileira de Vitivinicultura. Produção de uva,
em: <http://www.useit.com/papers/heuristic/>. Acesso elaboração de uvas e derivados. Disponível em:
em: 5 set. 2008, 21h30min. <http://www.uvibra.com.br/pdf/safra_uva1998-2007.
pdf>. Acesso em: 10 out. 2008, 15h30min.