<ul><li>As atualizações são menos freqüentes e são por conta do proprietário do site ou do webmaster; </li></ul><ul><li>Se...
 
O termo WEB 2.0 surgiu em 2004 em uma conferência, e  Dale Dougherty  (O'Reilly Media)   foi o responsável pela criação do...
<ul><li>Aproveitamento da inteligência coletiva; </li></ul><ul><li>Conteúdo gerado pelo usuário; </li></ul><ul><li>Sites m...
 
<ul><li>Flexibilidade: fácil de alterar; </li></ul><ul><li>Precisa ser leve, para carregar mais rápido; </li></ul><ul><li>...
Segunda geração de serviços baseados na web como sites de redes sociais, wikis, ferramentas de comunicação e folksonomias....
 
 
 
 
 
 
 
 
 
<ul><li>Colaborar e compartilhar com conteúdo ;  </li></ul><ul><li>Sites interativos; </li></ul><ul><li>Chega de apenas le...
 
 
<ul><li>Exemplo claro da força da Internet; </li></ul><ul><li>Grandes empresas investindo em ações de marketing na Interne...
3,178,843 visitas
3,607,716 visitas
Como as empresas gerenciam seu conteúdo hoje?
 
 
O que as empresas ganham com isso?
- Interação entre os funcionários e agilidade; - Compartilhamento de conteúdo e pontos de vista; - Modelo de hierarquia mo...
Julho/2006
Julho/2006
<ul><li>Falta de privacidade (Já experimentou buscar seu nome no Google?); </li></ul><ul><li>Muito conteúdo muitas vezes d...
Web 2.0 mostra seu poder. Estadão ataca os bloggers, você viu?
 
 
Sabe em quantos anos é estimado o fim dos impressos?
20 anos Não era para eles realmente estarem preocupados?
O que há em comum em todos os sites e portais apresentados até o momento?
Simplicidade  e  foco no usuário
Quanto mais simples, mais fácil. Quanto mais focado, mais chances de alcançar o objetivo
Quais os maiores exemplos de sites ou portais com foco no usuário e na simplicidade?
 
 
Será que esta festa pela web 2.0 é realmente necessária? Será que ela é a coisa mais importante?
Adivinha quem é o centro das atenções daqui para frente?
Capa recente da  Revista Time . As pessoas são o destaque.
Mas o que é esse tal  “foco no usuário” ?
<ul><li>O foco no usuário é composto por:   </li></ul><ul><li>Usabilidade; </li></ul><ul><li>Arquitetura da Informação; </...
Usabilidade  é sinônimo de facilidade de uso, ou seja, se é fácil de usar, o usuário aprende rápido a usar, memoriza as op...
<ul><li>Ser fácil de aprender; </li></ul><ul><li>Ser eficiente na utilização; </li></ul><ul><li>Ser fácil de ser recordado...
<ul><li>É essencial uma boa usabilidade porque, diferente da TV, na web o usuário tem um comportamento ativo e interage co...
Onde está o botão ou link de  download  na página a seguir? Você consegue encontrá-lo em menos de  5 segundos ?
 
Conseguiu achar facilmente?  Foi intuitivo?
 
Onde posso criar um cadastro no site a seguir? Você consegue encontrá-lo em menos de  10 segundos ?
 
Bom, vamos clicar em “ Meu cadastro ” e ver o que acontece.
 
 
Alguém conseguiu ver onde é possível se cadastrar? Não? Nem eu!
Links evidentes Resultados visíveis Busca fácil e intuitiva Você sabe onde está
 
- Conhecendo os usuários e como eles usam o site; - Dando prioridade a estas pessoas ao invés das tecnologias; - Seguindo ...
A  Arquitetura da Informação  organiza os sistemas de informação, para que as pessoas possam encontrar de forma fácil o qu...
<ul><li>Fluxo de navegação fácil e lógico; </li></ul><ul><li>Disposição dos elementos na melhor forma possível; </li></ul>...
A  Arquitetura da Informação  é uma “aliada” da  Usabilidade , ambas trabalham juntas na criação de um site fácil de naveg...
<ul><li>Resultados de busca mal organizados; </li></ul><ul><li>Nomes confusos (campos, seções); </li></ul><ul><li>Página d...
Exemplo de investimento em Arquitetura da Informação
Nova interface do site da empresa  Tecnisa , mais clean e  consideravelmente  mais organizado. Quer saber os resultados?
<ul><li>Aumento de 96% de visitas em 2007; </li></ul><ul><li>Aumento de 81% em vendas; </li></ul><ul><li>Aumento de 29% de...
Exemplo de Arquitetura da Informação na prática
Notícia principal em destaque (E que notícia!) Busca visível E-mail  visível
Wireframe detalhado
Resultado final
- Criar formulários fáceis e acessíveis; - Elementos importantes devem estar destacados e bem posicionados; - Buscas efici...
A  Acessibilidade  é a flexibilidade do acesso as informações. Se um site é acessível, então pessoas com necessidades espe...
<ul><li>Sites devem ser acessíveis para deficientes em geral (Por exemplo: deficientes visuais, ou com problemas de coorde...
 
Quem precisa de acessibilidade?
 
 
- Conhecer as necessidade especiais; - Seguindo os padrões web e diretrizes da WCAG; - Testando em situações reais; - Cria...
Sabe qual é o maior cego na Internet?
 
- As pessoas têm pouco tempo; - A Internet agora está ao alcance de pessoas de qualquer nível social ou de conhecimento; -...
A Internet mudou...você mudou?
Primeiro Passo Trabalhar com  padrões web (Web Standards):   XHTML + CSS Use cada elemento para o qual ele foi feito!
Segundo Passo Entender seu cliente, seu público alvo e criar soluções fáceis e acessíveis.
Terceiro Passo  Acompanhar e entender as mudanças da WEB, AJAX, métricas, RSS, Mashup, acessibilidade, design de interação...
Quarto Passo  Desenvolver um modelo de desenvolvimento funcional:
- Trabalhar com planejamento; - Entender as necessidades do cliente e do seu público alvo; - Criar ações e estratégias foc...
Ou você está bem posicionado nos buscadores ou você não existe. URL fácil e campanhas de publicidade de divulgação de site...
 
Custo baixo para obter dados relevantes sobre o projeto, que podem ser utilizados para melhorar a  Usabilidade  e  Arquite...
Será preciso refazer todos os sites? Grande parte sim, já que seus formatos são antiquados e 97% não estão dentro da lei d...
Foco no usuário dá dinheiro para a  empresa  e para o  desenvolvedor , então não perca tempo, entenda as tendências!
<ul><li>O país com mais cadastros no  Orkut ; </li></ul><ul><li>O país onde os internautas ficam mais tempo conectados ( Q...
<ul><li>O 3º maior comprador de computadores ( 6 milhões em 2006 ); </li></ul><ul><li>O 4º maior usuário do  Second Life ;...
<ul><li>As empresas deverão sair de sua estrutura hierárquica atual para a estrutura colaborativa; </li></ul><ul><li>As em...
<ul><li>Não confie no formato atual da web e muito menos em seus conhecimentos atuais, basta olhar o número de mudanças no...
<ul><li>Criar sites que sejam acessíveis e interajam com o maior número de dispositivos possíveis; </li></ul><ul><li>Enten...
Grande idéias com pequenos investimentos podem valer milhões, por exemplo,  YouTube  que foi comprado recentemente pelo  G...
Mantenha o foco no que você gosta de fazer. Em seguida, busque parceiros que façam o restante! Com certeza os resultados s...
“ Cada macaco no seu galho”
Projetando websites com Usabilidade Jakob Nielsen e Hoa Loranger Design para a Internet Felipe Memória Projetando websites...
Não me faça pensar Steve Krug Webwriting Bruno Rodrigues Usabilidade na Web Cláudia Dias A cauda longa Chris Anderson
Design de Interação : Além da Interação Homem-Computador Jennifer Preece  Information Architecture Louis Rosenfeld e Peter...
Usabilidoido:  www.usabilidoido.com.br Luiz Agner:  www.agner.com.br  Complicado:  www.complicado.wordpress.com  Acesso Di...
 
 
Upcoming SlideShare
Loading in …5
×

Palestra de Web 2.0 + Foco no Usuário

1,828 views
1,750 views

Published on

Palestra apresentada na faculdade Impacta no dia 9/10/2007, sobre Web 2.0 e Foco no Usuário.

Published in: Technology
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,828
On SlideShare
0
From Embeds
0
Number of Embeds
37
Actions
Shares
0
Downloads
134
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Palestra de Web 2.0 + Foco no Usuário

  1. 2. <ul><li>As atualizações são menos freqüentes e são por conta do proprietário do site ou do webmaster; </li></ul><ul><li>Sem interatividade - o usuário apenas lê e navega; </li></ul><ul><li>Poucos sites na Internet e pouca variedade de conteúdo; </li></ul>
  2. 4. O termo WEB 2.0 surgiu em 2004 em uma conferência, e Dale Dougherty (O'Reilly Media) foi o responsável pela criação do termo. Este evento reuniu empresas que sobreviveram à bolha da Internet do ano 2000.
  3. 5. <ul><li>Aproveitamento da inteligência coletiva; </li></ul><ul><li>Conteúdo gerado pelo usuário; </li></ul><ul><li>Sites mais interativos; </li></ul><ul><li>Sistemas web cada vez mais parecidos com sistemas desktop; </li></ul><ul><li>Foco no usuário e nas suas necessidades. </li></ul>
  4. 7. <ul><li>Flexibilidade: fácil de alterar; </li></ul><ul><li>Precisa ser leve, para carregar mais rápido; </li></ul><ul><li>Precisa ser acessível a tudo e todos; </li></ul>
  5. 8. Segunda geração de serviços baseados na web como sites de redes sociais, wikis, ferramentas de comunicação e folksonomias. Enfatizam a colaboração online e o compartilhamento entre usuários . Ross Mayfield, CEO, Socialtext
  6. 18. <ul><li>Colaborar e compartilhar com conteúdo ; </li></ul><ul><li>Sites interativos; </li></ul><ul><li>Chega de apenas ler, agora vamos participar e opinar; </li></ul><ul><li>“ Conteúdo é o Rei” e o usuário também. </li></ul>
  7. 21. <ul><li>Exemplo claro da força da Internet; </li></ul><ul><li>Grandes empresas investindo em ações de marketing na Internet; </li></ul><ul><li>Usuários mostram seu poder na Internet: basta vermos os números. </li></ul>
  8. 22. 3,178,843 visitas
  9. 23. 3,607,716 visitas
  10. 24. Como as empresas gerenciam seu conteúdo hoje?
  11. 27. O que as empresas ganham com isso?
  12. 28. - Interação entre os funcionários e agilidade; - Compartilhamento de conteúdo e pontos de vista; - Modelo de hierarquia modificado, mostrando a flexibilidade da empresa.
  13. 29. Julho/2006
  14. 30. Julho/2006
  15. 31. <ul><li>Falta de privacidade (Já experimentou buscar seu nome no Google?); </li></ul><ul><li>Muito conteúdo muitas vezes dificulta achar o que nós REALMENTE queremos; </li></ul><ul><li>Confiança no conteúdo publicado. </li></ul>
  16. 32. Web 2.0 mostra seu poder. Estadão ataca os bloggers, você viu?
  17. 35. Sabe em quantos anos é estimado o fim dos impressos?
  18. 36. 20 anos Não era para eles realmente estarem preocupados?
  19. 37. O que há em comum em todos os sites e portais apresentados até o momento?
  20. 38. Simplicidade e foco no usuário
  21. 39. Quanto mais simples, mais fácil. Quanto mais focado, mais chances de alcançar o objetivo
  22. 40. Quais os maiores exemplos de sites ou portais com foco no usuário e na simplicidade?
  23. 43. Será que esta festa pela web 2.0 é realmente necessária? Será que ela é a coisa mais importante?
  24. 44. Adivinha quem é o centro das atenções daqui para frente?
  25. 45. Capa recente da Revista Time . As pessoas são o destaque.
  26. 46. Mas o que é esse tal “foco no usuário” ?
  27. 47. <ul><li>O foco no usuário é composto por: </li></ul><ul><li>Usabilidade; </li></ul><ul><li>Arquitetura da Informação; </li></ul><ul><li>Acessibilidade. </li></ul>
  28. 48. Usabilidade é sinônimo de facilidade de uso, ou seja, se é fácil de usar, o usuário aprende rápido a usar, memoriza as operações, comete menos erros e chega aos seus objetivos.
  29. 49. <ul><li>Ser fácil de aprender; </li></ul><ul><li>Ser eficiente na utilização; </li></ul><ul><li>Ser fácil de ser recordado; </li></ul><ul><li>Ter poucos erros; </li></ul><ul><li>Ser subjetivamente agradável. Jabok Nielsen (2003) </li></ul>
  30. 50. <ul><li>É essencial uma boa usabilidade porque, diferente da TV, na web o usuário tem um comportamento ativo e interage com o site; </li></ul><ul><li>O usuário nunca erra, quem erra é quem projetou o site e não pensou nas prováveis situações de uso e nos possíveis erros dos usuários; </li></ul>
  31. 51. Onde está o botão ou link de download na página a seguir? Você consegue encontrá-lo em menos de 5 segundos ?
  32. 53. Conseguiu achar facilmente? Foi intuitivo?
  33. 55. Onde posso criar um cadastro no site a seguir? Você consegue encontrá-lo em menos de 10 segundos ?
  34. 57. Bom, vamos clicar em “ Meu cadastro ” e ver o que acontece.
  35. 60. Alguém conseguiu ver onde é possível se cadastrar? Não? Nem eu!
  36. 61. Links evidentes Resultados visíveis Busca fácil e intuitiva Você sabe onde está
  37. 63. - Conhecendo os usuários e como eles usam o site; - Dando prioridade a estas pessoas ao invés das tecnologias; - Seguindo os estudos e pesquisadores; - Testando em situações reais;
  38. 64. A Arquitetura da Informação organiza os sistemas de informação, para que as pessoas possam encontrar de forma fácil o que desejam.
  39. 65. <ul><li>Fluxo de navegação fácil e lógico; </li></ul><ul><li>Disposição dos elementos na melhor forma possível; </li></ul><ul><li>Pontos importantes visíveis e destacados; </li></ul><ul><li>Nomes de seções, campos e etc., intuitivos para qualquer pessoa; </li></ul><ul><li>Texto direto, fácil e na linguagem do usuário. </li></ul>
  40. 66. A Arquitetura da Informação é uma “aliada” da Usabilidade , ambas trabalham juntas na criação de um site fácil de navegar, atingindo assim as expectativas e objetivos do usuário.
  41. 67. <ul><li>Resultados de busca mal organizados; </li></ul><ul><li>Nomes confusos (campos, seções); </li></ul><ul><li>Página desorganizada; </li></ul><ul><li>Performance lenta; </li></ul><ul><li>Navegação inconsistente. </li></ul>
  42. 68. Exemplo de investimento em Arquitetura da Informação
  43. 69. Nova interface do site da empresa Tecnisa , mais clean e consideravelmente mais organizado. Quer saber os resultados?
  44. 70. <ul><li>Aumento de 96% de visitas em 2007; </li></ul><ul><li>Aumento de 81% em vendas; </li></ul><ul><li>Aumento de 29% de taxa de conversão visita/chat; </li></ul><ul><li>Aumento de 50% de taxa de conversão visita/cadastro. </li></ul>
  45. 71. Exemplo de Arquitetura da Informação na prática
  46. 72. Notícia principal em destaque (E que notícia!) Busca visível E-mail visível
  47. 73. Wireframe detalhado
  48. 74. Resultado final
  49. 75. - Criar formulários fáceis e acessíveis; - Elementos importantes devem estar destacados e bem posicionados; - Buscas eficientes; - Poucos cliques para chegar ao conteúdo;
  50. 76. A Acessibilidade é a flexibilidade do acesso as informações. Se um site é acessível, então pessoas com necessidades especiais ou limitações dos meios utilizados, conseguem utilizá-lo normalmente.
  51. 77. <ul><li>Sites devem ser acessíveis para deficientes em geral (Por exemplo: deficientes visuais, ou com problemas de coordenação); </li></ul><ul><li>Também devem ser acessíveis para dispositivos móveis como celulares e palms; </li></ul><ul><li>Navegadores com versões diferentes, versão para impressão e etc., fazem parte de uma boa acessibilidade. </li></ul>
  52. 79. Quem precisa de acessibilidade?
  53. 82. - Conhecer as necessidade especiais; - Seguindo os padrões web e diretrizes da WCAG; - Testando em situações reais; - Criando textos diretos, bem escritos e sem erros de português;
  54. 83. Sabe qual é o maior cego na Internet?
  55. 85. - As pessoas têm pouco tempo; - A Internet agora está ao alcance de pessoas de qualquer nível social ou de conhecimento; - A concorrência cresceu;
  56. 86. A Internet mudou...você mudou?
  57. 87. Primeiro Passo Trabalhar com padrões web (Web Standards): XHTML + CSS Use cada elemento para o qual ele foi feito!
  58. 88. Segundo Passo Entender seu cliente, seu público alvo e criar soluções fáceis e acessíveis.
  59. 89. Terceiro Passo Acompanhar e entender as mudanças da WEB, AJAX, métricas, RSS, Mashup, acessibilidade, design de interação e por aí vai.
  60. 90. Quarto Passo Desenvolver um modelo de desenvolvimento funcional:
  61. 91. - Trabalhar com planejamento; - Entender as necessidades do cliente e do seu público alvo; - Criar ações e estratégias focadas no usuário; - Entender métricas e utilizá-las da melhor forma. Quarto Passo
  62. 92. Ou você está bem posicionado nos buscadores ou você não existe. URL fácil e campanhas de publicidade de divulgação de site são apenas 20% do total das visitas, adivinha de onde estão vindo os outros 80%? Quinto Passo
  63. 94. Custo baixo para obter dados relevantes sobre o projeto, que podem ser utilizados para melhorar a Usabilidade e Arquitetura da Informação , além de entender o que os usuários querem, criando, assim, ações estratégias focadas no usuários .
  64. 95. Será preciso refazer todos os sites? Grande parte sim, já que seus formatos são antiquados e 97% não estão dentro da lei de acessibilidade.
  65. 96. Foco no usuário dá dinheiro para a empresa e para o desenvolvedor , então não perca tempo, entenda as tendências!
  66. 97. <ul><li>O país com mais cadastros no Orkut ; </li></ul><ul><li>O país onde os internautas ficam mais tempo conectados ( Quase 21 horas por mês em média ); </li></ul><ul><li>o 2º maior usuário do YouTube ; </li></ul>
  67. 98. <ul><li>O 3º maior comprador de computadores ( 6 milhões em 2006 ); </li></ul><ul><li>O 4º maior usuário do Second Life ; </li></ul><ul><li>E o país que possui mais de 30 milhões de internautas. </li></ul>
  68. 99. <ul><li>As empresas deverão sair de sua estrutura hierárquica atual para a estrutura colaborativa; </li></ul><ul><li>As empresas que souberem organizar e enxergar a importância de focar nos objetivos de seu usuário estarão à frente da concorrência; </li></ul>
  69. 100. <ul><li>Não confie no formato atual da web e muito menos em seus conhecimentos atuais, basta olhar o número de mudanças nos últimos anos; </li></ul><ul><li>Manter-se atualizado não é mais uma necessidade, e sim uma OBRIGAÇÃO nos dias de hoje; </li></ul>
  70. 101. <ul><li>Criar sites que sejam acessíveis e interajam com o maior número de dispositivos possíveis; </li></ul><ul><li>Entenda de teoria e conceitos e técnicas e ferramentas depois, por mão na massa hoje em dia não é mais luxo; </li></ul>
  71. 102. Grande idéias com pequenos investimentos podem valer milhões, por exemplo, YouTube que foi comprado recentemente pelo Google . Crie, não tenha vergonha de errar, uma hora você pode acertar.
  72. 103. Mantenha o foco no que você gosta de fazer. Em seguida, busque parceiros que façam o restante! Com certeza os resultados serão melhores!
  73. 104. “ Cada macaco no seu galho”
  74. 105. Projetando websites com Usabilidade Jakob Nielsen e Hoa Loranger Design para a Internet Felipe Memória Projetando websites Jakob Nielsen Ergodesign e Arquitetura da Informação Luiz Agner
  75. 106. Não me faça pensar Steve Krug Webwriting Bruno Rodrigues Usabilidade na Web Cláudia Dias A cauda longa Chris Anderson
  76. 107. Design de Interação : Além da Interação Homem-Computador Jennifer Preece Information Architecture Louis Rosenfeld e Peter Morville Projetando website compatíveis Jeffrey Zeldman Mirando Resultados Ricardo Almeida
  77. 108. Usabilidoido: www.usabilidoido.com.br Luiz Agner: www.agner.com.br Complicado: www.complicado.wordpress.com Acesso Digital: www. acessodigital.net FatorW: www.fatorw.com Revolução e Etc: www.revolucao.etc.br Tableless: www.tableless.com.br Planta Baixa: www.plantabaixa.wordpress.com Petitpois: www.lulileslie.com

×