Slide 1 - Marcus Silva

Arquitetura de
Informação
Definições
• O tripé da AI (conteúdo, usuários e
contexto)
• Papel do arquiteto
• Anatomia de um site
•
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)
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)
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)
Arquitetura de
Informação
Para que serve?
Ela torna o complexo, claro.
Richard Saul Wurman (1997)
Arquitetura de
Informação
Ciclo de vida da AI em um projeto web
Coleta de dados
AI
Design
Desenvolvimento
Arquitetura de
Informação
Os 3 pilares da AI:
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 (documentos, formatos/tipos, metadados, estrutura
existente) e a quantidade de conteúdo a ser desenvolvido para o projeto,
projetar possíveis cenários para o crescimento do site.
Arquitetura de
Informação
Por que pesquisar o Contexto:
- Entender os objetivos do negócio e metas corporativas
- Descobrir a “razão de ser” 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
Arquitetura de
Informação
10 perguntas para descobrir o Contexto
(briefing multidisciplinar)
1.
2.
Quais os objetivos a curto, médio e longo prazo?
Qual é o modelo de negócio? Quais são as políticas?
3.
4.
5.
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?
6.
Qual o orçamento e o cronograma do projeto?
7.
Como o conteúdo será criado e gerido?
8.
9.
Qual a infraestrutura técnica?
O que funcionou e o que deu errado no passado?
10. O que deixei de perguntar?
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)
Arquitetura de
Informação
Por que pesquisar o Conteúdo?
•
•
•
•
Facilitar o acesso à informação;
Balancear as características e necessidades dos
usuários e o contexto;
Evidenciar as informações importantes;
Retirar as informações desnecessárias.
Arquitetura de
Informação
Sistemas da Arquitetura da Informação:
A Arquitetura da Informação possui 4 sistemas, cada
um possuindo suas próprias regras e características e
quando reunidas servem para organizar o ambiente
informacional de um website.
Rosenfeld e Morville (2006)
Arquitetura de
Informação
•
Sistemas de organização:
• assunto, cronologia, hierarquia etc.
•
Sistemas de rotulagem:
• termo técnico, termo leigo etc.
•
Sistemas de navegação:
• global, contextual, local.
•
Sistemas de busca:
• Interface de busca, algoritmo, linguagem de
busca, áreas de busca, resultado.
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.
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.
Arquitetura de
Informação
Alguns riscos do wireframe
Riscos
– Não atender as expectativas dos clientes, empresas ou instituições, que estão
longe dos conceitos mais básicos da AI, sentindo–se assim mais confortáveis
em aprovar layouts de designers, por serem peças com grande impacto gráfico.
– Acomodar a equipe de criação de modo que os designers, por falta de tempo
hábil ou insegurança, não mais inovem em seus projetos e sigam as indicações
do wireframe à risca.
– Por não ser desenhado na exata escala em que será construído o site, pode
gerar desencontros de entendimento da relevância de cada elemento na
composição da página e seu impacto de visualização.
– Necessita de tempo, educação e insistência de uso até tornar–se
corretamente entendido pelos profissionais envolvidos nas etapas de cada
projeto.
Arquitetura de
Informação
Vantagens
– Facilita a aplicação de conceitos de usabilidade já testados
e comprovadamente eficientes.
– Auxilia a equipe de desenvolvimento e programação na
tarefa de produzir o site de maneira mais rápida, padronizada
e eficiente.
– Após a implantação do site, os wireframes auxiliam nos
testes de usabilidade e mostram efetivamente o que deve ser
refeito em cada uma das páginas.
– Funciona como uma documentação do site e deve ser
consultado antes de cada modificação posterior, para prever
impactos na arquitetura e funcionalidade.
Ver exemplo do Wireframe e layout da CNN, já no material do Moodle
Arquitetura de
Informação
Softwares para criação de wireframes
Axure
http://www.axure.com/
Microsoft Visio
http://office.microsoft.com/enus/FX010857981033.aspx
Gliffy
www.gliffy.com
OmniGraffle
http://www.omnigroup.com/applications/omnigraffle/
Pencil
http://pencil.evolus.vn/
• Ferramentas online:
• http://www.mockflow.com/
• https://gomockingbird.com/