SlideShare ist ein Scribd-Unternehmen logo
1 von 15
Downloaden Sie, um offline zu lesen
W E B 2 . 0 : U X E S U A S F E R R A M E N T A S
A P R E S E N T A :
C U R S O D E D E S I G N
W E B 2 . 0 : U X E S U A S F E R R A M E N T A S
INTRO |WEB 2.0
Anteriormente os sites funcionavam como panfletos virtuais. Exibiam apenas um
conteúdo e ponto. Não existia nenhuma interação do usuário além de ler este
conteúdo e no máximo um contato aos responsáveis pelo site. Não existia uma real
preocupação com o impacto que aquele site poderia causar nas pessoas e o quanto
eles estavam perdendo com isso.
A internet 2.0 é na verdade, uma releitura do conceito de navegação na web criado
pela empresa americana O'Reilly Media.
Este novo conceito traz diversos serviços favoráveis a experiência do usuário.
C U R S O D E D E S I G N
W E B 2 . 0 : U X E S U A S F E R R A M E N T A S
INTRO |WEB 2.0
Publicidade de mecanismos de busca com o objetivo
de vender ao usuário ítens de seu interesse.
C U R S O D E D E S I G N
W E B 2 . 0 : U X E S U A S F E R R A M E N T A S
INTRO |WEB 2.0
Sites de relacionamento: Facebook, Twitter,
Instagram entre outros.
C U R S O D E D E S I G N
W E B 2 . 0 : U X E S U A S F E R R A M E N T A S
INTRO |WEB 2.0
Wikis: Páginas comunitárias de conteúdo.
Criada por todos, para todos.
C U R S O D E D E S I G N
W E B 2 . 0 : U X E S U A S F E R R A M E N T A S
INTRO |WEB 2.0
Resumindo: São tecnologias e ferramentas criadas
para “forçar” uma navegação mais prazerosa, criando
uma nova forma de entretenimento.
C U R S O D E D E S I G N
W E B 2 . 0 : U X E S U A S F E R R A M E N T A S
INTRO |WEB 2.0
Resumindo: São tecnologias e ferramentas criadas
para “forçar” uma navegação mais prazerosa, criando
uma nova forma de entretenimento.
C U R S O D E D E S I G N
W E B 2 . 0 : U X E S U A S F E R R A M E N T A S
INTRO |WEB 2.0
Algumas das tecnologias criadas para ajudar os
usuários nesse novo momento da internet são
Mobile e Sites responsivos.
C U R S O D E D E S I G N
W E B 2 . 0 : U X E S U A S F E R R A M E N T A S
Termo utilizado para designar sites e sistemas online
criados para dispositivos móveis: Celulares e Tablets.
MOBILE | sites
C U R S O D E D E S I G N
W E B 2 . 0 : U X E S U A S F E R R A M E N T A S
Todo aquele site que é preparado e pensando tanto
para dispositivos desktops (pcs e macs) quanto para
dispositivos móveis.
RESPONSIVO | sites
C U R S O D E D E S I G N
W E B 2 . 0 : U X E S U A S F E R R A M E N T A S
Um forte conceito de sites responsivos é o
MOBILE FIRST: Este conceito tem como princípio a
criação de um website com conteúdo inicialmente
pensado para mobile que posteriormente é
reconfigurado para dispositivos desktops.
RESPONSIVO | sites
C U R S O D E D E S I G N
W E B 2 . 0 : U X E S U A S F E R R A M E N T A S
Existem tecnologias no mercado que facilitam a criação
de sites responsivos, são os chamados frameworks
front-end (plataformas para programação de sites)
como BOOTSTRAP e FOUNDATION. Estas plataformas
ajudam o desenvolvedor a criar um site responsivo de
maneira ágil e fácil.
RESPONSIVO | sites
C U R S O D E D E S I G N
W E B 2 . 0 : U X E S U A S F E R R A M E N T A S
Estes dois conceitos são baseados em UX (user
experience). Que permite ao usuário ter a melhor
experiência possível em termos de navegação de sites.
UX | experiência do usuário
C U R S O D E D E S I G N
W E B 2 . 0 : U X E S U A S F E R R A M E N T A S
Para ter sucesso em um site hoje em dia, é preciso
pensar no usuário como a "estrela". Tudo é feito para
ele, pensando nele. O site precisa ter tudo a mão do
usuário, não deve ter nenhum conteúdo escondido,
Tudo deve ser convidativo e instigante para que ele
possa tirar o máximo de proveito da navegação.
UX | experiência do usuário
O B R I G A D O

Weitere ähnliche Inhalte

Ähnlich wie Monster - Web 2.0

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 2Raul Oliveira
 
Web 2.0 Recursos TecnolóGicos E FormaçãO Susana Ferreira (20061566) & Raquel ...
Web 2.0 Recursos TecnolóGicos E FormaçãO Susana Ferreira (20061566) & Raquel ...Web 2.0 Recursos TecnolóGicos E FormaçãO Susana Ferreira (20061566) & Raquel ...
Web 2.0 Recursos TecnolóGicos E FormaçãO Susana Ferreira (20061566) & Raquel ...susana12345
 
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...Augusto César Albuquerque
 
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/2007Rodrigo Cohen
 
Mídias Digitais - Aula 1
Mídias Digitais - Aula 1Mídias Digitais - Aula 1
Mídias Digitais - Aula 1renatamruiz
 
Design para a web - da interface ao branding
Design para a web - da interface ao brandingDesign para a web - da interface ao branding
Design para a web - da interface ao brandingJoão Alves
 
Palestra - Na quebrada da Web
Palestra - Na quebrada da WebPalestra - Na quebrada da Web
Palestra - Na quebrada da WebFelipe Caroé
 
Web 2.0, A Nova Internet
Web 2.0, A Nova InternetWeb 2.0, A Nova Internet
Web 2.0, A Nova Internetbernardolm
 
Web 2.0 + Foco no Usuário
Web 2.0 + Foco no UsuárioWeb 2.0 + Foco no Usuário
Web 2.0 + Foco no Usuárioguest479a40
 
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 2PICTI
 
Web 2 0 Nas Organizacoes
Web 2 0 Nas OrganizacoesWeb 2 0 Nas Organizacoes
Web 2 0 Nas Organizacoesgoogle_docs
 
Web 2.0
Web 2.0Web 2.0
Web 2.0Aldean
 
Web 2.0
Web 2.0Web 2.0
Web 2.0Aldean
 

Ähnlich wie Monster - Web 2.0 (20)

O que e web 20
O que e web 20O que e web 20
O que e web 20
 
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 2.0 Recursos TecnolóGicos E FormaçãO Susana Ferreira (20061566) & Raquel ...
Web 2.0 Recursos TecnolóGicos E FormaçãO Susana Ferreira (20061566) & Raquel ...Web 2.0 Recursos TecnolóGicos E FormaçãO Susana Ferreira (20061566) & Raquel ...
Web 2.0 Recursos TecnolóGicos E FormaçãO Susana Ferreira (20061566) & Raquel ...
 
Cronograma final 13maio
Cronograma final 13maioCronograma final 13maio
Cronograma final 13maio
 
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...
 
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
 
Curso Marketing Digital Ana Paula Coelho
Curso Marketing Digital Ana Paula CoelhoCurso Marketing Digital Ana Paula Coelho
Curso Marketing Digital Ana Paula Coelho
 
Mídias Digitais - Aula 1
Mídias Digitais - Aula 1Mídias Digitais - Aula 1
Mídias Digitais - Aula 1
 
Design para a web - da interface ao branding
Design para a web - da interface ao brandingDesign para a web - da interface ao branding
Design para a web - da interface ao branding
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Web 2.0: recursos e utilidades
Web 2.0: recursos e utilidadesWeb 2.0: recursos e utilidades
Web 2.0: recursos e utilidades
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Palestra - Na quebrada da Web
Palestra - Na quebrada da WebPalestra - Na quebrada da Web
Palestra - Na quebrada da Web
 
Web 2.0, A Nova Internet
Web 2.0, A Nova InternetWeb 2.0, A Nova Internet
Web 2.0, A Nova Internet
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Web 2.0 + Foco no Usuário
Web 2.0 + Foco no UsuárioWeb 2.0 + Foco no Usuário
Web 2.0 + Foco no Usuário
 
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 2 0 Nas Organizacoes
Web 2 0 Nas OrganizacoesWeb 2 0 Nas Organizacoes
Web 2 0 Nas Organizacoes
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 

