Upload
ana-brambilla
View
1.660
Download
1
Embed Size (px)
Citation preview
Arquitetura da Informação
Projeto Experimental III - Online
PUCRS 2009/2
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.
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.
O trabalho do arquiteto é evidenciar as informações mais importantes e retirar as que não são necessárias.
Por onde vamos caminhar...
ORGANIZAÇÃO
NAVEGAÇÃO
ROTULAÇÃO
BUSCA
PESQUISA CONCEPÇÃO ESPECIFICAÇÃO IMPLEMENTAÇÃO AVALIAÇÃ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
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.
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
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
EXEMPLO
EXERCÍCIO
1. Qual(is) a(s) necessidade(s) do seu usuário?
2. Qual(is) a(s) proposta(s) de valor à empresa?
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
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)
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
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
Modelo de documento de entrega:
ORGANIZAÇÃO
Onde é mais fácil encontrar uma 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
- 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?
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.
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.
EXEMPLOS
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.
De acordo com Nielsen, uma boa navegação deve responder a 3 perguntas básicas:
* onde estou?* onde estive?
* para onde posso ir?
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
Navegação GlobalN
avegaçã
o L
oca
l
Locais mais apropriados
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!!!
COERÊNCIA
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>
Para ajudar na rotulaçã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
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
Encaminhamento
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.
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.
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)
Modelo de documento de entrega: