Diese Präsentation wurde erfolgreich gemeldet.
Die SlideShare-Präsentation wird heruntergeladen. ×

Arquitetura de informação

Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Anzeige
Wird geladen in …3
×

Hier ansehen

1 von 37 Anzeige

Weitere Verwandte Inhalte

Diashows für Sie (20)

Anzeige

Ähnlich wie Arquitetura de informação (20)

Anzeige

Aktuellste (20)

Arquitetura de informação

  1. 1. Arquitetura de Informação Foto : http://arquiteturadeinformacao.com/
  2. 2. Arquitetura de Informação O que é e para que serve?
  3. 3. Arquitetura de Informação O que é e para que serve? ONDE ESTOU ? DE ONDE VIM ? PARA ONDE VOU ?
  4. 4. Arquitetura de Informação O que é É a arte e a ciência de estruturar e classificar websites e intranets a fim de ajudar as pessoas a encontrar e a gerenciar informação. (Peter Morville & Louis Rosenfeld, in Information Architecture for the World Wide Web )
  5. 5. Arquitetura de Informação O que é Combinação entre esquemas de organização, nomeação e navegação dentro de um sistema de informação. (Peter Morville & Louis Rosenfeld, in Information Architecture for the World Wide Web )
  6. 6. Facilitar a realização de tarefas e o acesso intuitivo a contextos e conteúdos. (Peter Morville & Louis Rosenfeld, in Information Architecture for the World Wide Web ) Arquitetura de Informação Para que serve?
  7. 7. Ela torna o complexo, claro. Richard Saul Wurman (1997) Arquitetura de Informação Para que serve?
  8. 8. Arquitetura de Informação Sabe quando você entra num site e fica perdido? A tarefa do Arquiteto de Informação é trabalhar para que isso não aconteça.
  9. 9. Arquitetura de Informação Aplicação Encurtar o tempo de construção Tornar a manutenção mais simples Tornar a busca por informações mais rápida Simplificar tarefas e processos Diminuir a necessidade de treinamentos Agregar valor à marca Criar boas experiências de uso
  10. 10. Arquitetura de Informação Existe no dia-a-dia
  11. 11. Arquitetura de Informação
  12. 12. Arquitetura de Informação AI enquanto etapa de um projeto web Jesse James Garrett
  13. 13. Arquitetura de Informação AI enquanto etapa de um projeto web www.jjg.net/elements/translations/elements_pt.pdf
  14. 14. Arquitetura de Informação AI enquanto etapa de um projeto web Plano de negócios AI design desenvolvimento
  15. 15. Arquitetura de Informação Ecologia da Informação
  16. 16. Arquitetura de Informação Contexto Entender as estratégias e oportunidades de negócio, os processos e a cultura da empresa, o background do projeto e os recursos disponíveis para sua realização Usuários Design centrado no usuário > Considerar as necessidades do usuário final e entender seus tipos de comportamento em busca da informação Conteúdo Levantar a natureza e a quantidade de conteúdo a ser desenvolvido para o projeto, projetar possíveis cenários para o crescimento do site
  17. 17. <ul><li>A primeira tarefa é descobrir </li></ul><ul><li>o que precisa projetar e como </li></ul><ul><li>Conhecer quem vai desenvolver, a tecnologia disponível, exemplos importantes </li></ul>Arquitetura de Informação
  18. 18. Arquitetura de Informação 5 dicas de Steve Krug para que as pessoas entendam seu site (depois da Nº 0: “ não me faça pensar ” <ul><li>Aproveite as convenções </li></ul><ul><li>2. Crie uma hierarquia visual clara em cada página </li></ul><ul><li>3. Quebre as páginas em áreas claramente definíveis </li></ul><ul><li>4. Deixe óbvio o que é clicável </li></ul><ul><li>5. Minimize o ruído </li></ul>
  19. 19. <ul><li>Descobrir o Contexto significa: </li></ul><ul><li>Entender os objetivos do negócio e metas corporativas </li></ul><ul><li>Descobrir o “reason why” do projeto </li></ul><ul><li>Saber qual é o público-alvo </li></ul><ul><li>Levantar todos os stakeholders envolvidos </li></ul><ul><li>Identificar as restrições do projeto </li></ul><ul><li>Avaliar erros e sucessos anteriores </li></ul><ul><li>Olhar para o que está feito no mercado ( benchmark funcional ) </li></ul><ul><li>> Focado nas funcionalidades e experiências de uso dos sites concorrentes </li></ul>Arquitetura de Informação
  20. 20. <ul><li>10 perguntas para descobrir o Contexto </li></ul><ul><li>(briefing multidisciplinar) </li></ul><ul><li>Quais os objetivos a curto, médio e longo prazo? </li></ul><ul><li>Qual é o modelo de negócio? Quais são as políticas? </li></ul><ul><li>Quem é o público-alvo? </li></ul><ul><li>Que tipo de tarefas os usuários poderão realizar? </li></ul><ul><li>Porque os usuários visitarão o site? Porque voltarão? </li></ul><ul><li>Qual o orçamento e o cronograma do projeto? </li></ul><ul><li>Como o conteúdo será criado e gerido? </li></ul><ul><li>Qual a infraestrutura técnica? </li></ul><ul><li>O que funcionou e o que deu errado no passado? </li></ul><ul><li>10. O que deixei de perguntar? </li></ul>Arquitetura de Informação
  21. 21. Arquitetura de Informação Os usuários são os designers definitivos da web. (Peter Morville & Louis Rosenfeld, in Information Architecture for the World Wide Web )
  22. 22. Arquitetura de Informação Descobrindo o Usuário Porque conhecer os usuários: Para alinhar os objetivos corporativos com as necessidades do público-alvo Para encontrar inadequações nos projetos Para ter subsídios consistentes ao defender aspectos importantes do projeto Para projetar com maior chance de sucesso
  23. 23. Arquitetura de Informação Descobrindo o Usuário Algumas técnicas: Pesquisa Testes de Usabilidade Entrevista Análise da Tarefa Questionário Web Analytics Grupo de Foco Personas e Cenários
  24. 24. Arquitetura de Informação Descobrindo o Usuário Web Analytics
  25. 25. Web Analytics
  26. 26. <script type=&quot;text/javascript&quot;> var gaJsHost = ((&quot;https:&quot; == document.location.protocol) ? &quot;https://ssl.&quot; : &quot;http://www.&quot;); document.write(unescape(&quot;%3Cscript src='&quot; + gaJsHost + &quot;google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E&quot;)); </script> <script type=&quot;text/javascript&quot;> try { var pageTracker = _gat._getTracker(&quot;UA-8083861-1&quot;); pageTracker._trackPageview(); } catch(err) {}</script> Arquitetura de Informação Crie uma conta no GA e cole o tracking code em cada uma das páginas do site. Como implentar o Google Analytics Ex:
  27. 27. Arquitetura de Informação Descobrindo o Usuário Personas e Cenários São arquétipos de perfis de usuário com foco em comportamento Apresenta a descrição concisa de pessoas representativas do público-alvo
  28. 28. Arquitetura de Informação Personas e Cenários “ Personas is to get everyone thinking in a unified way from a user´s experience” Kim Goodwin É uma técnica que deve ser usada nos estágios iniciais do desenvolvimento
  29. 29. Arquitetura de Informação Cenários Os Cenários devem mostrar: Descrições de legítimas situações hipotéticas Emoções e questões surgidas Ex: Não entendo essas funcionalidades. Como posso avaliar e saber qual o melhor DVD para mim? Necessidades de informação Ex: Qual o tamanho do DVD? Vai caber no meu hack?
  30. 30. Arquitetura de Informação Cenários “ Mariana precisa fazer uma planilha com cálculos corriqueiros numa sala com várias outras pessoas falando alto. Ela não consegue se concentrar direito e precisa terminar o trabalho logo. Resolve procurar alguma forma automatizada de inserir os dados. Por sorte, o software possui assistentes para inserir dados passo-a-passo e fazer os cálculos mais comuns. A ajuda dá conta do recado, embora o processo todo tenha demorado mais do que se ela tivesse feito como sempre faz, manualmente.” http://www.faberludens.com.br/pt-br/node/1554
  31. 31. Arquitetura de Informação Personas e Cenários O objetivo é obter a simulação realista dos principais tipos de usuários e suas intenções com o produto NÃO É: Estereótipos dos usuários Perfis baseados em dados demográficos
  32. 32. Arquitetura de Informação Como trabalhar Personas e Cenários Não seja a Mãe Dinah!
  33. 33. Arquitetura de Informação Personas e Cenários <ul><li>Identificar grupo de usuários potenciais </li></ul><ul><li>Entrevista + Coleta de dados </li></ul><ul><li>(sócio-demográficos, objetivos, hábitos, motivações, </li></ul><ul><li>necessidades, expectativas, barreiras/problemas) </li></ul><ul><li>3. Com base nas informações, perceber </li></ul><ul><li>o estilo de vida, o que ele necessita </li></ul><ul><li>ou o que gostaria de ter com o site </li></ul>
  34. 34. Arquitetura de Informação Personas Criação de 3 a 7 perfis Escolha dos perfis prioritários O personagem deve representar o perfil médio do grupo
  35. 35. Exemplo de Personas e Cenários
  36. 36. http://personas.quarry.com/ Arquitetura de Informação Personas e Cenários Saiba mais: http://stealthisidea.com/articles/ssnifs/
  37. 37. Arquitetura de Informação Personas e Cenários Atividade: Construa duas Personas com Cenários de utilização para um projeto contendo as seguintes informações: Foto, Nome, Idade, perfil profissional e educacional Estilo de vida e desejos Contexto de uso Objetivos e necessidades Onde e como vai utilizar o site

×