Monster - Web 2.0

  • 1. W E B 2 . 0 : U X E S U A S F E R R A M E N T A S A P R E S E N T A :
  • 2. C U R S O D E D E S I G N W E B 2 . 0 : U X E S U A S F E R R A M E N T A S INTRO |WEB 2.0 Anteriormente os sites funcionavam como panfletos virtuais. Exibiam apenas um conteúdo e ponto. Não existia nenhuma interação do usuário além de ler este conteúdo e no máximo um contato aos responsáveis pelo site. Não existia uma real preocupação com o impacto que aquele site poderia causar nas pessoas e o quanto eles estavam perdendo com isso. A internet 2.0 é na verdade, uma releitura do conceito de navegação na web criado pela empresa americana O'Reilly Media. Este novo conceito traz diversos serviços favoráveis a experiência do usuário.
  • 3. C U R S O D E D E S I G N W E B 2 . 0 : U X E S U A S F E R R A M E N T A S INTRO |WEB 2.0 Publicidade de mecanismos de busca com o objetivo de vender ao usuário ítens de seu interesse.
  • 4. C U R S O D E D E S I G N W E B 2 . 0 : U X E S U A S F E R R A M E N T A S INTRO |WEB 2.0 Sites de relacionamento: Facebook, Twitter, Instagram entre outros.
  • 5. C U R S O D E D E S I G N W E B 2 . 0 : U X E S U A S F E R R A M E N T A S INTRO |WEB 2.0 Wikis: Páginas comunitárias de conteúdo. Criada por todos, para todos.
  • 6. C U R S O D E D E S I G N W E B 2 . 0 : U X E S U A S F E R R A M E N T A S INTRO |WEB 2.0 Resumindo: São tecnologias e ferramentas criadas para “forçar” uma navegação mais prazerosa, criando uma nova forma de entretenimento.
  • 7. C U R S O D E D E S I G N W E B 2 . 0 : U X E S U A S F E R R A M E N T A S INTRO |WEB 2.0 Resumindo: São tecnologias e ferramentas criadas para “forçar” uma navegação mais prazerosa, criando uma nova forma de entretenimento.
  • 8. C U R S O D E D E S I G N W E B 2 . 0 : U X E S U A S F E R R A M E N T A S INTRO |WEB 2.0 Algumas das tecnologias criadas para ajudar os usuários nesse novo momento da internet são Mobile e Sites responsivos.
  • 9. C U R S O D E D E S I G N W E B 2 . 0 : U X E S U A S F E R R A M E N T A S Termo utilizado para designar sites e sistemas online criados para dispositivos móveis: Celulares e Tablets. MOBILE | sites
  • 10. C U R S O D E D E S I G N W E B 2 . 0 : U X E S U A S F E R R A M E N T A S Todo aquele site que é preparado e pensando tanto para dispositivos desktops (pcs e macs) quanto para dispositivos móveis. RESPONSIVO | sites
  • 11. C U R S O D E D E S I G N W E B 2 . 0 : U X E S U A S F E R R A M E N T A S Um forte conceito de sites responsivos é o MOBILE FIRST: Este conceito tem como princípio a criação de um website com conteúdo inicialmente pensado para mobile que posteriormente é reconfigurado para dispositivos desktops. RESPONSIVO | sites
  • 12. C U R S O D E D E S I G N W E B 2 . 0 : U X E S U A S F E R R A M E N T A S Existem tecnologias no mercado que facilitam a criação de sites responsivos, são os chamados frameworks front-end (plataformas para programação de sites) como BOOTSTRAP e FOUNDATION. Estas plataformas ajudam o desenvolvedor a criar um site responsivo de maneira ágil e fácil. RESPONSIVO | sites
  • 13. C U R S O D E D E S I G N W E B 2 . 0 : U X E S U A S F E R R A M E N T A S Estes dois conceitos são baseados em UX (user experience). Que permite ao usuário ter a melhor experiência possível em termos de navegação de sites. UX | experiência do usuário
  • 14. C U R S O D E D E S I G N W E B 2 . 0 : U X E S U A S F E R R A M E N T A S Para ter sucesso em um site hoje em dia, é preciso pensar no usuário como a "estrela". Tudo é feito para ele, pensando nele. O site precisa ter tudo a mão do usuário, não deve ter nenhum conteúdo escondido, Tudo deve ser convidativo e instigante para que ele possa tirar o máximo de proveito da navegação. UX | experiência do usuário
  • 15. O B R I G A D O