Arquitetura da Informação... Postado por Amanda Cordeiro | às 21:06

Basicamente, a Arquitetura da Informação é a ciência de descobrir o que você quer que o seu site faça e então construir um projeto, antes de mergulhar na execução.

Um dos principais motivos para utilizar a arquitetura de informação é proporcionar aos usuários uma sensação de localização. Eles precisam saber onde eles estão no site, por onde eles já passaram, e como chegar onde eles querem.

Uma boa estrutura combinada com um design visual eficiente possibilita que os usuários construam uma imagem mental do mapa do site.Para isso, existem algumas etapas básicas.

Primeiro examina como definir os objetivos do seu site, trazendo luz para a super-importante arte de coletar as opiniões dos clientes ou parceiros, e organizá-las em uma ordem de importância balanceada e coerente. Deve documentar o esquema do site e montar um diagrama de navegação, de modo que todas as partes envolvidas possam acompanhar.

Exemplo de diagrama de navegação (clique na imagem para ampliar)

O próximo passo é descobrir quem será, afinal de contas, o público. Uma vez que esteja claramente definido, pode então começar a organizar o seu futuro site em páginas de conteúdo e funções que o site vai precisar ter.

Em seguida, entra na "terra da criatividade", onde começa a construir a estrutura: formar o wireframe (esqueleto), escolher as metáforas, mapear a navegação. Então é chegada a hora de encarar os programas gráficos, estabelecer os grids de layout, desenhar esboços, fazer simulações, e estará pronto para ação!

O wireframe ou esqueleto do site youtube

Aqui segue alguns outros exemplos de arquitetura de informação utilizados de formas bem diferentes e originais!

Web Trends Maps

Todos os anos, a Information Architects elabora um mapa de tendências da internet. O mapa mostra os 333 domínios mais influentes da internet, selecionados sob critérios como tráfego, receita, idade e por empresa proprietária e foram colocados no formato do mapa do metrô de Tóquio. Simplesmente fantástico!

Projetando uma vaca: as etapas do wireframe

Esse é bem divertido. Foi criado por um designer gráfico para explicar ao público leigo a arquitetura da informação e a montagem de um wireframe de forma um tanto inusitada.

O site do novo voyage - catacteristicas na montagem de um wireframe

Vídeo feito pela autora desse blog que mostra o desenvolvimento do site

A internet está cheia de exemplos bem legais e um que eu encontrei foi no site da Volkswagen sobre o carro Voyage. A campanha publicitária é interativa, pois o usuário monta o carro e depois customiza a sua maneira. Ao fazer uma relação com um projeto de wireframe, você nota nos dois casos que o processo de montagem constitui-se de peças já definidas e prontas para serem encaixadas, afim de criar o melhor aspecto visual e funcional.