A arquitetura de informação do site do Café Colombo – cujo processo de desenvolvimento está sendo acompanhado passo a passo aqui no blog – baseia-se nos infames três círculos interseccionados desenhados por Louis Rosenfeld e Peter Morville em Information Architecture for the World Wide Web: usuários, conteúdo e contexto.

Se você está acompanhando o reality show Meu Último Freela desde o começo, sabe que na primeira etapa de desenvolvimento esses três itens foram devidamente diagnosticados. A partir daqueles dados, podemos saber que o site terá que ter os seguintes componentes:

• Apresentação do programa
• Histórico do programa
• Equipe do Café Colombo
• Informações sobre a reprodução do conteúdo
• Notícias do Café Colombo publicadas na imprensa
• Programas arquivados com áudio, foto e texto
• Formulário para sugestões de entrevistados e assuntos para o programa
• Indicações feitas durante o programa
• Artigos escritos por especialistas
• Formulário para envio de textos do público
• Textos enviados pelo público
• Blog com notícias e bastidores da produção do programa
• Informações sobre como anunciar no Café Colombo
• Possibilidade de assinar feeds
• Possibilidade de assinar e cancelar newsletter
• Formulário de fale conosco e página com dados de contato
• Eslcarecimento da política de acessibilidade
• Esclarecimento da política de privacidade
• Busca e resultado da busca

Além disso, está previsto um phantom label que é a seção sobre o livro que será publicado dentor de um ano com a compilação das melhores entrevistas já feitas nesses quase quatro anos de programa.

Obviamente, é muito link para um menu, mas é tudo o que precisar estar no site. O trabalho do arquiteto de informação começa por classificar, agrupar e hierarquizar as seções de forma a permitir uma navegação fácil e intuitiva.

Organizando as seções do site

O primeiro passo foi definir quais seriam as principais seções do site, ou seja, aqueles links que não poderiam faltar para satisfazer as principais demandas do público-alvo mapeadas na etapa de diagnóstico.

Nesse grupo ficaram a apresentação, o histórico, a equipe, o clipping, os direitos autorais, os programas, as indicações, os artigos, o blog, o fale conosco e os textos do público.

Como ainda eram muitos links, optei por enxugar o menu hierarquizando as informações institucionais dentro de uma única seção, que conteria a apresentação e subordinaria o histórico, a equipe, o clipping e os direitos autorais.

Sendo assim, o menu de primeiro nível ficou com a seção institucional, programas, indicações, artigos, blog, textos do público e contato. O phantom label livro também ficou agrupado neste menu de navegação global.

Um segundo grupo foi definido como itens auxiliares à navegação e acompanhamento do site. Entraram aí os feeds e newsletter, o anuncie, a busca e a política de acessibilidade.

Card sorting

Para casos de agrupamentos e classificações mais complexas que estas do Café Colombo, existe uma técnica bastante difundida no mercado chamada Card Sorting.

No Card Sorting, cada seção tem o nome escrito em um cartão. Esses cartões são embaralhados e então um grupo de usuários que façam parte do target do projeto é convidado para agrupar os cartões.

Se o número participantes for representativo, os resultados podem ser usados para definir a arquitetura de informação. A grande vantagem é elaborar um agrupamento que esteja de acordo com o que pensa o público-alvo, ou seja, é um grando passo para um design centrado no usuário.

É importante lembrar que o Card Sorting deve ter os dados analisados cientificamente, com base em um método de estatística conhecido como cluster analysis (você pode fazer isso usando o software CardZort).

Se os convidados apenas agrupam os cartões até chegar a um consenso geral, sem análise estatística dos resultados, então está se fazendo na verdade um Diagrama de Afinidades.