SlideShare una empresa de Scribd logo
1 de 181
 
 
 
Mas, vamos ao que interessa...
Ah sim, não se preocupem em anotar, porque segunda-feira esta apresentação estará on-line.
[object Object],[object Object],[object Object]
 
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.
[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object]
 
[object Object],[object Object],[object Object]
“ 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
Web 1.0  – Rede de Computadores Web 2.0  – Rede de Pessoas
 
 
Você conhece isso e não sabia, quer ver?
Como você classificaria esta imagem?
 
Folcsonomia nada mais é do que a classificação de informações pelos próprios usuários.  Exemplo:  Flickr ,  del.icio.us  e  YoutTube
Lembra da folha?
 
 
 
 
 
 
 
 
 
 
[object Object],[object Object],[object Object],[object Object]
 
 
[object Object],[object Object],[object Object]
3,178,843 visitas
3,607,716 visitas
- Nunca fez propaganda; - 220 milhões de usuários; - Vendido por US$4,1 bilhões.
- Não trabalha com a marca diretamente; - Não é apenas vídeo; - O principal meio de propagação é o “boca a boca”
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 modificado, mostrando a flexibilidade da empresa.
Julho/2006
Julho/2006
[object Object],[object Object],[object Object]
[object Object],[object Object]
 
APML A ttention  P rofiling  M arkup  L anguage “ Linguagem de marcação de perfil de atenção”
APML Você fala o que gosta e não gosta em um arquivo XML ( eXtensible Markup Language)  e se o programa suportar este tipo de tecnologia, você filtra o conteúdo.
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?
Novo posicionamento do IG Por que ele mudou de postura?
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?
 
 
 
 
Sabe o que as pessoas gostam?
43% de conteúdo  X 33% de comunicação Ou seja, elas gostam mais de ler e trocar informações do que vídeos por exemplo.
Conteúdo responsável por atrair a  massa na internet
Entretenimento Vídeos Músicas Esportes
Notícias & Informações Jornalismo Tempo Guia / Mapas Lazer
Educação Universidades Carreiras
Família Saúde Infantil
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” ?
[object Object],[object Object],[object Object],[object Object]
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.
[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object]
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?
 
Qual é mais fácil fazer o download? Este...
Ou este...
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!
Mas como resolver?
Mais fácil não?
Conhece o efeito Las Vegas?
 
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 os estudos e pesquisadores; - Testando em situações reais;
A  Arquitetura da Informação  organiza os sistemas de informação, para que as pessoas possam encontrar de forma fácil o que desejam.
[object Object],[object Object],[object Object],[object Object],[object Object]
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.
[object Object],[object Object],[object Object],[object Object],[object Object]
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?
[object Object],[object Object],[object Object],[object Object]
Exemplo de investimento em Arquitetura da Informação – Parte 2
Sky – e-commerce Taxa de conversão de vendas de  0,2%  para  50%  em  4 meses
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
É importante descobrir quais os pontos mais importantes da página e trabalhar  em cima deles.
 
- 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;
“ Se o consumidor não consegue encontrar o produto, ele não poderá comprá-lo” Jakob Nielsen (2003)
Acessibilidade serve para criar sites que possam ser utilizados por pessoas com algum tipo de deficiência, palms, celulares, qualquer navegador e etc.
[object Object],[object Object],[object Object]
 
Quem precisa de acessibilidade?
 
Estas pessoas precisam de acessibilidade... você já imaginou se fosse o contrário?
Agora que você já sabe quem precisa de acessibilidade, vamos adiante...
 
Com uma boa acessibilidade temos...
 
 
- 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;
Sabe qual é o maior cego na Internet?
 
Mesmo o Google sendo o maior cego, ele não é 100% acessível, ele pode ser considerado razoavelmente acessível segundo Lêda Lucia Spelta do  Acesso Digital .
- 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;
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 para todos.
Terceiro Passo  Acompanhar e entender as mudanças da WEB, AJAX, métricas, RSS, Mashup, acessibilidade, design de interação e por aí vai.
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 focadas no usuário; - Entender métricas e utilizá-las da melhor forma. Quarto Passo
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
Buscadores
“ Google fornece  60%  das buscas realizadas no planeta, estudo da ComScore “ Fonte:  Blue Bus
 
 
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 .
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.
Foco no usuário dá dinheiro para a  empresa  e para o  desenvolvedor , então não perca tempo, entenda as tendências!
Mas quem ganha com foco no usuário?
1- Você que é usuário, que alcança seus objetivos;
2- Você desenvolvedor, que cria projetos bons e será reconhecido;
3- Sua empresa, que será reconhecida por criar projetos úteis e fáceis;
4- Seu cliente, que terá retorno de  várias formas;
Ou seja, todos ganham!
Mitos sobre o foco no usuário
1 – Site fácil de usar e acessível, não é sinônimo de interfaces  extremamente limpas;
2 – Acessibilidade não é cara, muito menos demorada e muito menos complexa para ser aplicada;
3 – Acessibilidade  NÃO  é apenas para pessoas com deficiência visual;
4 – Não são poucos os usuários beneficiados pela Acessibilidade;
5 – Nós achamos que sabemos o que é bom para nosso usuário (Isto serve para o desenvolvedor e para o cliente); Para isto existe os profissionais qualificados
[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object]
“ Anunciantes vão investir recorde de 31 bilhões de dólares na web em 2007” Fonte:  BlueBus
Isso é muito dinheiro!
Mídias são o futuro e a web será a centralizadora disto tudo.
- Vídeos; - Televisão on-line; - Celulares e palms acessando a web; - Tudo fala a mesma língua.
[object Object],[object Object]
[object Object],[object Object]
[object Object],[object Object]
Teoria  +  Prática  =  Profissional Completo
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!
Grandes empresas (Globo.com, AgênciaClick, 10’Minutos e etc), não contratam os profissionais  “fazem tudo”
“ Cada macaco no seu galho”
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.
A tecnologia cria a necessidade ou a necessidade cria a tecnologia?
Não se preocupem em anotar, isto vai estar na internet na segunda-feira!
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
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 Morville  Projetando website compatíveis Jeffrey Zeldman Mirando Resultados Ricardo Almeida
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
 
Acesse www.alexandreformagio.com.br e participe da promoção!
 

Más contenido relacionado

La actualidad más candente

Facebook marketing aula01
Facebook marketing aula01Facebook marketing aula01
Facebook marketing aula01
gilsonmlf
 
Redes Sociais Horizontais e as Relações Públicas
Redes Sociais Horizontais e as Relações PúblicasRedes Sociais Horizontais e as Relações Públicas
Redes Sociais Horizontais e as Relações Públicas
Miguel Abrantes
 

La actualidad más candente (20)

O Design de Interfaces na Web 2.0
O Design de Interfaces na Web 2.0O Design de Interfaces na Web 2.0
O Design de Interfaces na Web 2.0
 
Navegacao
NavegacaoNavegacao
Navegacao
 
Rumo à biblioteconomia 2.0
Rumo à biblioteconomia 2.0Rumo à biblioteconomia 2.0
Rumo à biblioteconomia 2.0
 
Testes de usabilidade - Webdesign 2021-02
Testes de usabilidade - Webdesign 2021-02Testes de usabilidade - Webdesign 2021-02
Testes de usabilidade - Webdesign 2021-02
 
Workshop "Conceitos de Mídias Sociais" para Accor
Workshop "Conceitos de Mídias Sociais" para AccorWorkshop "Conceitos de Mídias Sociais" para Accor
Workshop "Conceitos de Mídias Sociais" para Accor
 
Cronograma final 13maio
Cronograma final 13maioCronograma final 13maio
Cronograma final 13maio
 
Satellite - Web 2.0
Satellite - Web 2.0Satellite - Web 2.0
Satellite - Web 2.0
 
UX e UI no Webdesign - Aula 02 - Webdesign - 2020
UX e UI no Webdesign - Aula 02 - Webdesign - 2020UX e UI no Webdesign - Aula 02 - Webdesign - 2020
UX e UI no Webdesign - Aula 02 - Webdesign - 2020
 
Teste de Usabilidade - Webdesign - Aula 4 2020-02
Teste de Usabilidade - Webdesign - Aula 4 2020-02Teste de Usabilidade - Webdesign - Aula 4 2020-02
Teste de Usabilidade - Webdesign - Aula 4 2020-02
 
Facebook marketing aula01
Facebook marketing aula01Facebook marketing aula01
Facebook marketing aula01
 
Testes de Usabilidade - Webdesign - Aula 9 - 2020-01
Testes de Usabilidade - Webdesign - Aula 9 - 2020-01Testes de Usabilidade - Webdesign - Aula 9 - 2020-01
Testes de Usabilidade - Webdesign - Aula 9 - 2020-01
 
Facebook Marketing
Facebook MarketingFacebook Marketing
Facebook Marketing
 
Seminário Web 20 - Info 09/2007
Seminário Web 20 - Info 09/2007Seminário Web 20 - Info 09/2007
Seminário Web 20 - Info 09/2007
 
UX e UI - Experiência e Interface aplicada no usuário
UX e UI - Experiência e Interface aplicada no usuárioUX e UI - Experiência e Interface aplicada no usuário
UX e UI - Experiência e Interface aplicada no usuário
 
A aplicação do conceito de personal branding através dos blogs: um estudo de ...
A aplicação do conceito de personal branding através dos blogs: um estudo de ...A aplicação do conceito de personal branding através dos blogs: um estudo de ...
A aplicação do conceito de personal branding através dos blogs: um estudo de ...
 
Enterprise Web 2.0
Enterprise Web 2.0Enterprise Web 2.0
Enterprise Web 2.0
 
Web Standards
Web StandardsWeb Standards
Web Standards
 
Redes Sociais Horizontais e as Relações Públicas
Redes Sociais Horizontais e as Relações PúblicasRedes Sociais Horizontais e as Relações Públicas
Redes Sociais Horizontais e as Relações Públicas
 
Planejamento e Desenvolvimento de Web Sites
Planejamento e Desenvolvimento de Web SitesPlanejamento e Desenvolvimento de Web Sites
Planejamento e Desenvolvimento de Web Sites
 
2º Edição Ebook:Smart Digital - Conteúdo Social
2º Edição Ebook:Smart Digital - Conteúdo Social2º Edição Ebook:Smart Digital - Conteúdo Social
2º Edição Ebook:Smart Digital - Conteúdo Social
 

Destacado (9)

Cataratas Del Niagara En Invierno765
Cataratas Del Niagara En Invierno765Cataratas Del Niagara En Invierno765
Cataratas Del Niagara En Invierno765
 
Presentacion Diplomado
Presentacion DiplomadoPresentacion Diplomado
Presentacion Diplomado
 
Radio Frequenc Version3
Radio Frequenc Version3Radio Frequenc Version3
Radio Frequenc Version3
 
Reframe Overview Pub Media Convening
Reframe Overview   Pub Media ConveningReframe Overview   Pub Media Convening
Reframe Overview Pub Media Convening
 
Alwin Sixma - IP Event
Alwin Sixma - IP EventAlwin Sixma - IP Event
Alwin Sixma - IP Event
 
DíAinternacional
DíAinternacionalDíAinternacional
DíAinternacional
 
E V I DÊ N C I A S
E V I DÊ N C I A SE V I DÊ N C I A S
E V I DÊ N C I A S
 
Petita història de l'hort
Petita història de l'hortPetita història de l'hort
Petita història de l'hort
 
Los mejores comerciales
Los mejores comercialesLos mejores comerciales
Los mejores comerciales
 

Similar a Web 2.0 + Foco no Usuário

O A Apresentacao O A Anglo Americano
O A  Apresentacao  O A  Anglo  AmericanoO A  Apresentacao  O A  Anglo  Americano
O A Apresentacao O A Anglo Americano
Organic Agency
 
Trabalho sobre o Artigo "Dez Razões para ter uma Rede Social em sua Empresa"
Trabalho sobre o Artigo "Dez Razões para ter uma Rede Social em sua Empresa"Trabalho sobre o Artigo "Dez Razões para ter uma Rede Social em sua Empresa"
Trabalho sobre o Artigo "Dez Razões para ter uma Rede Social em sua Empresa"
Graziela Dias
 
2010.1 - PUB5AN - Marketing Digital AULA 03
2010.1 - PUB5AN - Marketing Digital AULA 032010.1 - PUB5AN - Marketing Digital AULA 03
2010.1 - PUB5AN - Marketing Digital AULA 03
Neca Boullosa
 

Similar a Web 2.0 + Foco no Usuário (20)

Usabilidade Conceitos Centrais
Usabilidade Conceitos CentraisUsabilidade Conceitos Centrais
Usabilidade Conceitos Centrais
 
Usabilidade Conceitos Centrais
Usabilidade  Conceitos CentraisUsabilidade  Conceitos Centrais
Usabilidade Conceitos Centrais
 
O que e web 20
O que e web 20O que e web 20
O que e web 20
 
Pitacos sobre usabilidade
Pitacos sobre usabilidadePitacos sobre usabilidade
Pitacos sobre usabilidade
 
12° Encontro de WebDesign (usabilidade)
12° Encontro de WebDesign (usabilidade)12° Encontro de WebDesign (usabilidade)
12° Encontro de WebDesign (usabilidade)
 
Palestra "Usabilidade: conceito, aplicações e testes" de Renato Rosa
Palestra "Usabilidade: conceito, aplicações e testes" de Renato RosaPalestra "Usabilidade: conceito, aplicações e testes" de Renato Rosa
Palestra "Usabilidade: conceito, aplicações e testes" de Renato Rosa
 
Palestra - Na quebrada da Web
Palestra - Na quebrada da WebPalestra - Na quebrada da Web
Palestra - Na quebrada da Web
 
Web Design Responsivo - Melhorando interfaces e a experiência do usuário na n...
Web Design Responsivo - Melhorando interfaces e a experiência do usuário na n...Web Design Responsivo - Melhorando interfaces e a experiência do usuário na n...
Web Design Responsivo - Melhorando interfaces e a experiência do usuário na n...
 
Usabilidade e Estratégia
Usabilidade  e EstratégiaUsabilidade  e Estratégia
Usabilidade e Estratégia
 
Oficina De Web 2.0 Versao 2
Oficina De Web 2.0 Versao 2Oficina De Web 2.0 Versao 2
Oficina De Web 2.0 Versao 2
 
Web
WebWeb
Web
 
Palestra Palácio do Planalto, Brasília
Palestra Palácio do Planalto, BrasíliaPalestra Palácio do Planalto, Brasília
Palestra Palácio do Planalto, Brasília
 
O A Apresentacao O A Anglo Americano
O A  Apresentacao  O A  Anglo  AmericanoO A  Apresentacao  O A  Anglo  Americano
O A Apresentacao O A Anglo Americano
 
A importância do teste ab para o comércio eletrônico brasileiro
A importância do teste ab para o comércio eletrônico brasileiroA importância do teste ab para o comércio eletrônico brasileiro
A importância do teste ab para o comércio eletrônico brasileiro
 
Trabalho sobre o Artigo "Dez Razões para ter uma Rede Social em sua Empresa"
Trabalho sobre o Artigo "Dez Razões para ter uma Rede Social em sua Empresa"Trabalho sobre o Artigo "Dez Razões para ter uma Rede Social em sua Empresa"
Trabalho sobre o Artigo "Dez Razões para ter uma Rede Social em sua Empresa"
 
2010.1 - PUB5AN - Marketing Digital AULA 03
2010.1 - PUB5AN - Marketing Digital AULA 032010.1 - PUB5AN - Marketing Digital AULA 03
2010.1 - PUB5AN - Marketing Digital AULA 03
 
Desenvolvimento de Sites V.2
Desenvolvimento de Sites V.2Desenvolvimento de Sites V.2
Desenvolvimento de Sites V.2
 
O que é user experience
O que é user experienceO que é user experience
O que é user experience
 
Webdesign - Classificações de sites
Webdesign - Classificações de sitesWebdesign - Classificações de sites
Webdesign - Classificações de sites
 
Inteligência Coletiva Empresarial
Inteligência Coletiva EmpresarialInteligência Coletiva Empresarial
Inteligência Coletiva Empresarial
 

Último

Último (6)

Padrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemploPadrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemplo
 
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docxATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
 
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docxATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
 
Boas práticas de programação com Object Calisthenics
Boas práticas de programação com Object CalisthenicsBoas práticas de programação com Object Calisthenics
Boas práticas de programação com Object Calisthenics
 
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docxATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
 
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docxATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
 

Web 2.0 + Foco no Usuário

  • 1.  
  • 2.  
  • 3.  
  • 4. Mas, vamos ao que interessa...
  • 5. Ah sim, não se preocupem em anotar, porque segunda-feira esta apresentação estará on-line.
  • 6.
  • 7.  
  • 8. 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.
  • 9.
  • 10.
  • 11.  
  • 12.
  • 13. “ 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
  • 14. Web 1.0 – Rede de Computadores Web 2.0 – Rede de Pessoas
  • 15.  
  • 16.  
  • 17. Você conhece isso e não sabia, quer ver?
  • 18. Como você classificaria esta imagem?
  • 19.  
  • 20. Folcsonomia nada mais é do que a classificação de informações pelos próprios usuários. Exemplo: Flickr , del.icio.us e YoutTube
  • 22.  
  • 23.  
  • 24.  
  • 25.  
  • 26.  
  • 27.  
  • 28.  
  • 29.  
  • 30.  
  • 31.  
  • 32.
  • 33.  
  • 34.  
  • 35.
  • 38. - Nunca fez propaganda; - 220 milhões de usuários; - Vendido por US$4,1 bilhões.
  • 39. - Não trabalha com a marca diretamente; - Não é apenas vídeo; - O principal meio de propagação é o “boca a boca”
  • 40. Como as empresas gerenciam seu conteúdo hoje?
  • 41.  
  • 42.  
  • 43. O que as empresas ganham com isso?
  • 44. - 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.
  • 47.
  • 48.
  • 49.  
  • 50. APML A ttention P rofiling M arkup L anguage “ Linguagem de marcação de perfil de atenção”
  • 51. APML Você fala o que gosta e não gosta em um arquivo XML ( eXtensible Markup Language) e se o programa suportar este tipo de tecnologia, você filtra o conteúdo.
  • 52. Web 2.0 mostra seu poder. Estadão ataca os bloggers, você viu?
  • 53.  
  • 54.  
  • 55. Sabe em quantos anos é estimado o fim dos impressos?
  • 56. 20 anos Não era para eles realmente estarem preocupados?
  • 57. Novo posicionamento do IG Por que ele mudou de postura?
  • 58. O que há em comum em todos os sites e portais apresentados até o momento?
  • 59. Simplicidade e foco no usuário
  • 60. Quanto mais simples, mais fácil. Quanto mais focado, mais chances de alcançar o objetivo
  • 61. Quais os maiores exemplos de sites ou portais com foco no usuário e na simplicidade?
  • 62.  
  • 63.  
  • 64.  
  • 65.  
  • 66. Sabe o que as pessoas gostam?
  • 67. 43% de conteúdo X 33% de comunicação Ou seja, elas gostam mais de ler e trocar informações do que vídeos por exemplo.
  • 68. Conteúdo responsável por atrair a massa na internet
  • 70. Notícias & Informações Jornalismo Tempo Guia / Mapas Lazer
  • 73. Será que esta festa pela web 2.0 é realmente necessária? Será que ela é a coisa mais importante?
  • 74. Adivinha quem é o centro das atenções daqui para frente?
  • 75. Capa recente da Revista Time . As pessoas são o destaque.
  • 76. Mas o que é esse tal “foco no usuário” ?
  • 77.
  • 78. 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.
  • 79.
  • 80.
  • 81. Onde está o botão ou link de download na página a seguir? Você consegue encontrá-lo em menos de 5 segundos ?
  • 82.  
  • 83. Conseguiu achar facilmente? Foi intuitivo?
  • 84.  
  • 85. Qual é mais fácil fazer o download? Este...
  • 87. Onde posso criar um cadastro no site a seguir? Você consegue encontrá-lo em menos de 10 segundos ?
  • 88.  
  • 89. Bom, vamos clicar em “ Meu cadastro ” e ver o que acontece.
  • 90.  
  • 91.  
  • 92. Alguém conseguiu ver onde é possível se cadastrar? Não? Nem eu!
  • 95. Conhece o efeito Las Vegas?
  • 96.  
  • 97. Links evidentes Resultados visíveis Busca fácil e intuitiva Você sabe onde está
  • 98.  
  • 99. - 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;
  • 100. A Arquitetura da Informação organiza os sistemas de informação, para que as pessoas possam encontrar de forma fácil o que desejam.
  • 101.
  • 102. 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.
  • 103.
  • 104. Exemplo de investimento em Arquitetura da Informação
  • 105. Nova interface do site da empresa Tecnisa , mais clean e consideravelmente mais organizado. Quer saber os resultados?
  • 106.
  • 107. Exemplo de investimento em Arquitetura da Informação – Parte 2
  • 108. Sky – e-commerce Taxa de conversão de vendas de 0,2% para 50% em 4 meses
  • 109. Exemplo de Arquitetura da Informação na prática
  • 110. Notícia principal em destaque (E que notícia!) Busca visível E-mail visível
  • 113. É importante descobrir quais os pontos mais importantes da página e trabalhar em cima deles.
  • 114.  
  • 115. - 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;
  • 116. “ Se o consumidor não consegue encontrar o produto, ele não poderá comprá-lo” Jakob Nielsen (2003)
  • 117. Acessibilidade serve para criar sites que possam ser utilizados por pessoas com algum tipo de deficiência, palms, celulares, qualquer navegador e etc.
  • 118.
  • 119.  
  • 120. Quem precisa de acessibilidade?
  • 121.  
  • 122. Estas pessoas precisam de acessibilidade... você já imaginou se fosse o contrário?
  • 123. Agora que você já sabe quem precisa de acessibilidade, vamos adiante...
  • 124.  
  • 125. Com uma boa acessibilidade temos...
  • 126.  
  • 127.  
  • 128. - 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;
  • 129. Sabe qual é o maior cego na Internet?
  • 130.  
  • 131. Mesmo o Google sendo o maior cego, ele não é 100% acessível, ele pode ser considerado razoavelmente acessível segundo Lêda Lucia Spelta do Acesso Digital .
  • 132. - 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;
  • 134. Primeiro Passo Trabalhar com padrões web (Web Standards): XHTML + CSS Use cada elemento para o qual ele foi feito!
  • 135. Segundo Passo Entender seu cliente, seu público alvo e criar soluções fáceis e acessíveis para todos.
  • 136. Terceiro Passo Acompanhar e entender as mudanças da WEB, AJAX, métricas, RSS, Mashup, acessibilidade, design de interação e por aí vai.
  • 137. Quarto Passo Desenvolver um modelo de desenvolvimento funcional:
  • 138. - 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
  • 139. 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
  • 141. “ Google fornece 60% das buscas realizadas no planeta, estudo da ComScore “ Fonte: Blue Bus
  • 142.  
  • 143.  
  • 144. 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 .
  • 145. 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.
  • 146. Foco no usuário dá dinheiro para a empresa e para o desenvolvedor , então não perca tempo, entenda as tendências!
  • 147. Mas quem ganha com foco no usuário?
  • 148. 1- Você que é usuário, que alcança seus objetivos;
  • 149. 2- Você desenvolvedor, que cria projetos bons e será reconhecido;
  • 150. 3- Sua empresa, que será reconhecida por criar projetos úteis e fáceis;
  • 151. 4- Seu cliente, que terá retorno de várias formas;
  • 152. Ou seja, todos ganham!
  • 153. Mitos sobre o foco no usuário
  • 154. 1 – Site fácil de usar e acessível, não é sinônimo de interfaces extremamente limpas;
  • 155. 2 – Acessibilidade não é cara, muito menos demorada e muito menos complexa para ser aplicada;
  • 156. 3 – Acessibilidade NÃO é apenas para pessoas com deficiência visual;
  • 157. 4 – Não são poucos os usuários beneficiados pela Acessibilidade;
  • 158. 5 – Nós achamos que sabemos o que é bom para nosso usuário (Isto serve para o desenvolvedor e para o cliente); Para isto existe os profissionais qualificados
  • 159.
  • 160.
  • 161. “ Anunciantes vão investir recorde de 31 bilhões de dólares na web em 2007” Fonte: BlueBus
  • 162. Isso é muito dinheiro!
  • 163. Mídias são o futuro e a web será a centralizadora disto tudo.
  • 164. - Vídeos; - Televisão on-line; - Celulares e palms acessando a web; - Tudo fala a mesma língua.
  • 165.
  • 166.
  • 167.
  • 168. Teoria + Prática = Profissional Completo
  • 169. 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!
  • 170. Grandes empresas (Globo.com, AgênciaClick, 10’Minutos e etc), não contratam os profissionais “fazem tudo”
  • 171. “ Cada macaco no seu galho”
  • 172. 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.
  • 173. A tecnologia cria a necessidade ou a necessidade cria a tecnologia?
  • 174. Não se preocupem em anotar, isto vai estar na internet na segunda-feira!
  • 175. 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
  • 176. Não me faça pensar Steve Krug Webwriting Bruno Rodrigues Usabilidade na Web Cláudia Dias A cauda longa Chris Anderson
  • 177. 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
  • 178. 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
  • 179.  
  • 180. Acesse www.alexandreformagio.com.br e participe da promoção!
  • 181.