) com artigos, notícias, etc. A correta organização do conteúdo facilita a navegação do visitante e o conduz para a informação desejada, com isso a probabilidade de potencializar o retorno de investimento do site aumenta.Veja algumas definições:
Arquitetura de Informação - "Foi o arquiteto Wurman, quem cunhou a expressão arquitetura de informação nos idos de 60. O “arquiteto de informação” seria o indivíduo com a missão de organizar padrões dos dados e de transformar o que é complexo em algo mais claro."
"A arquitetura de informação pode ser vista como a união de três campos tradicionais: a tecnologia, o design e o jornalismo/redação." Luiz Agner
Usabilidade - "Usabilidade é um termo usado para definir a facilidade com que as pessoas podem empregar uma ferramenta ou objeto a fim de realizar uma tarefa específica e importante." Wikipedia
Vídeo sobre Arquitetura de Informação
Razões para aplicar conceitos de arquitetura de informação e usabilidade no seu site
- Se o visitante não encontrar o que deseja, ele vai embora!
- Quantos cliques são necessários para chegar naquela página IMPORTANTE do seu site?
- Onde está o telefone de contato?
- Existe introdução em Flash que o visitante é OBRIGADO a assistir antes de acessar o conteúdo?
Uma frase da PNL diz que "A responsabilidade da comunicação é do comunicador".
Se o visitante não entendeu seu site, a responsabilidade é sua. - Sites fáceis de navegar criam uma experiência agradável ao visitante
Um site fácil de navegar mantém o visitante mais tempo no site, e aumentam a interação com a marca de sua empresa. - Evitar retrabalhos e conflitos de escopo
Falhas de entendimento entre o cliente e o desenvolvedor são comuns, porém, grande parte destas falhas se devem à falta de uma descrição adequada do projeto.
Wireframes - Esboços que vale ouro
O wireframe são esboços que representam as páginas do site apenas com FIOS, sem elementos gráficos. O objetivo do uso de wireframes é conseguir discutir e planejar a ARQUITETURA DE INFORMAÇÕES com o cliente sem que ele sofra influências visuais. Com isso, é possível definir os elementos de INFORMAÇÃO relevantes para site, fazer ajustes e chegar a um consenso mesmo que muitas pessoas estejam envolvidas no processo.
A etapa de DESIGN deve (ou deveria) iniciar após a aprovação do wireframe. A probabilidade de aprovação da identidade visual é muito maior quando a etapa de Arquitetura de Informação com o uso de wireframes é cumprida corretamente. Ou seja, é uma ilusão o cliente querer pular esta etapa em prol da urgência.
Veja um exemplo de wireframe e do resultado final.
Note que o design não seguiu à risca o wireframe, esta variação depende de cada projeto.
Os wireframes podem ser feitos que softwares como Powerpoint, BrOffice Impress, Visio, etc. Até uma folha em branco pode ser usada em reuniões com cliente para gerar uma versão inicial. Atualmente, existem soluções online que permitem a criação de wireframes com facilidade. O Gliffy é uma excelente solução para Wireframes.
Uma sugestão é incluir fluxos caso o projeto do site tenha caminhos que você deseje conduzir o visitante.
Conclusão
A Arquitetura de Informações e Usabilidade estão crescendo a cada dia, com o surgimento de profissionais especializados. TODOS profissionais web deveriam conhecer estes conceitos, pois na maioria dos projetos não será possível ter um profissional exclusivo para esta atividade, cabendo aos membros do projeto se preocuparem com estes conceitos.
Referências:
