Arquitetura de Informaçãoe UsabilidadeJoão de Freitas

joaodefreitastwitter.com/facebook.com/

eu:

O que é Arquitetura de InformaçãoO que é UsabilidadeComportamento dos UsuáriosProcessos, Metodologias e EntregáveisCompetências

Introdução

Definindo: Navegação

O hipertexto da Web aplica a possibilidade de saltos a partir de ramificações de conteúdos e entre diversos níveis de informações. “ ”

Rosenfeld e Morville

Navegação não é só na Web!

História

Paixão da sua vida: tornar a informação fácil de se compreender.

Richard Saul Wurman

Nascimento: 1935, Philadelphia, PA

Publicou seu primeiro livro em 1962 aos 26 anos.

Criou o termo Arquitetura de Informação em 1976

Desenho de wireframes e

mapas do site

Design estrutural da informação (vocabulário controlado / taxonomia)

Designers Bibliotecários

“As pessoas estão prevendo o fim das hierarquias desde o início das

hierarquias. Mas as hierarquias não estão deixando de existir”

“Nossa área é muito nova e incipiente para qualquer um afirmar que sabe tudo. [...] Se você quer conselhos sobre AI, evite pessoas que dizem ter todas as respostas”

História

Autores: Louis Rosenfeld e Peter Morville.

Em 1998 foi lançada a primeira versão do livro mais famoso da área “Livro do Urso Porlar”.

Arquitetura de Informação:

Arquitetura de Informação:

Transformar o complexo

em algo simples

Arquitetura de Informação:

Exercício

Quantos vezes o número 9 aparece abaixo?

Quantos vezes o número 9 aparece abaixo?

858143952590613363537873464568776650968459429719115449522648941007624872739293144821041121475387983937236573091651320322555834226221921864134835407456588871151617288023969519886660377067470328

Quantos vezes o número 9 aparece abaixo?

858143952590613363537873464568776650968459429719115449522648941007624872739293144821041121475387983937236573091651320322555834226221921864134835407456588871151617288023969519886660377067470328

. .)

Quantos vezes o número 9 aparece abaixo?

Quantos vezes o número 9 aparece abaixo?

858143952590613363537873464568776650968459429719115449522648941007624872739293144821041121475387983937236573091651320322555834226221921864134835407456588871151617288023969519886660377067470328

Quantos vezes o número 9 aparece abaixo?

858143952590613363537873464568776650968459429719115449522648941007624872739293144821041121475387983937236573091651320322555834226221921864134835407456588871151617288023969519886660377067470328

. .)

Objetivo: não passar mais por isso.

Se a minha mãe perguntar o que faço? Simplesmente respondo que trabalho com internet, pois sei que não vai entender mesmo.

Para o meu pai, trabalho com computador e já basta.“

”Rogério Pereira, Arquiteto de Informação

Fundamentos da AI

ARQUITETURA DE INFORMAÇÃOAula 1 - João de Freitas24h

Fundamentos

Contexto

★ Tecnologias★ Recursos

★ Objetivos do projeto★ Exigências e expectativas

★ Restrições

Fundamentos

Conteúdo

★ Volume★ Estrutura

★ Documentos★ Tipos de dados

★ Ferramentas ou aplicações

Fundamentos

Usuário

★ Necessidades★ Busca de Informações

★ Público★ Tarefas

★ Experiência★ Comportamento★ Contexto de Uso

Fundamentos

UsuáriosContexto Conteúdo

Fundamentos

Usuários

Contexto

Conteúdo

Usuários

Contexto

Conteúdo

Ecologia da Informação

Sistemas de OrganizaçãoSistemas de NavegaçãoSistemas de RotulaçãoSistemas de Busca

Princípios da AI

Sistemas de Organização

Sistemas de OrganizaçãoDetermina o agrupamento e a forma de categorizar as informações.

Sistemas de Organização

Sistemas de Organização

Sistemas de Organização

Sistemas de Organização

Sistemas de Organização

. .)

Sistemas de Organização

Sistemas de Organização

Sistemas de Organização

Sistemas de Navegação

Sistemas de NavegaçãoEspecifica as maneiras de navegar, de se mover dentro

do espaço informacional e hipertextual.

Sistemas de Navegação

Sistemas de Navegação

..)

Sistemas de Navegação

Sistemas de Navegação

..)

Sistemas de Navegação

Sistemas de Navegação

Sistemas de Navegação Local

Sistema de Navegação Global

Sistema de Navegação Global

Sistemas de Navegação Local

Sistemas de Rotulação

Sistemas de RotulaçãoEstabelece as formas de apresentação da informação,

definindo “rótulos” para os elementos.

Sistemas de Rotulação

Sistemas de Rotulação

Sistemas de Rotulação

O Cardsorting é o processo mais indicado para definição de nomenclaturas, de acordo com as expectativas dos usuários.

Sistemas de Rotulação

Exercício

Organize os termos em grupos e defina um nome para cada agrupamento

Paris Hilton

Carros

Terremoto

Grêmio

Internacional

Futebol

Natação

AtletismoSteve Jobs

ComputadoresIpodTsunami

BrasilÍndia Japão

Organize os termos em grupos e defina um nome para cada agrupamento

Paris Hilton

Carros TerremotoGrêmioInternacional

Futebol

Natação

Atletismo

Steve Jobs

Computadores

Ipod

Tsunami

Brasil

Índia

Japão

ESPORTES TECNOLOGIA

CELEBRIDADES

MUNDO

Sistemas de Busca

Sistemas de BuscaDetermina as perguntas que o usuário pode fazer e o conjunto

de respostas que irá receber.

O que é uma busca? Apenas um campo de pesquisa?

O que é uma busca? Apenas um campo de pesquisa?

O que é uma busca? Apenas um campo de pesquisa?

O que é uma busca? Apenas um campo de pesquisa?

O que é uma busca? Apenas um campo de pesquisa?

O que é uma busca? Apenas um campo de pesquisa?

O processo de uma busca

O processo de uma busca

A Busca é um processo

de Dois Lados!

A busca é uma parte fundamental da experiência dos usuários, eles criam grandes expectativas sobre como ela deve funcionar.“ ”

Nielsen, 2006

Sistemas de Busca

Você deve se preocupar em estar no

Google!

Você deve se preocupar em estar no

Google!

MAS...

Você deve se preocupar em estar no

Google!

MAS...Não esqueça de arrumar sua própria casa.

Há, obviamente, um conjunto bem menor de páginas a ser considerado em um único site do que em toda a Web.

Sistemas de BuscaArrume sua casa.

Dentro de um único Website você tem uma percepção melhor da intenção do usuário

Sistemas de BuscaArrume sua casa.

Você sabe quais são os documentos mais importantes do seu site

Sistemas de BuscaArrume sua casa.

Você sabe quais os documentos antigos ou obsoletos, e assim, por padrão, pode atribuir

a eles uma relevância menor

Sistemas de BuscaArrume sua casa.

Temos controle sobre o vocabulário (sinônimos, erros ortográficos)

Sistemas de BuscaArrume sua casa.

Sistemas de Busca1. Quem?

2. Onde?

3. Por que?

4. O que?

2. Quando?

3. Como?

93% dos usuários só olham a primeira página

47% rolam a primeira página (53% olham acima da dobra)

Onde usuários mais clicam

1 - 51% 2 - 16% 3 - 6% 4 - 6% 5 - 5% 6 - 4% 7 - 2% 8 - 1% 9 - 1% 10 - 2% 11 - 5%

Busca : Elementos

Busca : Elementos

Usabilidade

Usabilidade

Usabilidade

..)

Usabilidade

Usabilidade

Usabilidade

Técnicas deUsabilidade

1. Entrevistas2. Análises Heurísticas3. Testes de Usabilidade4. Card sorting

Heurísticas da Usabilidade na web

1. Visibilidade e status do sistema

2. Relacionamento com o mundo real

3. Liberdade e controle do usuário

4. Consistência

5. Prevenção de erros

6. Reconhecimento ao invés de lembrança

7. Flexibilidade e eficiência de uso

8. Estética e design minimalista

9. Prevenção e correção de erros pelo usuário

10. Ajuda e documentação

O que torna um problema de usabilidade grave

O que torna um problema de usabilidade grave

1. Frequência

O que torna um problema de usabilidade grave

2. Impacto1. Frequência

O que torna um problema de usabilidade grave

2. Impacto 3. Persistência1. Frequência

CONSISTÊNCIA

Comportamento dos Usuários

0 segundos

10 segundos

20 segundos

30 segundos

40 segundos35

25

Tempo na HomePage

Experiência Baixa Experiência Alta

Comportamento dos Usuários

0 segundos

15 segundos

30 segundos

45 segundos

60 segundos

35

60

25

45

Tempo na HomePageTempo em Uma Pág. Interna

Experiência Baixa Experiência Alta

Arquitetura de Informação na prática

Políticas Internas

Arquitetura de Informação na prática

Entender objetivos do projeto, exigências e expectativas

Entender público alvo

Levantamento de conteúdos e serviços

Identificar empecilhos de usabilidade

Levantamento de Requisitos

Arquitetura de Informação na prática

Definição das regras de organização e apresentação dos conteúdos e serviços

Definir sistema de organização

Definir sistema de navegação

Definir sistema de rotulação

Definir sistema de busca

Levantamento de Requisitos

Modelo de Organização

Arquitetura de Informação na prática

Especificações da interface auxiliando nas demais etapas do projeto

Elaborar sitemap

Fluxo de navegação

Desenvolvimento de Wireframes

Levantamento de Requisitos

Modelo de Organização

Documentação

Levantamento de Requisitos

Modelo de Organização

Documentação

Arquitetura de Informação na prática

Levantamento de Requisitos

Modelo de Organização

Documentação

Arquitetura de Informação na prática

Arquitetura de Informação na prática

Levantamento de Requisitos

Modelo de Organização

Documentação

Arquitetura de Informação na prática

Auxiliar no desenvolvimento e garantir especificações sejam desenvolvidas corretamente

Apresentar documentos elaborados para entendimento da equipe de desenvolvimentoEstar sujeito a mudanças e revisão nos documentos (caso necessário)

Levantamento de Requisitos

Modelo de Organização

Documentação Acompanhamento da Implementação

Arquitetura de Informação na prática

Levantamento de Requisitos

Modelo de Organização

Documentação Acompanhamento da Implementação

Análise dos Resultados

Avaliação dos resultados da interface de acordo com planejamento inicial

Medir o desempenho dos fatores críticos de sucessoLevantamento de melhorias a partir dos dados de navegação e interações

Impactos da AI

Interface

Componentes da Arquitetura de Informação

Resumindo:

O arquiteto de informação é

Multidisciplinar.

Valeu!

joaodefreitastwitter.com/facebook.com/

eu: