palestra - arquitetura da informação em agências digitais

75
arquitetura da informação em agências digitais

Upload: jose-roberto-nascimento-junior

Post on 06-Jul-2015

1.112 views

Category:

Education


5 download

DESCRIPTION

Palestra apresentada no Centro Universitário UNIFIEO em Osasco, Outubro de 2009.

TRANSCRIPT

Page 1: Palestra - Arquitetura da informação em agências digitais

arquitetura da informaçãoem agências digitais

Page 2: Palestra - Arquitetura da informação em agências digitais

1 dados importantes

2 componentes da a.i.

3 fases e ferramentas3 fases e ferramentas

4 equipe envolvida

5 livros recomendados

Page 3: Palestra - Arquitetura da informação em agências digitais

dados importantes

Page 4: Palestra - Arquitetura da informação em agências digitais

Cinco exabytes (5.000.000.000.000 Mbytes) de informação nova foram produzidos no mundo apenas no ano de 2002, o equivalente a 800 MB para cada habitante da terra. UNIVERSITY OF CALIFORNIA AT BERKELEY (2003)

Em fevereiro de 2007 existiam mais de 108 milhões de websites na Internet, surgindo mais milhões de websites na Internet, surgindo mais de 1 milhão de novos websites por mês.

NETCRAFT ( 2007)

Uma edição do The New York Times em um dia de semana contém mais informação que o comum dos mortais poderia receber durante toda a vida na Inglaterra do século XVII.

WURMAN (1991)

Page 5: Palestra - Arquitetura da informação em agências digitais

Cinco exabytes (5.000.000.000.000 Mbytes) de informação nova foram produzidos no mundo apenas no ano de 2002, o equivalente a 800 MB para cada habitante da terra. UNIVERSITY OF CALIFORNIA AT BERKELEY (2003)

Em fevereiro de 2007 existiam mais de 108 milhões de websites na Internet, surgindo mais milhões de websites na Internet, surgindo mais de 1 milhão de novos websites por mês.

NETCRAFT ( 2007)

Uma edição do The New York Times em um dia de semana contém mais informação que o comum dos mortais poderia receber durante toda a vida na Inglaterra do século XVII.

WURMAN (1991)

Page 6: Palestra - Arquitetura da informação em agências digitais

Cinco exabytes (5.000.000.000.000 Mbytes) de informação nova foram produzidos no mundo apenas no ano de 2002, o equivalente a 800 MB para cada habitante da terra. UNIVERSITY OF CALIFORNIA AT BERKELEY (2003)

Em fevereiro de 2007 existiam mais de 108 milhões de websites na Internet, surgindo mais milhões de websites na Internet, surgindo mais de 1 milhão de novos websites por mês.

NETCRAFT ( 2007)

Uma edição do The New York Times em um dia de semana contém mais informação que o comum dos mortais poderia receber durante toda a vida na Inglaterra do século XVII.

WURMAN (1991)

Page 7: Palestra - Arquitetura da informação em agências digitais

Cinco exabytes (5.000.000.000.000 Mbytes) de informação nova foram produzidos no mundo apenas no ano de 2002, o equivalente a 800 MB para cada habitante da terra. UNIVERSITY OF CALIFORNIA AT BERKELEY (2003)

Em fevereiro de 2007 existiam mais de 108 milhões de websites na Internet, surgindo mais milhões de websites na Internet, surgindo mais de 1 milhão de novos websites por mês.

NETCRAFT ( 2007)

Uma edição do The New York Times em um dia de semana contém mais informação que o comum dos mortais poderia receber durante toda a vida na Inglaterra do século XVII.

WURMAN (1991)

Page 8: Palestra - Arquitetura da informação em agências digitais

DesordemExemplo de um ambiente de informação não planejado.

Biblioteca desorganizada.Biblioteca desorganizada.

As informações estão todas ali. Quem desenvolveu e quem comprou sabe, mas o usuário não.

Page 9: Palestra - Arquitetura da informação em agências digitais

DesordemExemplo de um ambiente de informação não planejado.

Biblioteca desorganizada.Biblioteca desorganizada.

As informações estão todas ali. Quem desenvolveu e quem comprou sabe, mas o usuário não.

Page 10: Palestra - Arquitetura da informação em agências digitais

OrdemExemplo de um ambiente de informação planejado.

Biblioteca que divide os livros por:Biblioteca que divide os livros por:- tema;- sobrenome e nome do autor;- título do livro.

É um processo da AI chamado categorização.

Page 11: Palestra - Arquitetura da informação em agências digitais

OrdemExemplo de um ambiente de informação planejado.

Biblioteca que divide os livros por:Biblioteca que divide os livros por:- tema;- sobrenome e nome do autor;- título do livro.

É um processo da AI chamado categorização.

Page 12: Palestra - Arquitetura da informação em agências digitais

Onde eu compro um liquidificador?

Page 13: Palestra - Arquitetura da informação em agências digitais

Onde eu compro um liquidificador?

Page 14: Palestra - Arquitetura da informação em agências digitais

Escolha saudável

Page 15: Palestra - Arquitetura da informação em agências digitais

Empréstimo ou financiamento?

Page 16: Palestra - Arquitetura da informação em agências digitais

Empréstimo ou financiamento?

Page 17: Palestra - Arquitetura da informação em agências digitais

A forma segue a função

Yamanote - Tóquio O trabalho do arquiteto é evidenciar as informações mais importantes e retirar as

O princípio do design funcionalista resume a necessidade da AI.

informações mais importantes e retirar as que não são necessárias.

Page 18: Palestra - Arquitetura da informação em agências digitais

A forma segue a funçãoO princípio do design funcionalista resume a necessidade da AI.

Usuário

- Moradores de Tóquio;

- Viajantes;

- Turistas.- Turistas.

Conteúdo

- Seqüência e a identidade das paradas;

- A linha circunda a cidade de Tóquio.

Contexto

- Para o usuário não importa as voltas e curvas que o trem faz;

- Em Tóquio o Palácio Imperial é um importante ponto de referência;

- O desenho lembra o símbolo Yin-Yang em alusão as culturas orientais.

Page 19: Palestra - Arquitetura da informação em agências digitais

15 7515 75

Page 20: Palestra - Arquitetura da informação em agências digitais

componentes da a.i.

Page 21: Palestra - Arquitetura da informação em agências digitais

Pilares da A.I.

Contexto

AI

Page 22: Palestra - Arquitetura da informação em agências digitais

A arquitetura de informação afeta diretamente oscustos de encontrar uma informação e de nãoencontrá-la, os custos de construção e manutençãodos web sites, os custos de treinamentos defuncionários e até a valorização da marca. MORVILLE ( 2004)

Cerca de 53% das causas de insucesso das vendas deum web site de comércio eletrônico são porque oum web site de comércio eletrônico são porque ousuário simplesmente não conseguiu encontrar o itemque procurava. VIVINDECE RESEARCH

Nas empresas os custos relativos a busca deinformação inexistente, falha em encontrarinformação existente ou recriar informação nãoencontrada é da ordem de 15 milhões de dólares.IDC (2001)

Page 23: Palestra - Arquitetura da informação em agências digitais

A arquitetura de informação afeta diretamente oscustos de encontrar uma informação e de nãoencontrá-la, os custos de construção e manutençãodos web sites, os custos de treinamentos defuncionários e até a valorização da marca. MORVILLE ( 2004)

Cerca de 53% das causas de insucesso das vendas deum web site de comércio eletrônico são porque oum web site de comércio eletrônico são porque ousuário simplesmente não conseguiu encontrar o itemque procurava. VIVINDECE RESEARCH

Nas empresas os custos relativos a busca deinformação inexistente, falha em encontrarinformação existente ou recriar informação nãoencontrada é da ordem de 15 milhões de dólares.IDC (2001)

Page 24: Palestra - Arquitetura da informação em agências digitais

A arquitetura de informação afeta diretamente oscustos de encontrar uma informação e de nãoencontrá-la, os custos de construção e manutençãodos web sites, os custos de treinamentos defuncionários e até a valorização da marca. MORVILLE ( 2004)

