Quem manda é o usuário

3,217 views

Published on

Published in: Technology
1 Comment
9 Likes
Statistics
Notes
No Downloads
Views
Total views
3,217
On SlideShare
0
From Embeds
0
Number of Embeds
69
Actions
Shares
0
Downloads
0
Comments
1
Likes
9
Embeds 0
No embeds

No notes for slide

Quem manda é o usuário

  1. 1. Quem manda é o usuário <ul><li>Experiências que permitem a interação do usuário na construção de produtos web e das próprias interfaces. </li></ul>
  2. 2. Quem manda é o usuário <ul><li>Como qualquer outro arquiteto presente aqui nesta sala, meu primeiro compromisso seria elaborar uma apresentação orientada ao usuário. </li></ul><ul><li>E já que vamos falar de interatividade, seria justo também permitir a interferência de vocês. </li></ul><ul><li>Mas como em qualquer job na vida real, certamente não falarei com todo mundo, e vocês terão que aguardar uma hora ainda antes de começarem a perguntar. </li></ul>Nota de humildade 1
  3. 3. Quem manda é o usuário <ul><li>Como atingir o ponto de interação perfeita? </li></ul><ul><li>Como proporcionar a interface ideal para o usuário? </li></ul>Nota de humildade 2 Certamente não temos resposta para isso. Temos alguns insights e uma boa dose de experiências acumuladas que nos dão uma boa dica do que buscamos, para desenvolver as soluções certas.
  4. 4. Quem manda é o usuário <ul><li>Entendendo a audiência </li></ul><ul><li>Segundo os organizadores do evento, podemos classificar este auditório em 3 perfis principais: profissionais de criação (agência), executivos e estudantes. </li></ul>Para fazer jus ao título
  5. 5. Quem manda é o usuário <ul><li>Sobre mim: Trabalho em agência de internet, acho que tenho pouco prazo para fazer meu trabalho e acho que os clientes interferem demais na criação. </li></ul><ul><li>O que eu acho de arquitetura: eu acho que a arquitetura é a área que faz os wireframes. </li></ul><ul><li>O que eu sei sobre arquitetura: wireframes? </li></ul>Ricardo, designer, 27
  6. 6. Quem manda é o usuário <ul><li>Sobre mim: Sou workaholic mesmo, e adoro o que faço. Atualmente estou cursando um MBA, porque me preocupo com o futuro e quero aproveitar o pique. </li></ul><ul><li>O que eu acho de arquitetura: tenho lido sobre o assunto e acho que a arquitetura é parte importante do framework metodológico de qualquer agência. </li></ul><ul><li>O que eu sei sobre arquitetura: já vi alguns exemplos de documentação e acho que o foco do trabalho de arquitetura é usabilidade. </li></ul>Luciano, o executivo de Marketing, 31
  7. 7. Quem manda é o usuário <ul><li>Sobre mim: minhas músicas, minhas fotos e meu blog dizem tudo sobre mim. </li></ul><ul><li>O que eu acho de arquitetura: tenho interesse na área, e considero como uma opção de carreira. </li></ul><ul><li>O que eu sei sobre arquitetura: acompanho alguns blogs sobre o assunto, leio o boxes and arrows e conheço o Jacob Nielsen. </li></ul>Cris, a estudante, 22
  8. 8. Quem manda é o usuário <ul><li>A partir do público definido, elaborei uma RAQ ( rarely asked questions ), imaginando o que vocês talvez nunca perguntassem, mas fosse interessante saber. </li></ul><ul><li>Também escolhi esta forma, para deixar claro que teremos aqui um bate-papo para trocar experiências. </li></ul>Chegando ao tema
  9. 9. Quem manda é o usuário <ul><li>1. Arquitetura não deveria trabalhar junto com a engenharia? </li></ul>RAQ
  10. 10. Quem manda é o usuário <ul><li>A internet ao longo dos últimos 10 anos </li></ul>Homepages Webmasters SITES PROFISSIONAIS USUÁRIOS Portais de comunicação Sites de empresas Presença on-line completa Webmasters Jornalistas Publicitários Webmasters Jornalistas Publicitários Programadores Analistas de Planejamento Gestores de projeto Analistas de Planejamento Criação (Design de interação e Propaganda) Engenharia Nerds Pessoas normais
  11. 11. Quem manda é o usuário Não. A arquitetura é uma disciplina criativa. É responsável pelas decisões de base do projeto, que vão impactar toda a experiência interativa.
  12. 12. Quem manda é o usuário <ul><li>Nossa missão é promover a perfeita integração entre os objetivos de negócio do site, as necessidades de seus usuários e as possibilidades de implementação. Assim como garantir uma experiência de navegação e de marca fluida e confortável ao usuário. </li></ul>do cliente do cliente do cliente no foco foco Design de interação
  13. 13. Quem manda é o usuário <ul><li>“ A tecnologia tem sido parte de nosso dia-a-dia há gerações. Ela nos potencializa e nos frustra. Nos separa e nos une. Mas mesmo interagindo com tecnologia diariamente, nós esquecemos que ela é desenvolvida por pessoas, que merecem o crédito quando ela funciona bem ou a culpa quando ela não funciona.” </li></ul><ul><li>Jesse James Garrett </li></ul>
  14. 14. Construindo websites abstrato concreto Quem manda é o usuário Estratégia Escopo Estrutura Wireframes Interface
  15. 15. Atuação direta da arquitetura abstrato concreto Quem manda é o usuário Estratégia Escopo Estrutura Wireframes Interface
  16. 16. Estrutura Organização hierárquica da informação Quem manda é o usuário
  17. 17. Wireframes/Visual design Organização hierárquica da informação Quem manda é o usuário
  18. 18. Idea É hora de você soltar a sua mente    1 COMO FAZER MINHA IDÉIA Enquanto carregamos o aplicativo você vai aprender como usá-lo. Carregando: 73% VER SALVAR ENVIAR Fiat IDEA. É hora de você ter um. fale conosco | cadastre-se | indique para um amigo | concessionárias sites fiat  CHAMADA PARA O CARRO NA H0ME DE MASSINHA LOREM IPSUM GALERIA DE IDÉIAS IDÉIAS INDIVIDUAIS IDÉIAS ENTRE AMIGOS SCREENSAVER CRIE UMA ANIMAÇÃO
  19. 19. Idea É hora de você soltar a sua mente    1 COMO FAZER MINHA IDÉIA VER SALVAR ENVIAR Fiat IDEA. É hora de você ter um. fale conosco | cadastre-se | indique para um amigo | concessionárias sites fiat  CHAMADA PARA O CARRO NA H0ME DE MASSINHA LOREM IPSUM GALERIA DE IDÉIAS IDÉIAS INDIVIDUAIS IDÉIAS ENTRE AMIGOS SCREENSAVER CRIE UMA ANIMAÇÃO
  20. 20. Idea É hora de você soltar a sua mente 1    COMO FAZER MINHA IDÉIA 1 VER SALVAR ENVIAR Fiat IDEA. É hora de você ter um. fale conosco | cadastre-se | indique para um amigo | concessionárias sites fiat  CHAMADA PARA O CARRO NA H0ME DE MASSINHA LOREM IPSUM GALERIA DE IDÉIAS IDÉIAS INDIVIDUAIS IDÉIAS ENTRE AMIGOS SCREENSAVER CRIE UMA ANIMAÇÃO
  21. 21. Idea É hora de você soltar a sua mente 1    COMO FAZER MINHA IDÉIA 1 VER SALVAR ENVIAR Fiat IDEA. É hora de você ter um. fale conosco | cadastre-se | indique para um amigo | concessionárias sites fiat  CHAMADA PARA O CARRO NA H0ME DE MASSINHA LOREM IPSUM GALERIA DE IDÉIAS IDÉIAS INDIVIDUAIS IDÉIAS ENTRE AMIGOS SCREENSAVER CRIE UMA ANIMAÇÃO
  22. 22. Idea É hora de você soltar a sua mente    COMO FAZER MINHA IDÉIA 1 1 VER SALVAR ENVIAR Fiat IDEA. É hora de você ter um. fale conosco | cadastre-se | indique para um amigo | concessionárias sites fiat  CHAMADA PARA O CARRO NA H0ME DE MASSINHA LOREM IPSUM GALERIA DE IDÉIAS IDÉIAS INDIVIDUAIS IDÉIAS ENTRE AMIGOS SCREENSAVER CRIE UMA ANIMAÇÃO  EXCLUIR OBJETO TRANSFORME CORES TAMANHO GIRAR EFEITO ESPECIAL X
  23. 23. Idea É hora de você soltar a sua mente 1    COMO FAZER MINHA IDÉIA 1 VER SALVAR ENVIAR Fiat IDEA. É hora de você ter um. fale conosco | cadastre-se | indique para um amigo | concessionárias sites fiat  CHAMADA PARA O CARRO NA H0ME DE MASSINHA LOREM IPSUM GALERIA DE IDÉIAS IDÉIAS INDIVIDUAIS IDÉIAS ENTRE AMIGOS SCREENSAVER CRIE UMA ANIMAÇÃO
  24. 25. Atuação colaborativa da arquitetura abstrato concreto Detalhamento de público alvo Ações interativas Testes, análise de acesso e recomendação de melhorias Quem manda é o usuário Estratégia Escopo Estrutura Wireframes Interface
  25. 26. Atuação colaborativa da arquitetura abstrato concreto Este modelo traduz fundamentalmente uma linha de montagem de presença on-line. O aumento das possibilidades interativas na web pede mais que um site, com um menu do lado esquerdo, pedem uma solução de comunicação Quem manda é o usuário Estratégia Escopo Estrutura Wireframes Interface
  26. 27. Quem manda é o usuário <ul><li>2. Tem que ter CREA para ser arquiteto de informação? </li></ul>RAQ
  27. 28. O profissional de arquitetura de informação Profissionais de comunicação Profissionais de tecnologia Arquiteto de informação Quem manda é o usuário
  28. 29. Perfil Arquiteto de informação Criativo Curioso Saber ler estatística Navegador com muitas horas de web Desbravador de novas interfaces e produtos Pesquisador dos limites da tecnologia Quem manda é o usuário
  29. 30. Quem manda é o usuário <ul><li>3. Como usar as leis de Nielsen? </li></ul>RAQ
  30. 31. Quem manda é o usuário <ul><li>Jacob acertou muito quando definiu algumas máximas da usabilidade, entre elas: </li></ul>Com parcimônia “ Por que uma pessoa voltaria ao seu site? (...) porque ele é fácil.”
  31. 32. Quem manda é o usuário <ul><li>Subestimar a capacidade do usuário. Mesmo acreditando que quem tem o mouse tem o poder. </li></ul><ul><li>Trabalhar o “fácil” com base no usuário binário . </li></ul>O erro de Nielsen (1) (1) Eu acredito que a obra de Jacob Nielsen é de extremo valor, pois organizou algumas diretrizes do pensamento de arquitetura. Como estou propondo uma pequena crítica de metodologia, fiz alusão no título deste slide ao livro de Antonio Damasio, “O erro de Descartes”
  32. 33. Quem manda é o usuário O usuário binário
  33. 34. Quem manda é o usuário Associação Previsão ...mas subestima a inteligência A maioria das “regras” de usabilidade conta com:
  34. 35. Quem manda é o usuário <ul><li>Contigüidade: idéias são freqüentemente vivenciadas juntas, acabam por associar-se na mente. A partir de então, quando uma é ativada, a outra é ativada também. </li></ul><ul><li>Semelhança: quando duas idéias são semelhantes, tudo o que foi associado à primeira idéia é associado automaticamente à segunda. </li></ul>Conceitos de associação
  35. 36. Quem manda é o usuário <ul><li>“ Para predizer a grande maioria dos atos humanos – ir até a geladeira, subir no ônibus (...) – você não precisa labutar num modelo matemático, simular uma rede neural no computador, nem procurar um psicólogo profissional, basta perguntar à sua avó.” </li></ul><ul><li>“ (...) essa parte do bom senso tem tanto poder e precisão para prever, controlar e explicar o comportamento cotidiano em qualquer alternativa já concebida, que há grandes chances de que ela venha a ser incorporada de alguma forma nas nossas melhores teorias científicas.” </li></ul><ul><li>Steven Pinker </li></ul>Predição
  36. 37. Quem manda é o usuário <ul><li>“ Podemos ter problemas em definir inteligência, mas a reconhecemos quando a encontramos.” </li></ul><ul><li>“ Inteligência é (...) a capacidade de atingir objetivos diante de obstáculos, por meio de decisões baseadas em regras racionais.” </li></ul><ul><li>Steven Pinker </li></ul><ul><li>“ As pedras são mais inteligentes que os gatos, pois elas têm a sensatez de ir embora quando as chutamos.” </li></ul><ul><li>Zenon Pylyshyn </li></ul>PINKER, S. Como a mente funciona. Cia das letras , 2002, 70-161 Inteligência
  37. 38. Quem manda é o usuário I N T E L I G Ê N C I A CONFORTO EXPERIÊNCIA Segurança Inovação
  38. 39. Quem manda é o usuário Comprovante digital de pagamento de contas do Banco Real, com “carimbo”. Origem no recibo analógico. Metáforas
  39. 40. Quem manda é o usuário <ul><li>“ Nesse layout, os pares de letras utilizados com maior freqüência na língua inglesa foram separados em metades opostas do teclado, numa tentativa de evitar o travamento do mecanismo das rudimentares máquinas do século XIX. </li></ul><ul><li>Ao alternar o uso das teclas, o arranjo impedia o travamento de teclas nas antigas máquinas de escrever: enquanto uma mão acerta uma tecla, a outra localiza a tecla seguinte.” </li></ul>Metáforas http://pt.wikipedia.org/wiki/QWERTY
  40. 41. Quem manda é o usuário http://www.wordperhect.net
  41. 42. Quem manda é o usuário
  42. 43. Quem manda é o usuário
  43. 44. Quem manda é o usuário
  44. 45. Quem manda é o usuário
  45. 46. Quem manda é o usuário
  46. 47. Quem manda é o usuário
  47. 48. Quem manda é o usuário <ul><li>Com a sofisticação dos recursos para construção de páginas na internet, o usuário não só se mostrou ativo em vez de reativo ao meio, como também um ser gregário, produtivo e autor de suas próprias iniciativas. </li></ul><ul><li>O paradigma da web 2.0 rompeu a idéia da inércia do sujeito atrás da tela, que prefere ser co-autor da experiência. </li></ul><ul><li>Isso tudo só torna a tarefa de arquitetura ainda mais complexa, com a missão de quebrar a PREVISIBILIDADE, sem promover frustrações. </li></ul>A tomada da autoria
  48. 49. Quem manda é o usuário <ul><li>Se as regras de construção estão abaladas pela versatilidade do meio, como garantir boas soluções? </li></ul><ul><li>Testando. </li></ul>Mais um acerto de Nielsen
  49. 50. Quem manda é o usuário Alert box: http://www.useit.com/alertbox/20000319.html Por que você precisa testar com 5 usuários?
  50. 51. Quem manda é o usuário Menu esquerdo x Menu flutuante
  51. 52. Quem manda é o usuário Menu com erro de taxonomia. Não há “geladeira.” Para encontrar um cooktop , o usuário precisava procurar em “linhas especiais”.
  52. 53. Quem manda é o usuário Não houve dificuldade em localizar ou usar o menu.
  53. 54. Quem manda é o usuário <ul><li>4. O próximo slide deveria estar aí? </li></ul>RAQ
  54. 55. Quem manda é o usuário <ul><li>“ (...) é impressionante ver quão enigmáticas essas mensagens de erro são. Mesmo eu, olhando para elas, me pergunto o que eu faria se recebesse uma mensagem dessas. Minha favorita é esta que diz “o DHCP client não pode obter um IP adress. Se você quer ver mensagens do DHCP no futuro, escolha “sim”, caso contrário, “não”. </li></ul><ul><li>A última parte é muito esclarecedora, em que ela tenta me lembrar da diferença entre sim e não. Mas eu ainda não sei o que é DHCP e o que acontece se eu disser não. É uma coisa ruim? Eu realmente gostaria de ver essa mensagem de novo em algum momento? Eu serei mais esperto da próxima vez para saber do que se trata? Ela é tão enigmática quanto pode ser. </li></ul><ul><li>Bill Gates </li></ul>Mensagens de erro
  55. 56. Quem manda é o usuário <ul><li>5. Arquitetura de informação funciona fora da internet? </li></ul>RAQ
  56. 57. Quem manda é o usuário Eu tinha dúvidas disso, até fazer este projeto.
  57. 58. Quem manda é o usuário
  58. 59. Quem manda é o usuário
  59. 60. Quem manda é o usuário
  60. 61. Quem manda é o usuário
  61. 62. Quem manda é o usuário O final da história vocês vão ver nos cinemas no próximo mês. Obrigada! E-mail: julianac@agenciaclick.com.br

×