Esses são 2 minutos dos 813 que durou a prova do líder do BBB10, realizada em meados de março. Foram mais de 7 milhões de votos, uma estrutura de servidores digna do livro dos récordes e muita gente morrendo de sono nos bastidores – tentando aguentar o pique dos participantes do reality show.

3:15 a.m. Equipe da AgênciaClick de plantão na agência

A prova, que teve a maior audiência da história de provas do líder do programa, reuniu dois ingredientes importantes para tanto engajamento do público: toneladas de interatividade com uma pitada de sadismo.

Mas passados a euforia e o sono, uma coisa chamou bastante atenção quando parei para pensar sobre a arquitetura de informação da prova. Ela segue por trilhas bastante diferentes da Arquitetura de Informação clássica, aparecendo desconstruída em sua forma e em seu processo. Suas preocupações são muito diferentes da AI à qual estamos habituados, e por isso resolvi compartilhar por aqui.

Listei abaixo algumas das excentricidades da AI desse projeto:

• Seis interfaces diferentes
  Site do grupo Azul, site do grupo Laranja, interfaces que ficavam dentro das caixas, uma interface de monitoramento dos votos e uma interface administrativa. A prova que parece simples – ouvimos gente dizendo que era “só uma enquete” – acabou se desdobrando em seis sistemas diferentes que precisavam estar impecavelmente sincronizados entre si.

• Um site em pop-up
  O espaço de interface que tínhamos era bem limitado. Isso porque o usuário precisava votar na enquete e assistir ao vídeo da prova ao mesmo tempo, em sites diferentes. A solução foi criar um site-pop-up, que abrisse ao lado do streaming de vídeo. Assim o usuário podia votar na próxima surpresinha ao mesmo tempo em que via os Brothers sofrerem as consequências dos votos – e esse “what you vote is what you get” acabou aumentando ainda mais a quantidade de interações.

• Outras resoluções
  Esqueça o 1024x 768, ou qualquer outro número que você tenha aprendido até hoje. Cada uma das 6 interfaces rodou em uma resolução diferente: pop-up, netbook, TV widescreen e até a resolução da mesa de edição da Rede Globo. Em poucos dias aprendemos tudo sobre PAL-M e NTSC – ou muito mais do que ambiciona qualquer um que trabalhe com web.

• Contraste resistente a fumaça
  Esqueça as preocupações de contraste que normalmente temos com os monitores de tubo e os de LCD. Isso é fichinha. O contraste da interface da prova precisava ser nítido o suficiente para resistir à fumaça fria que perambulava dentro das caixas, aos pingos de chuva que passavam em frente à câmera e às mudanças de luminosidade do local. E confesso: dependendo do ângulo e da câmera, algumas cenas não ficavam tão nítidas assim.

• A arquitetura dos cubos
  A arte que estampava a parede dos cubos também precisou ser pensada. Era preciso garantir que, independente de qual câmera estivesse filmando e de quantas pessoas aparecessem na cena, a cor da parede sempre identificasse qual era o grupo que estava sendo filmado: Azul ou Laranja. Arquitetura tridimensional, pra valer; planta alta.

• Uma interface admin à prova de nervosismo
  Além da prova acontecer ao vivo, ela ainda foi anunciada em horário nobre pelo próprio apresentador do programa. Uma falha, um clique errado, ou um nervosismo a mais por parte de quem estava controlando o sistema seriam naturais. Por isso, a interface de administração precisava ter um layout sóbrio, botões auto-explicativos e ainda ocultar qualquer ação que não pudesse ser acionada nem por engano.

• Servidores, tremei
  Assim que o Bial anunciou a prova, imediatamente milhares de pessoas começaram a votar pelo site. Foram mais de 600 pessoas clicando no mesmo botão a cada segundo. A estrutura de servidores precisava estar preparada para receber e contabilizar todas essas interações, e depois enviar os dados para as outras interfaces, sem falhas. Os servidores aguentaram tudo com  louvor, mas muitas telas de erro precisaram ser desenhadas e guardadas na manga para uma eventualidade.

Essa foi a última de uma série de provas do BBB10 desenvolvidas aqui na agência. Foi uma experiência e tanto. Conhecer a estrutura da Rede Globo, trabalhar nos bastidores do Projac, desenhar e testar cada detalhe, projetar para milhões de usuários e enfrentar desafios para os quais as respostas não estejam catalogadas em patterns e libraries. E o melhor: experimentar a interação em tempo real na televisão, como dito no início do vídeo.

Como li em um blog esses dias: já estão decretando o fim do wireframe.