Este documento fornece uma introdução à arquitetura de informação, definindo-a como a arte e ciência de estruturar e classificar websites e intranets para ajudar as pessoas a encontrar e gerenciar informação de forma intuitiva. Ele explica que a arquitetura de informação combina esquemas de organização, nomeação e navegação para facilitar o acesso ao conteúdo e a realização de tarefas. Além disso, destaca a importância de pesquisar o contexto, os usuários e o conteúdo para desenvolver uma estrut
4. Arquitetura de
Informação
O que é
É a arte e a ciência de estruturar e classificar
websites e intranets a fim de ajudar as pessoas
a encontrar e a gerenciar informação.
(Peter Morville & Louis Rosenfeld, in Information Architecture for
the World Wide Web)
5. Arquitetura de
Informação
O que é
Combinação entre esquemas de organização,
nomeação e navegação
dentro de um sistema de informação.
(Peter Morville & Louis Rosenfeld, in Information Architecture for
the World Wide Web)
6. Arquitetura de
Informação
Para que serve?
Facilitar a realização de tarefas
e o acesso intuitivo a contextos e conteúdos.
(Peter Morville & Louis Rosenfeld, in Information Architecture for
the World Wide Web)
8. Arquitetura de
Informação
Sabe quando você A tarefa do Arquiteto de
entra num site e Informação é trabalhar
fica perdido? para que isso não
aconteça.
9. Arquitetura de
Informação
AI enquanto etapa de um projeto web
Plano de AI design desenvolvimento
negócios
11. Arquitetura de
Informação
Contexto
Entender as estratégias e oportunidades de negócio,
os processos e a cultura da empresa, o background do projeto
e os recursos disponíveis para sua realização
Usuários
Design centrado no usuário > Considerar as necessidades do usuário final
e entender seus tipos de comportamento em busca da informação
Conteúdo
Levantar a natureza e a quantidade de conteúdo a ser desenvolvido
para o projeto, projetar possíveis cenários para o crescimento do site
12. Arquitetura de
Informação
Por que pesquisar o Contexto:
- Entender os objetivos do negócio e metas corporativas
- Descobrir o “reason why” do projeto
- Saber qual é o público-alvo
-Levantar todos os stakeholders envolvidos
- Identificar as restrições do projeto
- Avaliar erros e sucessos anteriores
- Olhar para o que está feito no mercado (benchmark funcional)
> Focado nas funcionalidades e experiências de uso dos sites concorrentes
13. Arquitetura de
Informação
10 perguntas para descobrir o Contexto
(briefing multidisciplinar)
Quais os objetivos a curto, médio e longo prazo?
Qual é o modelo de negócio? Quais são as políticas?
Quem é o público-alvo?
Que tipo de tarefas os usuários poderão realizar?
Porque os usuários visitarão o site? Porque voltarão?
Qual o orçamento e o cronograma do projeto?
Como o conteúdo será criado e gerido?
Qual a infraestrutura técnica?
O que funcionou e o que deu errado no passado?
O que deixei de perguntar?
14. Arquitetura de
Informação
Por que pesquisar o Usuário
Os usuários são os designers
definitivos da web.
(Peter Morville & Louis Rosenfeld, in Information Architecture for
the World Wide Web)
15. Arquitetura de
Informação
Algumas técnicas
Pesquisa quantitativa e qualitativa
Questionário
Grupos de Foco
Pesquisa de Campo
Análise da Tarefa
Personas
Testes de usabilidade
08/03/13
16. Arquitetura de
Informação
Sistema de navegação
Navegação “embedded”
(formada pelos elementos de navegação
que são apresentados integrados ao site.
O objetivo é oferecer contexto e flexibilidade)
17. Arquitetura de
Informação
Sistema de navegação
Navegação “embedded”
Logotipo
Barra de Navegação Global
Menu local
Bread Crumb
Cross content (conteúdo cruzado)
18. Arquitetura de
Informação
Sistema de navegação
Navegação suplementar
(sua função é oferecer caminhos
complementares para se encontrar
o conteúdo e realizar tarefas)
Mapa do Site
Índices (A-Z)
Rodapés
Guias e Tutoriais
19. Arquitetura de
Informação
Mapa do site
O mapa do site é o mapa da arquitetura
e inclui todas as páginas e seções de conteúdo.
Este documento será o guia para o
desenvolvimento do projeto,
desde a criação de wireframes até a entrega.
20. Arquitetura de
Informação
Wireframes
É o rascunho das páginas do site.
Deve mostrar quais os elementos de navegação,
quais os elementos de maior destaque do conteúdo e
a ordenação e o agrupamento de componentes do
conteúdo, além de como priorizá-los.
Pode indicar mas não define o posicionamento dos
elementos na tela ou os estilos
http://www.ivogomes.com/blog/wireframes/
24. Arquitetura de
Informação
Softwares para criação de wireframes
Axure Gliffy
http://www.axure.com/ www.gliffy.com
Microsoft Visio Omni Graffle
http://office.microsoft.com/en- http://www.omnigroup.com/applications/omnigraffl
us/FX010857981033.aspx e/