Thiago ribeiro arquitetura_informacao_usabilidade

Arquitetura da Informação e Arquitetura da Informação e Usabilidade em Páginas WebUsabilidade em Páginas Web

Elaborado por :Thiago Ribeiro

CIÊNCIA DA COMPUTAÇÃO

Arquitetura da Informação e Usabilidade em Páginas WebArquitetura da Informação e Usabilidade em Páginas Web

Agenda

Introdução Arquitetura da Informação Usabilidade Case Importância Conclusão


Principais Problemas:

Recebimento de informação excessiva e redundante pela internet.

Grande parte da informação apresenta-se desorganizada.

Consequência:

Redução do aproveitamento da informação pelos usuários.

1. INTRODUÇÃO1. INTRODUÇÃO

2. ARQUITETURA DA INFORMAÇÃO

3. USABILIDADE

4. CASE

5. IMPORTÂNCIA

6. CONCLUSÃO




3. USABILIDADE

4. CASE

6. CONCLUSÃO

Como os profissionais de internet Como os profissionais de internet podem solucionar esses dois podem solucionar esses dois

problemas, tornando a navegação problemas, tornando a navegação uma experiência mais rica e uma experiência mais rica e

agradável?agradável?

5. IMPORTÂNCIA


Objetivo:

Demonstrar como a Arquitetura da Informação e a Usabilidade podem ajudar na criação de aplicações web, baseados na organização da informação a ser exibida.



3. USABILIDADE

4. CASE

5. IMPORTÂNCIA

6. CONCLUSÃO


Conceito:

“Design estrutural de grupos de informações relacionadas ou, a arte e ciência de organizar e rotular websites, intranets, comunidades online e software.”

(Instituto de Arquitetura de Informação)

Função:

Localização e direcionamento em ambientes web Definição do caminho lógico para obtenção da

informação, projetando a estrutura de todo website

1. INTRODUÇÃO

2. ARQUITETURA DA INFORMAÇÃO2. ARQUITETURA DA INFORMAÇÃO

3. USABILIDADE

4. CASE

5. IMPORTÂNCIA

6. CONCLUSÃO


Histórico:

Criado nos anos 60 por Richard Saul Wurman

Nos anos 90, foi aplicada a sistemas por Peter Morville e Lou Rosenfeld

As raízes da AI estão na simples busca de modelos de indexação e organização de informações

Disciplinas relacionadas a AI: Psicologia, Ciência da Computação, Jornalismo, Web Design, Sociologia, IHC, Biblioteconomia, entre outras.

1. INTRODUÇÃO


3. USABILIDADE

4. CASE

5. IMPORTÂNCIA

6. CONCLUSÃO


Estrutura1. INTRODUÇÃO


3. USABILIDADE

4. CASE

5. IMPORTÂNCIA

6. CONCLUSÃO

CONTEÚDOCONTEXTO

USUÁRIO

AI


O Arquiteto de Informação

Funções:

Definir os fluxos de navegação dos processos do site;

Definir as tecnologias que serão usadas;

Aplicar os conceitos de usabilidade no projeto;

Estruturar o conteúdo do site em seções e sub-seções;

Definir a nomenclatura de seções;

1. INTRODUÇÃO


3. USABILIDADE

4. CASE

5. IMPORTÂNCIA

6. CONCLUSÃO


Soluções de interface criadas pelo Arquiteto: Wireframes

1. INTRODUÇÃO


3. USABILIDADE

4. CASE

5. IMPORTÂNCIA

6. CONCLUSÃO


Storyboards

Mapas de Fluxo

1. INTRODUÇÃO


3. USABILIDADE

4. CASE

5. IMPORTÂNCIA

6. CONCLUSÃO


Usabilidade

É a facilidade de uso de um produto qualquer.

História

Raízes na ciência cognitiva

Anos 80 – termo era usado para substituir a expressão user-frendly

É uma característica existente na norma ISO/IEC 9126

1. INTRODUÇÃO


3. USABILIDADE3. USABILIDADE

4. CASE

5. IMPORTÂNCIA

6. CONCLUSÃO


Problemas de Usabilidade

Em produtos diversos:

1. INTRODUÇÃO



4. CASE

5. IMPORTÂNCIA

6. CONCLUSÃO


Em páginas web:

1. Links que não mudam de cor quando

clicados

2. Listagens de pesquisa de baixa relevância

3. URL’s Complexos

4. Inconsistência dentro de um WebSite

Uma pesquisa realizada nos EUA com 2500 internautas mostrou que sites com problemas de usabilidade podem causar estresse e ansiedade - Mouse Range Syndrome.

1. INTRODUÇÃO



4. CASE

5. IMPORTÂNCIA

6. CONCLUSÃO


1. INTRODUÇÃO



4. CASE

5. IMPORTÂNCIA

6. CONCLUSÃO

Análises de Usabilidade

Testes de Usabilidade 1.Testes de Comparação 2.Teste de Exploração 3.Teste de Avaliação 4.Teste de Validação

Análise Heurística

Card Sorting

1.Aberto

2.Fechado

Eye Tracking


Estudo de caso :A utilização da Arquitetura de Informação na construção doportal de notícias G1

1. INTRODUÇÃO


3. USABILIDADE

4. CASE4. CASE

5. IMPORTÂNCIA

6. CONCLUSÃO

Objetivos do portal:

•A construção do mais completo portal de notícias brasileiro;

•Permitir a concentração e disponibilização de todo o conteúdo jornalístico das organizações Globo;

•Atender as necessidades e expectativas dos usuários que buscam notícias na web;

•Ter a informação de forma organizada e garantir as mesmas de forma objetiva e fácil.


1. INTRODUÇÃO


3. USABILIDADE

4. CASE4. CASE

5. IMPORTÂNCIA

6. CONCLUSÃO

Pesquisa

Contexto:Metas, objetivos estratégicos,recursos disponíveis para o projeto, prazo e tecnologia a ser utilizada.

Conteúdo:

Volume, formato e abrangência das informações

Usuário:Análise da audiência da categoria de notícias e criação de grupos de foco.


1. INTRODUÇÃO


3. USABILIDADE

4. CASE4. CASE

5. IMPORTÂNCIA

6. CONCLUSÃO

Resultados da Pesquisa

O grupo mais representativo da categoria era formado por homens na faixa de 25-49 anos;

O grau de escolaridade deste grupo era alto, com universitários, ensino superior completo e pós-graduação;

Notícias e informações em tempo real são o conteúdo de maior relevância


1. INTRODUÇÃO


3. USABILIDADE

4. CASE4. CASE

5. IMPORTÂNCIA

6. CONCLUSÃO

As notícias em tempo real precisam ter grande destaque na hierarquia das informações

O conteúdo multimídia deve ser organizado, e bem sinalizado quanto ao tipo e fonte de informação

A divisão por temas deve ser aparente na classificação e exposição das informações

A procura por informações mais aprofundadas deve ser facilitada;


1. INTRODUÇÃO


3. USABILIDADE

4. CASE4. CASE

5. IMPORTÂNCIA

6. CONCLUSÃO

Testes de Usabilidade – Julho de 2006

Amostra

17 pessoas – 10 homens e 7 mulheres entre 20-30 anos, todos com ensino superior completo

50% com acesso a banda larga

50% assinantes da globo.com

Resultados

Atualização das notícias em tempo real foram alteradas para uma melhor percepção dos usuários

Nenhuma dificuldade em utilizar os recursos de vídeo rodando na mesma página

Atalho de busca bastante elogiado pelos usuários, ressaltando que não precisariam fazer buscas em outro site específico para isto.


1. INTRODUÇÃO


3. USABILIDADE

4. CASE

5. IMPORTÂNCIA5. IMPORTÂNCIA

6. CONCLUSÃO

Aplicação incorreta da AI

Problemas nos testes de

Usabilidade

Dificuldades de interação

USUÁRIO- PÁGINA

IMPORTÂNCIA


1. INTRODUÇÃO


3. USABILIDADE

4. CASE

5. IMPORTÂNCIA

6. CONCLUSÃO6. CONCLUSÃO

CONCLUSÃO

Arquitetura da Informação + Usabilidade = Estruturação de páginas e sistemas web

Vantagens

Maior facilidade de navegação entre as páginas Aumento no número de acessos Aumento de vendas(dependendo do segmento) Aumento da experiência do usuário Maior competitividade

Desvantagens

Visão de custo, não de investimento Falta de documentação(em português) Poucos cursos específicos existentes no país na área


DÚVIDAS

???????


OBRIGADO!

Thiago ribeiro arquitetura_informacao_usabilidade

Technology

Transcript of Thiago ribeiro arquitetura_informacao_usabilidade