50
Quepasa 1 Análise de usabilidade e negócio Aquitetura de Informação

Apresentacao arquitetura

Embed Size (px)

DESCRIPTION

Apresentação sobre arquitetura de informação para o pessoal da agência júnior da UNB.

Citation preview

Page 1: Apresentacao arquitetura

Quepasa 1Análise de usabilidade e negócio

Aquitetura de Informação

Page 2: Apresentacao arquitetura

2Arquitetura de Informação

Quem é esse estranho que veio falar sobre algo estranho?

Page 3: Apresentacao arquitetura

3Arquitetura de Informação

Já fui sobrinho

Page 4: Apresentacao arquitetura

4Arquitetura de Informação

Já fui webmasterAquele assinava o rodapé dos sites

Page 5: Apresentacao arquitetura

5Arquitetura de Informação

E o webmaster morreu

Page 6: Apresentacao arquitetura

6Arquitetura de Informação

Por onde andei

AgênciaClick – InterfaceMinistério da Cultura – Arquiteto de InformaçãoMens (Atual Casanova) – Arquiteto de Informação TV1 – Arquiteto de Informação

e atualmente estou conversando na Talk

Page 7: Apresentacao arquitetura

7Arquitetura de Informação

Alguns clientes que já atendi

Banco do Brasil Brasil Telecom Caixa Econômica Federal

Ministério do Turismo Bancorbras Ministério da Cultura Via Engenharia GDF CNA Prefeitura de São

Paulo SESI Correio Braziliense Católica Virtual

Page 8: Apresentacao arquitetura

O que faz umarquiteto de informação?

Page 9: Apresentacao arquitetura

9Arquitetura de Informação

“Às vezes é muito difícil as pessoas entenderem o que deve ser feito. Então eu desenho! Sou a desenhista lá da firma.”

Andressa Vieira, especialista em Usabilidade da Mapa Digital

Page 10: Apresentacao arquitetura

10Arquitetura de Informação

“Vó, sabe quando a gente faz risquinhos na parede com um lápis antes de usar a furadeira, pra não furar errado? Então, eu faço esses risquinhos, só que nos sites.”

Fabrício Teixeira, arquiteto de informação da AgênciaClick

Page 11: Apresentacao arquitetura

... em outras palavras

Não faça o usuário pensar

Page 12: Apresentacao arquitetura

Deixar o conteúdo organizado para fácil acesso

Page 13: Apresentacao arquitetura

Adequar o nível de experiência ao público-alvo

Page 14: Apresentacao arquitetura

Não deixar a interface assustá-lo.

... em outras palavras

Page 15: Apresentacao arquitetura

Quais são os pilares que sustentam um arquiteto de informação?

Page 16: Apresentacao arquitetura

16Arquitetura de Informação

Organização classificação, hierarquização e diagramação

Comunicação clareza, concisão e coerência

Sensibilidade altruísmo, psicologia e experimentação

Page 17: Apresentacao arquitetura

17Arquitetura de Informação

... pensar na melhor interface possível para a tarefa...

e também é...

Page 18: Apresentacao arquitetura

18Arquitetura de Informação

... correr atrás do próprio briefing...

Page 19: Apresentacao arquitetura

19Arquitetura de Informação

... privilegiar a pesquisa de usuário...

Page 20: Apresentacao arquitetura

20Arquitetura de Informação

... lutar pela entrega do melhor produto!

Page 21: Apresentacao arquitetura

Quais são os componentes da AI?

Page 22: Apresentacao arquitetura

22Arquitetura de Informação

Sistema de organização

Sistema de navegação

Sistema de rotulação

Sistema de busca

Page 23: Apresentacao arquitetura

23Arquitetura de Informação

Sistema de organização

Page 24: Apresentacao arquitetura

24Arquitetura de Informação

Sistema de organização

Page 25: Apresentacao arquitetura

25Arquitetura de Informação

Sistema de organização

Page 26: Apresentacao arquitetura

26Arquitetura de Informação

Sistema de navegação

Page 27: Apresentacao arquitetura

27Arquitetura de Informação

Sistema de navegação

Page 28: Apresentacao arquitetura

28Arquitetura de Informação

Sistema de navegação

Page 29: Apresentacao arquitetura

29Arquitetura de Informação

Sistema de rotulação

Page 30: Apresentacao arquitetura

30Arquitetura de Informação

Sistema de rotulação

Page 31: Apresentacao arquitetura

31Arquitetura de Informação

Sistema de busca

Page 32: Apresentacao arquitetura

32Arquitetura de Informação

Sistema de busca

Page 33: Apresentacao arquitetura

33Arquitetura de Informação

Sistema de busca

Page 34: Apresentacao arquitetura

Como é o trabalho do Arquiteto de informação?

Page 35: Apresentacao arquitetura

35Arquitetura de Informação

Pesquisa

Concepção

Especificação

Acompanhamento

Page 36: Apresentacao arquitetura

36Arquitetura de Informação

Estudo EtnográficoEstudo do comportamento do usuário utilizando o produto no seu ambiente

Maior entendimento da relação

usuário-produto

Avaliar as dificuldades e facilidades que o usuário tem com o produto

Pesquisa

Page 37: Apresentacao arquitetura

37Arquitetura de Informação

Grupos de FocoOs grupos de focos ou discussão em grupo ajuda a levantar as necessidades das pessoas, desejos, sentimentos, valores, idéias.

Pesquisa

Page 38: Apresentacao arquitetura

38Arquitetura de Informação

Criação de personasEstimula a imaginação e incentiva a criação de alternativas viáveis de projeto

Conhecimento mais amplo do público-alvo

Melhor entendimento dos objetivos dos usuários com o produto

Permite pensar na interação com o produto antes da criação

Concepção

Page 39: Apresentacao arquitetura

39Arquitetura de Informação

CardsortingObjetiva levantar como usuários do público-alvo organizam as informações da forma que faça mais sentido para eles

Contribuir para estruturas mais adequadas ao

modelo mental dos usuários

Avaliar um novo modelo de categorização e identificar itens que são difíceis de classificar

Concepção

Page 40: Apresentacao arquitetura

40Arquitetura de Informação

RabiscoframePara representar a organização, diagramação e funcionamento dos elementos de uma página

Mais liberdade na hora da criação

Facilita a refação

Rápido e prático, bom para reuniões com brainstorm

Concepção

Page 41: Apresentacao arquitetura

41Arquitetura de Informação

Wireframe no AxurePara representar a organização, diagramação e funcionamento dos elementos de uma página

Protótipo de alta fidelidade

Protótipo navegável: permite navegar no site e interagir com as funcionalidades da página

Especificação

Page 42: Apresentacao arquitetura

42Arquitetura de Informação

Teste de usabilidadeExpor resultados do teste de usabilidade do site e apresentar recomendações

Apresentar as dificuldades que o usuário

encontra no site

Sugerir soluções para os problemas encontrados

Acompanhamento

Page 43: Apresentacao arquitetura

43Arquitetura de Informação

Eye tracking / Mapa de calor

Acompanhamento

Page 44: Apresentacao arquitetura

44Arquitetura de Informação

Eye tracking / Mapa de calor

Acompanhamento

crazyegg

Page 45: Apresentacao arquitetura

45Arquitetura de Informação

Avaliação heurística

Acompanhamento

Clareza dos objetivos;

Falar a linguagem dos usuários;

Adequação ao modelo mental dos

usuários;

Consistência e padrões;

Prevenção de erros;

Reconhecimento em vez de lembrança;

Flexibilidade e eficiência de uso;

Estética e design minimalista;

Mensagens de erros;

Ajuda e documentação.

Page 46: Apresentacao arquitetura

46Arquitetura de Informação

Bom senso já é um grande começo para você se tornar um bom arquiteto de informação

Page 47: Apresentacao arquitetura

47Arquitetura de Informação

Então podemos concluir que...

"A arte e a ciência de estruturar, organizar e rotular informações para ajudar as pessoas a encontrar e gerenciar informações“

Louis Rosenfeld e Peter Morville

Page 48: Apresentacao arquitetura

48Arquitetura de Informação

Blogs, livros, links, cursos e eventos

Page 49: Apresentacao arquitetura

49Arquitetura de Informação

Algumas dicas

Trabalhe muito para se tornar um bom profissional;

Vá com tudo quando tomar uma decisão de trabalhar em algum lugar;

Não seja certinho demais e não tenha medo de ser mandado embora;

Seja especialista em alguma coisa que todos vão lembrar de você;

Trabalhe por amor, e não por dinheiro.

Page 50: Apresentacao arquitetura

Obrigado

Rogério Pereira

Site: www.rogeriopa.com

Twitter: rogeriopa

E-mail: [email protected]