Keynote Arquitetura InformaçãO

55
Arquitetura da Informação Projeto Experimental III - Online PUCRS 2009/2

Transcript of Keynote Arquitetura InformaçãO

Page 1: Keynote Arquitetura InformaçãO

Arquitetura da Informação

Projeto Experimental III - Online

PUCRS 2009/2

Page 2: Keynote Arquitetura InformaçãO

Por que saber?

O psicólogo britânico Davis Lewis batizou os efeitos físicos, psicológicos e sociais da sobrecarga da informação sobre um indivíduo de síndrome da fadiga da informação.

Alguns dos seus efeitos são estresse, tensão, distúrbios do sono, problemas digestivos, dificuldade de memorização, irritabilidade e sentimento de abandono.

Page 3: Keynote Arquitetura InformaçãO

O que é?

Richard Saul Wurman criou o termo em 1976

Arquitetura de Informação é criar as estruturas de organização da informação apresentada por um website para que o usuário consiga possa encontrar e compreender as informações que necessita. Seu desafio é definir as regras de organização do website, definir o modelo de interação do usuário com a informação e especificar todas as páginas do website e os elementos que as compõem.

Page 4: Keynote Arquitetura InformaçãO

O trabalho do arquiteto é evidenciar as informações mais importantes e retirar as que não são necessárias.

Page 5: Keynote Arquitetura InformaçãO
Page 6: Keynote Arquitetura InformaçãO

Por onde vamos caminhar...

ORGANIZAÇÃO

NAVEGAÇÃO

ROTULAÇÃO

BUSCA

PESQUISA CONCEPÇÃO ESPECIFICAÇÃO IMPLEMENTAÇÃO AVALIAÇÃO

Page 7: Keynote Arquitetura InformaçãO

USABILIDADE

Usabilidade é a medida na qual um produto pode ser usado por usuários específicos para alcançar objetivos específicos com efetividade, eficiência e satisfação num contexto específico de uso.

Norma ISO 94241-11

Page 8: Keynote Arquitetura InformaçãO

5 atributos (by Nielsen, 2003)

Facilidade de aprendizagem Capacidade com que o usuário começa a interagir rapidamente com o sistema logo na primeira vez que o utiliza.

Eficiência de uso Grau de produtividade atingido pelo usuário depois que aprendeu a utilizar o sistema.

Facilidade de memorização Retenção, capacidade do usuário de voltar a utilizar o sistema após certo tempo sem precisar aprendê-lo novamente.

Baixa taxa de erros Medida do quanto o usuário pode ser induzido ao erro pelo sistema e o quanto pode se recuperar do mesmo.

Satisfação subjetiva Medida do quanto o usuário se sente feliz de estar utilizando o sistema.

Page 9: Keynote Arquitetura InformaçãO
Page 10: Keynote Arquitetura InformaçãO

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

O que deve ser feito – Proposta de valor ou Objetivo do Negócio – Públicos-alvos do website – Requisitos e diretrizes de implementação – Recompensa da empresa – Objetivos do usuário – Experiência do usuário – Informações necessárias em cada etapa da experiência do usuário – Linguagem do usuário

PESQUISA

Page 11: Keynote Arquitetura InformaçãO

Fontes de Informação - Pesquisas de usuários (focus group, entrevistas, etc.) - Relatórios internos (reclamações e elogios no SAC, WebTrends, log do mecanismo de busca, etc.) - Entrevistas com funcionários da empresa (marketing, vendas, atendimento aos clientes, etc.) - Análise de sites concorrentes e sites similares (benchmark) - Análise de tarefas - Análise da infra-estrutura da empresa

PESQUISA

Page 12: Keynote Arquitetura InformaçãO

EXEMPLO

Page 13: Keynote Arquitetura InformaçãO

EXERCÍCIO

1. Qual(is) a(s) necessidade(s) do seu usuário?

2. Qual(is) a(s) proposta(s) de valor à empresa?

Page 14: Keynote Arquitetura InformaçãO

Objetivo

Fase eminentemente criativa com o objetivo de conceber a visão macro da solução.

O que deve ser feito

Definir o sistema de organização Definir o sistema de navegação Definir o sistema de busca Definir o sistema de rotulação

CONCEPÇÃO

Ferramentas

Metáforas Personas Cenários Diagramas de Overview Avaliação Heurística Card Sorting Paper Prototype Testes de Usabilidade

Page 15: Keynote Arquitetura InformaçãO

Objetivo Detalhar a visão macro da solução em documentos e diagramas que explicam como construir o website.

