Arquitetura da Informação
Senac Penha
Definição
"Estudo das informações que tem como objetivo organizar padrões e transformá-las em uma estrutura simples, agradável e de fácil navegação."
Organização da Informação!
Princípios gerais
- Navegabilidade
- Acessibilidade
- Usabilidade
O Arquiteto da Informação
Responsável por organizar toda a informação obtida nas etapas de planejamento e organiza-las de modo que se tornem um site fácil de ser entendido, acessível por diversos públicos e dispositivos.
É importante entender bem o contexto no qual o site está inserido, o conteúdo que será disposto e também o público-alvo e suas muitas particularidades (navegadores, sistemas operacionais, limitações, dispositivos...) para que o trabalho de arquitetura da informação possa ser bem executado.
Relação
Contexto
Usuários
Conteúdo
AI
Sitemap
O que é?
Representação gráfica da estrutura de um website, suas páginas e o caminho mais simples a ser percorrido pelo usuário para se chegar a cada “página” pretendida.
Para que serve?
Mostrar as relações entre as “páginas”, exibindo seus caminhos de navegação e as definições de nomes para seções e páginas.
Estrutural
Navegável
Wireframe
O que é?
Um documento da Arquitetura de Informação que apresenta um guia visual básico para auxiliar na definição da estrutura de um site.
Para que serve?
Ajuda a entender a hierarquia das informações que farão parte do site e estruturá-las de maneira eficiente e com foco nas necessidades do projeto.
Esboço
Baixa fidelidade
Alta fidelidade
Ferramentas
Desktop
- Adobe Fireworks
- Adobe Photoshop
- Adobe Muse
- Microsoft Visio
- Axure RP
- SmartDraw
Apps Online
- MockFlow: http://www.mockflow.com/
- Wireframe.cc: https://wireframe.cc/
- Moqups: https://moqups.com/
Estudo de Caso
Atividade
- Pesquisa e observação
- Portais, e-commerce, blogs, etc
- Analisar principais características da página inicial do site, como:
- Navegação
- Facilidade de uso
- Espaços publicitários
- Organização e exibição de conteúdo
Atividade
- Escolher um site
- Desenvolver:
- Esboço (no papel)
- Wireframe (em uma ferramenta ou App Online)
Arquitetura da Informação
By Tiago Bezerra dos Santos
