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.
18
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.
05
Depois de todo o trabalho, eis que descemos para curtir a festa de lançamento, afinal, a gente merece!
Confira algumas fotos e vídeos do coquetel, que arrasou!
Apresentação ao vivo
Discurso dos diretores
Ana Paula Padrão apresentou…
…acompanhada por Celso Freitas
Karina Bacci fala sobre o R7!
Britto Jr. tem blog no R7
Rodrigo Faro também tem blog no R7
Nós e a home!
Nós e o logo!
Bancada de computadores, para navegar em primeira mão pelo novo portal
O baile todo
U-hu, Arquitetura!
R7 está no ar
A Chris Flores tem blog no R7
Contagem regressiva!
01
Esses dias recebi convites muitos legais para falar sobre o R7. Os blogs, bem acessados e respeitados, têm um conteúdo ótimo e, para mim, foi um espaço muito legal para falar sobre o projeto.
A primeira foi para o blog do Rogério Pereira.
A segunda foi para o blog Zeh.Design.
Entrem e confiram!
29
Sábado e domingo fizemos uma força tarefa para corrigir alguns bugs e fazer um pente fino no site. Como a parte de AI estava finalizada para esta primeira fase, começamos a tocar alguns projetos especiais e, no fim de semana, viemos para dar um apio à equipe e fazer um Q&A final, para minimizar os errinhos que sempre acabam surgindo na estréia de um projeto.
Confira algumas fotos da equipe no domingo (27), minutos antes da festa de lançamento:
O baile todo
Minha Equipe!
Criação
Produção
29
Saiu MUITA coisa na internet sobre o portal. Escolhi duas matérias para dividir com vocês. Uma vem de um blog, que selecionou alguns pontos e analisou / comparou com um dos concorrentes, no caso, a Globo.com / G1.
A outra é uma reportagem da Info, que também está bem bacana.
Amanhã começo a postar algumas fotos e vídeos da festa de lançamento.
27
Muito trabalho, diversos detalhes sendo finalizados nos últimos dias, poucas horas de sono, ansiedade lá em cima, adrenalina a mil, comprometimento total da equipe e a certeza de que esse é só o começo de um projeto imenso, desafiador, audacioso, mas extremamente gratificante. A festa de lançamento foi emocionante e, nos próximos posts, vou mostrando todos os detalhes.
É isso! O momento agora é de refinar e passar pentes finos, partir para os projetos especiais (A Fazenda 2, Jogos de Inverno…) e seguir em frente, a todo vapor, com análise de métricas e testes de usabilidade.