Cerca de 53% das causas de insucesso das vendas deum web site de comércio eletrônico são porque oum web site de comércio eletrônico são porque ousuário simplesmente não conseguiu encontrar o itemque procurava. VIVINDECE RESEARCH

Nas empresas os custos relativos a busca deinformação inexistente, falha em encontrarinformação existente ou recriar informação nãoencontrada é da ordem de 15 milhões de dólares.IDC (2001)

Page 25: Palestra - Arquitetura da informação em agências digitais

A arquitetura de informação afeta diretamente oscustos de encontrar uma informação e de nãoencontrá-la, os custos de construção e manutençãodos web sites, os custos de treinamentos defuncionários e até a valorização da marca. MORVILLE ( 2004)

Cerca de 53% das causas de insucesso das vendas deum web site de comércio eletrônico são porque oum web site de comércio eletrônico são porque ousuário simplesmente não conseguiu encontrar o itemque procurava. VIVINDECE RESEARCH

Nas empresas os custos relativos a busca deinformação inexistente, falha em encontrarinformação existente ou recriar informação nãoencontrada é da ordem de 15 milhões de dólares.IDC (2001)

Page 26: Palestra - Arquitetura da informação em agências digitais

fases e ferramentas

Page 27: Palestra - Arquitetura da informação em agências digitais

fase de pesquisa

Page 28: Palestra - Arquitetura da informação em agências digitais

fase de pesquisaPesquisar e analisar as informações sobre os usuários, suas necessidades e o seu ambiente para definir o escopo e os requisitos do projeto.

Page 29: Palestra - Arquitetura da informação em agências digitais

Reunião

objetivo do negóciorequisitos de implementaçãoanálise de tarefas

Page 30: Palestra - Arquitetura da informação em agências digitais

o que deve ser feitoentender o objetivo do negóciocoletar o briefingconhecer o status atualidentificar o público-alvotomar um café com o cliente

Page 31: Palestra - Arquitetura da informação em agências digitais

o que deve ser feitoentender o objetivo do negóciocoletar o briefingconhecer o status atualidentificar o público-alvotomar um café com o cliente

feito isso...

Page 32: Palestra - Arquitetura da informação em agências digitais

Benchmark

análise da concorrênciapontos fracos, fortestestes

Page 33: Palestra - Arquitetura da informação em agências digitais

ferramentasexcelpower pointanálise críticatestes com usuáriosgoogle trends

ferramentas

Page 34: Palestra - Arquitetura da informação em agências digitais

Click heat

Page 35: Palestra - Arquitetura da informação em agências digitais

Click heat

Page 36: Palestra - Arquitetura da informação em agências digitais

ferramentaswww.labsmedia.com/clickheat/blog.robotreplay.com/www.useitbetter.com/screencasts/

ferramentas

Page 37: Palestra - Arquitetura da informação em agências digitais

Cronograma

Page 38: Palestra - Arquitetura da informação em agências digitais

ferramentasMs Project

ferramentas

Page 39: Palestra - Arquitetura da informação em agências digitais

Eye tracking

comportamento do usuáriopsicologia cognitiva

Page 40: Palestra - Arquitetura da informação em agências digitais

Eye tracking

Page 41: Palestra - Arquitetura da informação em agências digitais

Eye tracking

Page 42: Palestra - Arquitetura da informação em agências digitais

Eye tracking

Page 43: Palestra - Arquitetura da informação em agências digitais

Eye tracking

Page 44: Palestra - Arquitetura da informação em agências digitais

Eye tracking

Page 45: Palestra - Arquitetura da informação em agências digitais

Eye tracking

Page 46: Palestra - Arquitetura da informação em agências digitais

Eye tracking

Page 47: Palestra - Arquitetura da informação em agências digitais

47 7547 75

Page 48: Palestra - Arquitetura da informação em agências digitais

Eye tracking – gaze plot

Page 49: Palestra - Arquitetura da informação em agências digitais

Eye tracking – permanência

Page 50: Palestra - Arquitetura da informação em agências digitais

Eye tracking – permanência

Page 51: Palestra - Arquitetura da informação em agências digitais

é melhor terceirizar o serviço...

ferramentas

Page 52: Palestra - Arquitetura da informação em agências digitais

fase de concepção

Page 53: Palestra - Arquitetura da informação em agências digitais

fase de concepçãoFase eminentemente criativa com o objetivo de conceber a visão macro da solução.

Page 54: Palestra - Arquitetura da informação em agências digitais

Card Sorting

taxonomialinguagem do usuáriosistema de rotulação

Page 55: Palestra - Arquitetura da informação em agências digitais

Card Sorting

Page 56: Palestra - Arquitetura da informação em agências digitais

Card Sorting

Page 57: Palestra - Arquitetura da informação em agências digitais

cartões preenchidoscartões em brancocaneta

ferramentas

Page 58: Palestra - Arquitetura da informação em agências digitais

Paper prototype

testar os protótipos em papelcom usuários para verificação deconsistência e funcionalidades

Page 59: Palestra - Arquitetura da informação em agências digitais

ferramentasbalsamiq mockupsiPlotzAxureMS Visiopapel

ferramentas

Page 60: Palestra - Arquitetura da informação em agências digitais

nesta etapa...definir o sistema de organizaçãoo sistema de buscao de navegaçãoe de rotulação

nesta etapa...

Page 61: Palestra - Arquitetura da informação em agências digitais

fase de especificação

Page 62: Palestra - Arquitetura da informação em agências digitais

62 7562 75

Page 63: Palestra - Arquitetura da informação em agências digitais

fase de especificaçãoDetalhar a visão macro da solução em documentos e diagramas que explicam como construir o web site.

Page 64: Palestra - Arquitetura da informação em agências digitais

Sistemas de navegação e rotulação

Page 65: Palestra - Arquitetura da informação em agências digitais

wireframe – baixa fidelidade

Page 66: Palestra - Arquitetura da informação em agências digitais

wireframe – média fidelidade

Page 67: Palestra - Arquitetura da informação em agências digitais

ferramentasMicrosoft visioAxureiPlotzBalsamiq mockups

ferramentas

Page 68: Palestra - Arquitetura da informação em agências digitais

ferramentasMicrosoft visio-> Axure

iPlotzBalsamiq mockups

ferramentas

Page 69: Palestra - Arquitetura da informação em agências digitais

mais documentaçõescontrole de vocabuláriogestão de conteúdoanálise heurística

mais documentações

Page 70: Palestra - Arquitetura da informação em agências digitais

equipe envolvida

Page 71: Palestra - Arquitetura da informação em agências digitais

Pesquisa

- AI;

- Planejamento;

- Atendimento;

Concepção

- AI;

equipe envolvida

Implementação

- AI;

- DA

- Designers;

- Estruturador CSS;

- GP;

- Atendimento.- AI;

- Planejamento;

- Diretor de Arte;

- Redator web;

Especificação

- AI;

- Redator Web;

- DA;

- GP.

- GP Programação.

- Atendimento.

Avaliação

- AI;

- Planejamento;

- GP;

- Equipe de desenvolvimento.

Page 72: Palestra - Arquitetura da informação em agências digitais

livros recomendados

Page 73: Palestra - Arquitetura da informação em agências digitais

Information Architecture for the World Wide Web

Louis Rosenfeld

Peter Morville

livros recomendados

Projetando websites Projetando websites com usabilidadeProjetando websites

Jackob Nielsen

Projetando websites com usabilidade

Jackob Nielsen

Hoa Loranger

Design para a internet

Felipe Memória

Não me faça pensar

Steve Krug

Page 74: Palestra - Arquitetura da informação em agências digitais

74757475

Page 75: Palestra - Arquitetura da informação em agências digitais

obrigado

@zerojunior

[email protected]

zerojunior.com/ai

José Roberto N. Junior – Outubro de 2009

@zerojunior

zerojunior

zerojr

zerojunioretc

créditos de trabalhos apresentados: agência VM2 (www.vm2.com.br)