O que deve ser feito - Elaborar o sitegrama - Elaborar o fluxo navegação - Elaborar os wireframes - Elaborar o vocabulário controlado

ESPECIFICAÇÃO

Ferramentas - Vocabulários visuais - Aplicativos Office (Word, Excel, Power Point, Visio)

Page 16: Keynote Arquitetura InformaçãO

Objetivo Construir o website conforme a especificação e disponibilizá-lo para uso.

O que deve ser feito - Apresentar formalmente os documentos de especificação (sitegrama, wireframe e fluxo de navegação) as equipes responsáveis pela implementação (Web Designers, Redatores, Programadores) - Responder as dúvidas que surgirem durante a implementação - Revisar os documentos de especificação durante a implementação caso seja necessário - Validar se a implementação foi realizada conforme as suas especificações

Ferramentas - Testes funcionais

IMPLEMENTAÇÃO

Page 17: Keynote Arquitetura InformaçãO

Objetivo Avaliar o resultado do projeto em função dos seus objetivos iniciais para registrar os acertos e erros O que deve ser feito - Levantar e analisar as Lições Aprendidas (Lessons Learned) do projeto - Medir periodicamente o desempenho de fatores críticos de sucesso dos produtos entregue pela Arquitetura de Informação

Ferramentas - Reuniões de lições aprendidas (lessons learned) - Indicadores de desempenho - Testes de Usabilidade

AVALIAÇÃO

Page 18: Keynote Arquitetura InformaçãO

Modelo de documento de entrega:

Page 19: Keynote Arquitetura InformaçãO

ORGANIZAÇÃO

Onde é mais fácil encontrar uma informação?

Page 20: Keynote Arquitetura InformaçãO

Sua função é definir as regras de classificação e ordenação das informações que serão apresentadas e aplicar estas regras, categorizando todos os conteúdos oferecidos.

Seu principal desafio é organizar a informação de forma que ajude o usuário a encontrar o que precisa para atingir seu objetivo

ORGANIZAÇÃO

Page 21: Keynote Arquitetura InformaçãO

- Liquidificador está em “Eletrodomésticos” ou “Eletroportáteis” ?

- Walkman está em “Eletrônicos” ou “Eletroportáteis” ?

- Aparelho de DVD está em “DVDs” ou “Eletrônicos” ?

- O que é UD?

- O que tem dentro de UD?

Page 22: Keynote Arquitetura InformaçãO

Esquemas exatosAlfabeto Indicado para grandes conjuntos de Informação e públicos muito diversificado. Ex: Dicionários, Enciclopédias, Listas Telefônicas.

Tempo Indicado para mostrar a ordem cronológica de eventos. Ex: Livros de História, Guias de TV, Arquivo de notícias.

Localização Compara informações vindas de diferentes locais. Ex: Previsão do tempo, pesquisa política, Atlas de anatomia.

Sequência Organiza itens por ordem de grandeza. Indicado para conferir valor ou peso a informação. Ex: Lista de preços, Top musics.

Page 23: Keynote Arquitetura InformaçãO

Esquemas ambíguos

Assunto Divide a informação em diferentes tipos, diferentes modelos ou diferentes perguntas a serem respondidas. Ex: Páginas Amarelas, Editorias do jornal, Supermercado.

Tarefa Organiza a informação em conjuntos de ações. Usado muito em software transacionais. Raramente utilizado sozinho na Web. Ex: Menu aplicativos Windows (Editar, Exibir, Formatar).

Público-Alvo Indicado quando se deseja customizar o conteúdo para diferentes públicos-alvos. Ex:Lojas de departamento (classifica seus produtos em masculino, feminino e infantil).

Metáfora Utilizado para orientar o usuário em algo novo baseado-se em algo que lhe é familiar. Normalmente limita a organização. Ex:Desktop de um computador (utiliza a metáfora de uma mesa de escritório).

Híbrido Reúne 2 ou mais esquemas anteriores. Normalmente causa confusão ao usuário.

Page 24: Keynote Arquitetura InformaçãO

EXEMPLOS

Page 25: Keynote Arquitetura InformaçãO
Page 26: Keynote Arquitetura InformaçãO
Page 27: Keynote Arquitetura InformaçãO
Page 28: Keynote Arquitetura InformaçãO
Page 29: Keynote Arquitetura InformaçãO
Page 30: Keynote Arquitetura InformaçãO
Page 31: Keynote Arquitetura InformaçãO
Page 32: Keynote Arquitetura InformaçãO
Page 33: Keynote Arquitetura InformaçãO
Page 34: Keynote Arquitetura InformaçãO
Page 35: Keynote Arquitetura InformaçãO
Page 36: Keynote Arquitetura InformaçãO
Page 37: Keynote Arquitetura InformaçãO

