Keynote Arquitetura InformaçãO

1,967 views

Published on

Published in: Technology, Education
  • Be the first to comment

Keynote Arquitetura InformaçãO

  1. 1. Arquitetura da Informação <ul><li>Projeto Experimental III - Online </li></ul><ul><li>PUCRS 2009/2 </li></ul>
  2. 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.
  3. 3. 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.
  4. 4. O trabalho do arquiteto é evidenciar as informações mais importantes e retirar as que não são necessárias.
  5. 6. Por onde vamos caminhar... ORGANIZAÇÃO NAVEGAÇÃO ROTULAÇÃO BUSCA PESQUISA CONCEPÇÃO ESPECIFICAÇÃO IMPLEMENTAÇÃO AVALIAÇÃO
  6. 7. 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
  7. 8. 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.
  8. 10. 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
  9. 11. Fontes de Informação - Pesquisas de usuários (f ocus 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
  10. 12. EXEMPLO
  11. 13. EXERCÍCIO 1. Qual(is) a(s) necessidade(s) do seu usuário? 2. Qual(is) a(s) proposta(s) de valor à empresa?
  12. 14. 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
  13. 15. 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)
  14. 16. 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
  15. 17. 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
  16. 18. Modelo de documento de entrega:
  17. 19. ORGANIZAÇÃO Onde é mais fácil encontrar uma informação?
  18. 20. 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
  19. 21. - 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?
  20. 22. Esquemas exatos Alfabeto 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.
  21. 23. 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.
  22. 24. EXEMPLOS
  23. 37. 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 .
  24. 38. De acordo com Nielsen, uma boa navegação deve responder a 3 perguntas básicas: * onde estou? * onde estive? * para onde posso ir?
  25. 39. Elementos para uma boa navegabilidade <ul><li>bread-crumbs (caminho de pão) </li></ul><ul><li>mapa do site </li></ul><ul><li>rótulos compreensíveis </li></ul><ul><li>sem necessidade do “back” do browser </li></ul><ul><li>constância do(s) menu(s) </li></ul><ul><li>logos linkados para a home </li></ul><ul><li>sem drop-down </li></ul><ul><li>cross-content </li></ul>
  26. 40. Navegação Global Navegação Local
  27. 42. Locais mais apropriados
  28. 43. 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!!!
  29. 47. COERÊNCIA
  30. 48. 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>
  31. 49. Para ajudar na rotulação
  32. 50. 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
  33. 51. Boas práticas <ul><li>lógica na página de resultados (alfabéticas, relevância, cronológica etc) </li></ul><ul><li>possibilidade de filtragem na 1ª tela </li></ul><ul><li>indicar sessão e/ou data de inserção de cada conteúdo na página de resultados </li></ul><ul><li>sugerir palavras-chave </li></ul><ul><li>quantidade de ocorrências encontradas </li></ul><ul><li>situe o campo de busca no 1º scroll </li></ul>
  34. 52. Encaminhamento
  35. 53. 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.
  36. 54. 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.
  37. 55. 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)
  38. 56. Modelo de documento de entrega:

×