Intensivo 80h - Arquitetura de informação e usabilidade

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:

Transformar o complexo

em algo simples

Arquitetura de Informação:

Exercício

Quantos vezes o número 9 aparece abaixo?


858143952590613363537873464568776650968459429719115449522648941007624872739293144821041121475387983937236573091651320322555834226221921864134835407456588871151617288023969519886660377067470328


858143952590613363537873464568776650968459429719115449522648941007624872739293144821041121475387983937236573091651320322555834226221921864134835407456588871151617288023969519886660377067470328

. .)


858143952590613363537873464568776650968459429719115449522648941007624872739293144821041121475387983937236573091651320322555834226221921864134835407456588871151617288023969519886660377067470328


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 Navegação

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

do espaço informacional e hipertextual.


..)

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.


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

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 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!


Google!

MAS...


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


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


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

a eles uma relevância menor


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


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

Usabilidade

http://www.youtube.com/watch?v=zUNyInW3K6Q

http://www.youtube.com/watch?v=zUNyInW3K6Q

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


1. Frequência


2. Impacto1. Frequência


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


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


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


Modelo de Organização


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

Elaborar sitemap

Fluxo de navegação

Desenvolvimento de Wireframes



Documentação



Documentação



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)



Documentação Acompanhamento da Implementaçã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:

Intensivo 80h - Arquitetura de informação e usabilidade

Documents

Transcript of Intensivo 80h - Arquitetura de informação e usabilidade