NAVEGAÇÃO

O sistema de navegação é o componente da Arquitetura de Informação que especifica as maneiras de navegar, de se mover pelo espaço informacional e hipertextual do website. Sua função é indicar ao usuário a sua localização e mostrar o caminho correto para que ele chegue ao seu destino.

Page 38: Keynote Arquitetura InformaçãO

De acordo com Nielsen, uma boa navegação deve responder a 3 perguntas básicas:

* onde estou?* onde estive?

* para onde posso ir?

Page 39: Keynote Arquitetura InformaçãO

Elementos para uma boa

navegabilidade•bread-crumbs

(caminho de pão)

•mapa do site

•rótulos compreensíveis

•sem necessidade do “back” do browser

•constância do(s) menu(s)

•logos linkados para a home

•sem drop-down

•cross-content

Page 40: Keynote Arquitetura InformaçãO

Navegação GlobalN

avegaçã

o L

oca

l

Page 41: Keynote Arquitetura InformaçãO

Locais mais apropriados

Page 42: Keynote Arquitetura InformaçãO

ROTULAÇÃO

O sistema de rotulação é o componente da Arquitetura de Informação que estabelece as formas de representação, de apresentação da informação, definindo signos para cada elemento informativo.

Seu desafio é criar para o website uma linguagem clara, compreensível e sem ambigüidades.

PROCURE FALAR A LINGUAGEM DO USUÁRIO!!!

Page 43: Keynote Arquitetura InformaçãO
Page 44: Keynote Arquitetura InformaçãO
Page 45: Keynote Arquitetura InformaçãO
Page 46: Keynote Arquitetura InformaçãO

COERÊNCIA

Page 47: Keynote Arquitetura InformaçãO

Termos padrão- Main, Main Page, Home, Home-Page, Página Inicial - Search, Find, Busca, Buscar

- SiteMap, Contents, Table of Contents, Index, Mapa do Site

- Contact, Contact Us, Contact Webmaster, FeedBack, Contate-nos, Fale Conosco, Entre em contato

- Help, FAQ, Frequently Asked Questions, Ajuda, Dúvidas, Tire suas Dúvidas

- News, What’s New, Notícias, Últimas Notícias - About, About us, About < company name >, Who We Are, Quem Somos, Sobre a <empresa>

Page 48: Keynote Arquitetura InformaçãO

Para ajudar na rotulação

Page 49: Keynote Arquitetura InformaçãO

O sistema de busca é o componente da Arquitetura de Informação responsável por determinar as perguntas que o usuário pode fazer(queries) e o conjunto de respostas que irá obter. Sua função é implementar o mecanismo de busca do website que complementa o sistema de navegação.

BUSCA

Page 50: Keynote Arquitetura InformaçãO

Boas práticas•lógica na página de resultados

(alfabéticas, relevância, cronológica etc)

•possibilidade de filtragem na 1ª tela

•indicar sessão e/ou data de inserção de cada conteúdo na página de resultados

•sugerir palavras-chave

•quantidade de ocorrências encontradas

•situe o campo de busca no 1º scroll

Page 51: Keynote Arquitetura InformaçãO

Encaminhamento

Page 52: Keynote Arquitetura InformaçãO

SITEGRAMA

Diagrama que representa a organização hierárquica de um website. Contém todas as páginas de conteúdo e a entrada de todas as transações. Para representar a hierárquica utiliza diagramas em árvore.

Page 53: Keynote Arquitetura InformaçãO

WIREFRAME

Diagrama que representa todos os elementos de uma página, definindo esses elementos, a hierarquia entre eles, agrupamentos e suas importâncias relativas. Para representar os elementos utiliza esboços das páginas.

Seu objetivo é comunicar o conteúdo e as funções de cada página para discussão com a equipe de projeto e para orientar a implementação.

O wireframe não representa o projeto gráfico do website, ele apenas apresenta uma versão simplificada da página sem elementos distrativos.

Page 54: Keynote Arquitetura InformaçãO

EXERCÍCIO

1. Defina qual será o esquema de estruturação de informação que seu grupo utilizará

2. Apresente um esboço de menu (e sub-menu, se necessário)

Page 55: Keynote Arquitetura InformaçãO

Modelo de documento de entrega: