Web 2.0, mercado e tendências - CEFET - RR

Web 2.0, mercado e tendências da web Alexandre Formagio

SEMINF - CEFET-RR Alexandre Formagio Quem é Alexandre Formagio?

SEMINF - CEFET-RR Alexandre Formagio Informações importantes

Não se preocupem em anotar, estes slides estarão na segunda-feira no SlideShare e no meu blog;

Fiquem a vontade para perguntar quando surgirem dúvidas.

Antes da Web 2.0... Web 1.0 O que foi a Web 1.0?

SEMINF - CEFET-RR Alexandre Formagio Web 1.0

As atualizações são menos freqüentes e são por conta do proprietário do site ou do webmaster;

Sem interatividade - o usuário apenas lê e navega;

Poucos sites na Internet e pouca variedade de conteúdo;

SEMINF - CEFET-RR Alexandre Formagio Formato da Web 1.0

SEMINF - CEFET-RR Alexandre Formagio Mas o que é a Web 2.0? 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.

SEMINF - CEFET-RR Alexandre Formagio Mas o que é a Web 2.0?

Aproveitamento da inteligência coletiva;

Conteúdo gerado pelo usuário;

Sites mais interativos;

Sistemas web cada vez mais parecidos com sistemas desktop.

Foco no usuário e em suas necessidades.

Diferente de programas, o site pode ser atualizado a qualquer hora e todos teremos a mesma versão do site;

Integração de diversos sites através de “componentes”

SEMINF - CEFET-RR Alexandre Formagio Formato da Web 2.0

Foco no usuário e em suas necessidades.

Diferente de programas, o site pode ser atualizado a qualquer hora e todos teremos a mesma versão do site;

Integração de diversos sites através de “componentes”

SEMINF - CEFET-RR Alexandre Formagio Mas o que é a Web 2.0? “ 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

SEMINF - CEFET-RR Alexandre Formagio Sabe o que é a Web 2.0? Inteligência coletiva

SEMINF - CEFET-RR Alexandre Formagio Web 1.0 x Web 2.0 Web 1.0 – Rede de Computadores

SEMINF - CEFET-RR Alexandre Formagio Web 1.0 x Web 2.0 Web 2.0 – Rede de Pessoas

SEMINF - CEFET-RR Alexandre Formagio O que compõe a Web 2.0?

SEMINF - CEFET-RR Alexandre Formagio Folksonoquê? Você deve conhecer um dos estudos relacionados a Arquitetura da Informação mais conhecido hoje, a Folksonomia... Não sabe o que é isso?

SEMINF - CEFET-RR Alexandre Formagio Folksonomia Como você classificaria a imagem abaixo?

SEMINF - CEFET-RR Alexandre Formagio Folksonomia

SEMINF - CEFET-RR Alexandre Formagio Folksonomia Folksonomia nada mais é do que a classificação de informações pelos próprios usuários. Exemplo: Flickr , del.icio.us e YoutTube

SEMINF - CEFET-RR Alexandre Formagio Exemplos de Web 2.0

SEMINF - CEFET-RR Alexandre Formagio Web 2.0 na prática

Colaborar e compartilhar conteúdo ;

Chega de apenas ler, agora vamos participar e opinar;

Sites interativos;

Vamos trocar dados entre sites (Vídeos do YouTube no Orkut);

“ Conteúdo é o Rei” e o usuário também.

SEMINF - CEFET-RR Alexandre Formagio Marketing viral

Exemplo claro da força da Internet;

Grandes empresas investindo em ações de marketing na Internet;

Usuários mostram seu poder na Internet: basta vermos os números.

SEMINF - CEFET-RR Alexandre Formagio Marketing viral 3,178,843 visitas

SEMINF - CEFET-RR Alexandre Formagio Marketing viral 3,607,716 visitas

SEMINF - CEFET-RR Alexandre Formagio Marketing viral - Batman

SEMINF - CEFET-RR Alexandre Formagio Marketing viral - Nunca fez propaganda; - 220 milhões de usuários; - Vendido por US$4,1 bilhões.

SEMINF - CEFET-RR Alexandre Formagio Marketing viral

Não trabalha com a marca diretamente;

Não é apenas vídeo;

O principal meio de propagação é o “boca a boca”

SEMINF - CEFET-RR Alexandre Formagio Crescimento da Web 2.0 Julho/2006

SEMINF - CEFET-RR Alexandre Formagio Mas e o lado ruim?

Falta de privacidade (Já experimentou buscar seu nome no Google ?);

Muito conteúdo muitas vezes dificulta achar o que nós REALMENTE queremos;

Confiança no conteúdo publicado;

Tendências levam a se criar coisas parecidas;

Saturação do mercado.

SEMINF - CEFET-RR Alexandre Formagio Empresas 2.0

SEMINF - CEFET-RR Alexandre Formagio Coisas boas vem ai APML A ttention P rofiling M arkup L anguage “Linguagem de marcação de perfil de atenção” 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.

SEMINF - CEFET-RR Alexandre Formagio Web 2.0 ganhando seu espaço Web 2.0 mostra seu poder. Estadão ataca os bloggers, você viu?

SEMINF - CEFET-RR Alexandre Formagio Web 2.0 ganhando seu espaço

SEMINF - CEFET-RR Alexandre Formagio Web 2.0 ganhando seu espaço Sabe em quantos anos é estimado o fim dos impressos? 20 anos Não era para eles realmente estarem preocupados?

SEMINF - CEFET-RR Alexandre Formagio Crescimento da Web 2.0 Novo posicionamento do IG. Por que será que ele mudou de postura?

SEMINF - CEFET-RR Alexandre Formagio Crescimento da Web 2.0 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

SEMINF - CEFET-RR Alexandre Formagio Crescimento da Web 2.0 Quais os maiores exemplos de sites ou portais com foco no usuário e na simplicidade?

SEMINF - CEFET-RR Alexandre Formagio Crescimento da Web 2.0

SEMINF - CEFET-RR Alexandre Formagio RadioHead na Web 2.0 O álbum “In Rainbows” da banda RadioHead foi comercializado em faixas apenas na internet e a pessoa pagava o QUANTO quisesse ou até nada. Visitas: 1,2 milhões no mês de lançamento Download gratuitos: 62% Download pago: 38%

SEMINF - CEFET-RR Alexandre Formagio Crescimento da Web 2.0 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;

Notícias & Informações – Jornalismo;

Família – Saúde;

Educação – Universidades.

O país com mais cadastros no Orkut;

O país onde os internautas ficam mais tempo conectados ( Quase 21 horas por mês em média );

o 2º maior usuário do YouTube;

O 3º maior comprador de computadores ( 6 milhões em 2006 );

O 4º maior usuário do Second Life;

E o país que possui mais de 30 milhões de internautas.

SEMINF - CEFET-RR Alexandre Formagio Crescimento da Web 2.0 Será que esta festa pela web 2.0 é realmente necessária? Será que ela é a coisa mais importante?

Focando no usuário Pois é ele quem usa

SEMINF - CEFET-RR Alexandre Formagio Primeiro lugar, a culpa é nossa... vamos admitir os erros?

SEMINF - CEFET-RR Alexandre Formagio Como são planejados os sites?

SEMINF - CEFET-RR Alexandre Formagio Mas como eles utilizados?

SEMINF - CEFET-RR Alexandre Formagio Opa, mas o que fazer então?

Acessibilidade;

Arquitetura da Informação;

Usabilidade;

Experiência do usuário.

Vamos discutir e aprender mais sobre foco no usuário, abordando os seguintes assuntos:

Acessibilidade Trabalhando com sites acessíveis e inclusivos

SEMINF - CEFET-RR Alexandre Formagio O que é Acessibilidade? Acessibilidade serve para criar sites que possam ser usados por qualquer pessoa, inclusive com algum tipo de deficiência, palms, celulares, navegadores diversos e etc.

SEMINF - CEFET-RR Alexandre Formagio Quem precisa de Acessibilidade?

SEMINF - CEFET-RR Alexandre Formagio Exemplos de má Acessibilidade

SEMINF - CEFET-RR Alexandre Formagio Exemplos de boa Acessibilidade

SEMINF - CEFET-RR Alexandre Formagio Melhorando a Acessibilidade

Conhecer as necessidade especiais;

Seguindo os padrões web e diretrizes da WCAG;

Testando em situações reais;

Arquitetura da Informação Ajudando o usuário a chegar aos seus objetivos

SEMINF - CEFET-RR Alexandre Formagio O que é Arquitetura da Informação? A Arquitetura da Informação organiza os sistemas de informação, para que as pessoas possam encontrar de forma fácil o que desejam e não se percam pelo site.

SEMINF - CEFET-RR Alexandre Formagio O que é Arquitetura da Informação?

Fluxo de navegação fácil e lógico;

Disposição dos elementos na melhor forma possível;

Pontos importantes visíveis e destacados;

Nomes de seções, campos de formulário e etc, devem ser intuitivas para qualquer pessoa;

Texto direto, fácil e na linguagem do usuário.

SEMINF - CEFET-RR Alexandre Formagio Erros de Arquitetura da Informação

Resultados de busca mal organizados;

Nomes confusos (campos, seções);

Página desorganizada;

Performance lenta;

Navegação inconsistente.

SEMINF - CEFET-RR Alexandre Formagio Exemplos - Sky Após a reformulação recente, a taxa de conversão de vendas de 0,2% para 50% em 4 meses

SEMINF - CEFET-RR Alexandre Formagio Melhorando a Arquitetura da Informação “ Se o consumidor não consegue encontrar o produto, ele não poderá comprá-lo” Jakob Nielsen (2003)

Usabilidade Facilitando a vida do usuário

SEMINF - CEFET-RR Alexandre Formagio O que é Usabilidade? 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.

SEMINF - CEFET-RR Alexandre Formagio O que é Usabilidade? Usabilidade vem do estudo de Ergonomia, que busca criar que objetos, sistemas e etc sejam fáceis de serem utilizados. Por exemplo:

SEMINF - CEFET-RR Alexandre Formagio Princípios da Usabilidade

Ser fácil de aprender;

Ser eficiente na utilização;

Ser fácil de ser recordado;

Ter poucos erros;

Ser agradável. Jakob Nielsen (2003)

SEMINF - CEFET-RR Alexandre Formagio Desafio de Usabilidade Onde está o botão ou link de download na página a seguir? Você consegue encontrá-lo em menos de 5 segundos ?

SEMINF - CEFET-RR Alexandre Formagio Desafio de Usabilidade

SEMINF - CEFET-RR Alexandre Formagio Desafio de Usabilidade Conseguiu achar facilmente? Foi intuitivo?

SEMINF - CEFET-RR Alexandre Formagio Desafio de Usabilidade Qual é mais fácil fazer o download? Este...

SEMINF - CEFET-RR Alexandre Formagio Desafio de Usabilidade Ou este abaixo?

SEMINF - CEFET-RR Alexandre Formagio Desafio de Usabilidade Onde posso criar um cadastro no site a seguir? Você consegue encontrá-lo em menos de 10 segundos ?

SEMINF - CEFET-RR Alexandre Formagio Desafio de Usabilidade Bom, vamos clicar em “ Meu cadastro ” e ver o que acontece.

SEMINF - CEFET-RR Alexandre Formagio Desafio de Usabilidade Alguém conseguiu ver onde é possível se cadastrar? Não? Nem eu!

SEMINF - CEFET-RR Alexandre Formagio Desafio de Usabilidade Como resolver isto? Fácil...

SEMINF - CEFET-RR Alexandre Formagio Melhorando a Usabilidade

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;

O que devemos fazer? O que fazer para obter melhores resultados

SEMINF - CEFET-RR Alexandre Formagio O que devemos fazer?

Trabalhar com padrões web, mas por que?

Fácil manutenção de código;

Redução de até 50% de código e peso dos arquivos;

Sites acessíveis para dispositivos móveis, deficientes, diversos navegadores e etc;

Bom posicionamento no Google.

SEMINF - CEFET-RR Alexandre Formagio O que devemos fazer?

Começar a entender REALMENTE seu cliente, seu mercado, seu público alvo e etc;

Acompanhar e entender as mudanças da WEB, AJAX, métricas, RSS, Mashup, acessibilidade, design de interação e por aí vai;

Trabalhar com planejamento e com métricas;

SEMINF - CEFET-RR Alexandre Formagio O que devemos fazer? Trabalhar com a simplicidade, objetividade e facilidade sempre! Quer exemplos de que isto dá certo?

SEMINF - CEFET-RR Alexandre Formagio O que devemos fazer? Google em 1998 Quer exemplos de que isto dá certo?

SEMINF - CEFET-RR Alexandre Formagio O que devemos fazer? Google em 2007

SEMINF - CEFET-RR Alexandre Formagio O que devemos fazer? Altavista em 1998

SEMINF - CEFET-RR Alexandre Formagio O que devemos fazer? Criar diferenciais competitivos, não adianta ser mais um no meio de tantos. Qual a diferença entre os 2 automóveis abaixo?

SEMINF - CEFET-RR Alexandre Formagio O que devemos fazer? Trabalhar sempre focado no usuário (Vale ressaltar!).

Quem ganha com o foco no usuário? Por que ter este trabalho todo?

SEMINF - CEFET-RR Alexandre Formagio Quem ganha com o foco no usuário? Nós que somos usuários, que alcançamos nossos objetivos ao navegar em um site.

SEMINF - CEFET-RR Alexandre Formagio Quem ganha com o foco no usuário? Você desenvolvedor, que cria projetos bons e será reconhecido no mercado;

SEMINF - CEFET-RR Alexandre Formagio Quem ganha com o foco no usuário? Sua empresa, que será reconhecida por criar projetos úteis e fáceis;

SEMINF - CEFET-RR Alexandre Formagio Quem ganha com o foco no usuário? O cliente, que terá retorno de várias formas, como mais contatos, melhores posições em buscadores, aumento de seu público, maior retorno e etc;

SEMINF - CEFET-RR Alexandre Formagio Quem ganha com o foco no usuário? Ou seja, todos nós ganhamos quando trabalhamos focados no usuário final.

Tendências do mercado O que podemos esperar daqui para frente

SEMINF - CEFET-RR Alexandre Formagio Tendências do mercado “ Anunciantes vão investir recorde de 31 bilhões de dólares na web em 2007” Fonte: BlueBus Isso é muito dinheiro!

SEMINF - CEFET-RR Alexandre Formagio Tendências do mercado

Mídias são o futuro e a web será a centralizadora disto tudo

Vídeos;

Televisão on-line;

Celulares e pal-m’s acessando a web;

Tudo falando a mesma língua.

As empresas que souberem organizar e enxergar a importância de focar nos objetivos de seu usuário estarão à frente da concorrência;

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;

Manter-se atualizado não é mais uma necessidade, e sim uma OBRIGAÇÃO nos dias de hoje;

Criar sites que sejam acessíveis e interajam com o maior número de dispositivos possíveis;

Entenda de teorias e conceitos antes e técnicas e ferramentas depois. Por a mão na massa hoje em dia não é mais luxo;

SEMINF - CEFET-RR Alexandre Formagio Tendências do mercado 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, iThink e etc), não contratam os profissionais “fazem tudo” (Também conhecido antigamente como WebMaster )

SEMINF - CEFET-RR Alexandre Formagio Tendências do mercado “ Cada macaco no seu galho” como diria o ditado popular!

Desafios para o futuro O que devemos esperar e buscar

SEMINF - CEFET-RR Alexandre Formagio Desafios para o futuro

Criar soluções agradáveis que sejam fáceis de usar;

Estar bem posicionado em buscadores;

Criar projetos que se integrem com outras soluções (Celulares, pal-m’s, TV Digital e etc);

Acompanhar o ritmo do mercado, os próximos 5 anos mudarão mais do que os últimos 30 anos;

Criar conteúdo realmente relevante, de preferência com poucas linhas;

Alinhar necessidades do cliente e de seu usuário (Cliente quer dados do usuário, usuário quer manter sua privacidade, por exemplo);

Tratar o excesso de informações da melhor forma possível;

Criar experiências ricas, apenas ler não satisfaz mais o usuário;

Trabalhar com planejamentos e gerenciamento de projetos FUNCIONAIS ;

Trabalhar sempre focado no usuário (Vale ressaltar pela última vez!).

SEMINF - CEFET-RR Alexandre Formagio A internet mudou e você?

As pessoas têm pouco tempo;

A Internet agora está ao alcance de pessoas de qualquer nível social ou de conhecimento;

Concorrência cresceu;

Web 3.0 Já que alguém sempre pergunta a respeito...

SEMINF - CEFET-RR Alexandre Formagio Web 3.0 Segundo estudiosos, a Web 3.0 pode ser a a integração de diversos sistemas, dispositivos e etc, através de pequenas aplicações que podem ser utilizados em todos os dispositivos. Muito parecido com o que já acontece hoje, de você colocar o Google Maps em seu site através de APIs (Application Programming Interface - Interface de Programação de Aplicativos)

SEMINF - CEFET-RR Alexandre Formagio Web 3.0 Também há possibilidades de integrar perfis através do “OpenSocial”, que seria uma padronização de perfis. Então o mesmo “Alexandre Formagio” do Orkut pode usar sua senha no FaceBook ou no Via6 ou no Amazon.com e ser a mesma pessoa e não uma pessoa se passando por ele.

SEMINF - CEFET-RR Alexandre Formagio Reflexão

O que você pode fazer pelo usuário?

Como criar experiências ricas para o usuário?

Como vou me manter informado o bastante?

SEMINF - CEFET-RR Alexandre Formagio Referências 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

SEMINF - CEFET-RR Alexandre Formagio Referências 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

SEMINF - CEFET-RR Alexandre Formagio Referências Não me faça pensar Steve Krug Webwriting Bruno Rodrigues Usabilidade na Web Cláudia Dias A cauda longa Chris Anderson

SEMINF - CEFET-RR Alexandre Formagio Referências 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

SEMINF - CEFET-RR Alexandre Formagio