30
Estava lendo um artigo no Brainstorm 9 sobre propaganda de oportunidade e, nos comentários, alguém colocou o link de um exemplo. É genial, confiram:
29
Ideia simples, engajamento, participação, resultado surpreendente. Esse vídeo arrasou!
Como foi: o compositor Eric Whitacre pedia a participação dos internautas. A ideia é que fosse gravado um vídeo do usuário cantando a música Lux Arumque, do próprio maestro. Depois de publicado no YouTube, o link deveria ser enviado para o blog dele. Foram 250 vídeos enviados, que resultaram em uma produção muito bem feita e em um coral online genial e surpreendente.
Vale conferir:
25
Bem legal a ação da Lew Lara que divulgou o tratamento do rio Pinheiros. A ação aconteceu no domingo, dia 21/03/2010, e consistiu em duas palavras, uma escrita com lixo e outra usando vitórias-regias. Com lixo estava escrito Adeus. Com as flores, Bem-vindo. Simples e criativo. Arrasou!!! Quem diria que a Sabesp ia aprovar algo fora da caixa, né? Tendência. 
02
Já está no ar o Especial Verão R7. A arquitetura previa mais funcionalidades do que foi ao ar, mas quando o prazo não ajuda, o jeito é simplificar.
16
Ontem começou a segunda temporada de A Fazenda. E o site acompanhou o lançamento do reality, sendo lançado simultaneamente.
A cada participante que era anunciado, o topo do site acompanhava o anúncio e apresentava o thumb do participante, um por um, que já linkava para a página correspondente, com histórico, perfil e galeria de fotos do peão.
É claro que podíamos ter deixado o site completo em stand by, esperando o término do programa para ir ao ar, mas entendemos que a excelência da informação e a sincronia entre TV e internet deve acontecer de forma cada vez mais intensa.
Feedback
E foi muito legal ver a resposta do público, que notou o fato e hoje elogiou muito a postura do programa na internet em todas as redes sociais.
Participantes
O site traz os participantes logo no topo, dando preferência para a imagem de cada um e deixando o nome apenas no mouse over.
Optamos por essa solução por ser um programa com a participação de famosos, ou seja, de pessoas que já são conhecidas pela sua imagem.
Assim, o layout ficou mais clean, o topo não ficou lotado de informações e os elementos campestres puderam ser utilizados em toda a interface, mergulhando a experiência do usuário no mundo do campo também na internet.
É claro que, quando um competidor for eliminado, o topo do site será modificado, para que seja claro para o usuário quem continua no jogo.
Na página de cada participante, é possível saber mais sobre cada um deles, além de ver uma galeria de fotos exclusiva.
Para voltar para a página inicial, optamos por deixar o link no logo, como convenção. Mas, como o logo está no meio, e não na esquerda, da maneira mais usual, optamos por incluir um ícone de home, que também leva para a “capa” do site.
O programa
A página do programa também apresenta a fazenda de uma forma diferente e mais interativa. Ao invés de tudo ser descrito com texto e imagem, fizemos uma interface mais visual, com a qual o usuário consegue formar um mapa mental do local e ainda saber mais sobre cada cantinho do cenário e dos viveiros dos animais.
Fórum da torcida
O fórum da torcida é mais uma área que está recebendo muito elogios. Ali é o espaço em que os usuários poderão mostrar todo o seu lado fã para o participante escolhido por ele para ser o novo milionário do Brasil.
Aqui, a intenção é trazer os fãs, que já torcem e fazem campanha por seus ídolos, para dentro do site. é uma maneira de concentrar os torcedores, promover interação e ainda centralizar as opiniões, sendo até uma importante fonte de pesquisa para a produção do programa.
Blog da Produção
Essa área surgiu de conversas nossas com pessoas que amam o reality. Ouvimos muitas pessoas e muitas opiniões antes de elaborarmos o primeiro mapa do site. A direção do programa adorou a ideia e a proposta está funcionando perfeitamente: os telespectadores estão se sentindo mais próximos de quem faz o programa, trazendo quem está por trás das câmeras mais para perto do público final.
Melhorias
Há muitos detalhes que não puderam ser lançados ontem junto com o programa. Mas, aos poucos, todos eles serão implementados e o site ficará, em breve, do jeito que foi idealizado.
Mesmo assim, acho que o resultado foi bem positivo e que é clara uma grande evolução do site da primeira edição para o atual. Parabéns à Renata Azevedo, que foi a AI responsável pelo projeto, com pitacos das demais AIs da equipe, claro! Porque a gente é assim, dá pitaco no trabalho uma da outra para evoluir sempre! Adoro!
E vocês, o que acharam?
03
Já publiquei algumas informações sobre a Arquitetura de Informação do portal de notícias R7. Agora, vamos para mais uma leva, com alguns outros detalhes que não foram citados no outro post.
Logo x Página Inicial
O logo linkar para a home do portal já é convenção e deve ser utilizado. Porém, no R7, optamos por levar o usuário de volta para a home da grande seção em que ele estava navegando, por um motivo bem pertinente: como os logotipos de cada grande seção tem cores diferentes e trazem junto o nome dessa área (veja fotos abaixo), não teria sentido o usuário ser levado para a home ao clicar nele.
Como solução, optamos por colocar as palavras Página Inicial em todas as internas, que remete o usuário de volta para a home. Tínhamos receio de o usuário clicar instintivamente no logo e frustrar-se, mas as análises que estamos fazendo com os usuários mostram que é praticamente unânime a facilidade de voltar para a home a partir do link no menu.
Um dos faotres que ajudaram é a localização das palavras Página Inicial, que fica bem perto do logo e com fonte grande, fazendo com que o usuário enxergue e opte por clicar ali ao invés de clicar no logo, quando ele deseja voltar para a home.
Iconografia
Para toda seção do menu de segundo, terceiro e quarto níveis foram criados ícones que representem o conteúdo. O mesmo acontece para as funcionalidades do site (imprimir, espalhe por aí, comentários etc). Os estudos foram muitos e acreditamos que, além de orientar melhor o usuário, que muitas vezes lembra do ícone que viu na página na hora de encontrar aquela matéria que ele leu outro dia e gostaria de rever, torna a página mais amigávei, mais bonita e mais visual.
Blogs
Na home, há um espaço reservado para os destaques mais quentes dos blogueiros do R7. São apresentados 3 destaques por vez, mas há setas para os usuários ver mais.
Redes Sociais
também há um espaço reservado para apresentar a presença do portal nas redes sociais (+ RSS). Esses links ficam presentes durante toda a navegação, na parte inferior esquerda do site, depois do menu.
Quadros de Últimas
Na home do portal, há um quadro fixo que indica as notícias mais lidas de todo o portal e as últimas publicações. Nas homes de área, o quadro traz as últimas daquela área (notícias, entretenimento ou esportes) e as últimas do portal. Já nas homes de seção, o quadro traz as últimas daquela seção e as últimas da área imediatamente acima. Por exemplo: na hub da editoria Brasil, o quadro contém as últimas de Brasil e as últimas de Notícias.
Veja exemplos:
Home
Hub Notícias
Hub Brasil
07
Quando começamos a pensar na Arquitetura de Informação do R7, tínhamos duas questões em mente: os usuários (1) e a liberdade / autonomia dos jornalistas para publicar informações no portal (2).
Precisávamos pensar em um modelo clean, fácil de usar, bonito, agradável, que contemplace tudo o que descobrimos com os testes de usabilidade e ainda que permitisse oferecer mais autonomia e liberdade para os jornalistas.
Confiram algumas observações que foram pensadas para incitar a participação dos usuários e a customização das páginas de acordo com a necessidade do jornalista:
É possível cadastrar quantos links relacionados forem necessários. Mas, se o jornalista estiver com pressa para publicar a matéria, é possível simplesmente ignorar essa funcioinalidade.
Há várias funcionalidades disponíveis para as matérias, que podem ou não ser habilitadas pelos jornalistas, de acordo com a necessidade.
Conforme elas forem sendo incluídas, os ícones vão aparecendo automaticamente na barra (veja parte superior da foto), que nesse caso está contemplando:
- Imprimir (já vem default em todas as matérias);
- Espalhe por aí (já vem default em todas as matérias e contempla o share e envie para um amigo);
- Mural (jornalista habilita ou não e funciona como um fóruim simplificado);
- Comentários (jornalista habilita ou não);
- Votação (jornalista habilita ou não) com ou sem fotos e abre em uma nova página.
Há ainda a opção de Enquete (jornalista habilita ou não) com ou sem fotos, para oferecer mais opções aos jornalistas e mais proximidade do tema com o usuário, quando houver necessidade de um apelo mais visual.
Em cada uma dessas funcionalidades, o jornalista também tem o poder de liberar a participação dos usuários ou submetê-los à aprovação.
Um cuidado muito legal, que foi bastante elogiado pelo time de jornalistas, é a possibilidade de editar o título dos comentários. Na maioria dos portais de notícias, há a matéria e depois um título: Comente, Comentários, Opine, ou algo do gênero.
Neste caso, foi utilizado o título comente sobre esta notícia, mas, se o jornalista quisesse, ele poderia incitar uma discussão, trocando esse título por uma pergunta polêmica ou um texto que instigasse mais a participação dos usuários, como “E você, acredita na inocência do acusado?”.
Na enquete, que não traz o título enquete, mas sim a pergunta direta com destaque, para impulsionar as participações, é possível verificar os resultados antes de votar.
Ícones em todas as seções, breadcrumb e cores indicativas facilitam a navegação do usuário. Nesse caso, a matéria foi publicada só com texto: sem foto, sem confira também, nem links relacionados e sem funcionalidades. Tudo isso está a cargo do jornalista, que decide como a matéria vai ser apresentada, garantindo mais versatilidade, autonomia e liberdade.
Quando uma matéria, ou mesmo um post em um dos blogs do R7, um vídeo ou uma galeria de fotos utilizar termos técnicos ou nomes que necessitam mais explicações, é possível montar um glossário e linkar o conteúdo para ele. Acima, um exemplo de glossário com todos os Deputados Federais.
O “Confira Também” pode ser adicionado pelos jornalistas no meio das matérias, linkando qualquer outro conteúdo. É possível colocar fotos ou apenas a chamada.
Todos os recursos relacionados acima são customizáveis e as regras de negócios foram pensadas pela equipe de Arquitetura de Informação, em conjunto com a equipe de Jornalismo do portal. E, para organizar melhor a documentação, tudo foi especificado nos wireframes e os desenhos contemplavam todas as possibilidades, para serem previstas no layout e facilitar a implementação no CMS.
Sei que esse é só o começo, mas adorei saber que o resultado agradou os jornalistas e os usuários. Foi importante saber que os redatores sentem-se menos engessados na hora de publicar conteúdo. E os usuários também ganham, com conteúdo mais organizado, mais contextualizado e mais completo.
18
Adoro fazer projetos diferentes, apesar de saber que quase nunca temos tempo suficiente para executá-lo. Nos primeiros dias de dezembro soube que faríamos um APP do Orkut para Omo. Logo depois fiquei sabendo que esse aplicativo precisava estar no ar dia 17 de dezembro, data muito próxima do Natal e que, ao meu ver, já prejudica bastante o sucesso do projeto.
Mesmo na correria, o projeto ficou bem bonitinho e super alinhado com a marca.
No APP os usários podem enviar um e-card diferente de natal para seus amigos, além de conferir ou enviar dicas sobre jogos, alimentação, passeios ou brincadeiras para os pais realizarem com seus filhos.
Com o slogan “Se Sujar faz Bem”, Omo entra no orkut com um cartão de natal em forma de snowball. É possível escolher o layout do cartão e selecionar para qual amigo do orkut voc~e quer enviá-lo. Depois basta escrever a mensagem e, se você preferir, pode ainda fazer o upload de uma foto sua, para que o cartão fique ainda mais divertido.
Ao receber o e-card, o amigo será avisado de que precisa chacoalhá-lo para conseguir ler a mensagem. Ao segurar e arastar a snowball para os lados, vários picéis, lápis e respingos de tinta fazem o papel da neve e aos poucos a mensagem vai aparecendo.
Abaixo, alguns prints da ferramenta e dos wireframes.
Página de dicas - layout
Página de dicas - wireframes
Tutorial - layout
Tutorial - wireframes
12
Esse job foi muito legal de fazer, apesar de o prazo ter sido, como quase sempre, surreal. Para divulgar dois produtos novos de Dove, elaboramos um hotsite de lançamento com uma promoção. Quando recebi o job e depois de estudar o briefing e os produtos, percebi que eles tinham características bem diferentes: um era refrescante e o outro energizante. Resolvi, então, desenhar o site todo como se ele fosse dividido em dois, mas que se transformasse em um só quando um produto fosse selecionado.
Os wireframes foram elaborados no Axure e o layout ficou super fiel à navegação proposta. O resutlado foi ótimo e, para vocês poderem visualizar melhor, selecionei alguns prints do layout x arquitetura de informação. Veja o site no ar, que agora entrou em uma segunda fase e, por isso, est’a um pouco diferente.
Home do site
Arquitetura da home
Página de um dos produtos
Arquitetura: página de um dos produtos
Player de vídeo
Arquitetura: Player de vídeo
11
Quem entrar no Yahoo hoje poderá conferir uma intervenção DEMAIS de IBM. A peça divulga um case em que a empresa elaborou uma solução simples e com ótimos resultados para o site de um cliente, em que idosos tinham muita dificuldade para navegar. Ao interagir com a peça, é possível sentir na pele como nossa visão vai ficando comprometida com o passar dos anos e ajuda os usuários a entender como a solução de IBM foi importante para o público idoso.
Parabéns para a nossa equipe de IBM, você arrasaram com esse trabalho!
Fiz alguns prints de etapas da peça. Eles ilustram bem como a intervenção funciona. Conforme a linha do tempo é arrastada, a tela vai mostrando como o personagem, que também envelhece, veria a home do Yahoo. Genial!
