O QUE É    CONTEÚDO ?
Informação
palavras, imagens (fotos/ilustrações), sons, vídeos, ícones, jogos,  etc, etc, etc Informação tem vários formatos
Content is King
sec. XX aos dias atuais: A ERA DA  INFORMAÇÃO
A ERA DA INFORMAÇÃO O site do The New York Times  contém mais informações  do que um cidadão do século XVII recebia  duran...
ANSIEDADE DE INFORMAÇÃO Tudo acelerado  (junto e misturado) Richard Wurman
A ERA DA INFORMAÇÃO
Revista Wired “ Movies, TV, game, fashion… we now devour our pop culture the same way we enjoy candy and snacks: convenien...
tudo é consumido em pequenas porções entretenimento, cultura, jornalismo e o que mais você imaginar A ERA DA INFORMAÇÃO
140 caracteres snack culture aprox. 160 caracteres 10 minutos de vídeo A ERA DA INFORMAÇÃO
Tecnologia não é nada sem conteúdo
Fonte: Selulloid AG
Antes Fonte: Selulloid AG
O que mudou? Antes Agora Fonte: Selulloid AG
As pessoas não compram só benefícios e vantagens.   Elas compram e acreditam em histórias.  
As pessoas não compram só benefícios e vantagens.   Elas compram e acreditam em histórias.   Somos os criadores  e contado...
Comunicação + Conteúdo = Experiência Conteúdo + Serviço (Entretenimento) = Relevância
 
 
 
http:// www . internetdrops .com. br / drops /796
 
http:// www . dicasp .com. br /
Atividade:  em duplas, pensar num projeto de comunicação digital que misture conteúdo com serviço  e/ou  entretenimento
O Hipertexto e  a leitura na web Webwriting
Webwriting ?
http://books.google.com.br/books?id=_Y9-MQQUFQ0C&dq=%22book+is+dead%22&printsec=frontcover&source=bn&hl=pt-BR&ei=Z91mS-TdE...
Escrever é fazer sexo Não-linearidade Navegabilidade  Interatividade Webwriting Características do Hipertexto “ O autor se...
Webwriting <ul><li>Não-linearidade </li></ul><ul><ul><li>Menor dependência do que vem antes ou depois </li></ul></ul><ul><...
Webwriting <ul><li>Navegabilidade </li></ul><ul><ul><li>O leitor tem papel ativo </li></ul></ul><ul><ul><li>Ele estabelece...
Webwriting <ul><li>Interatividade </li></ul><ul><ul><li>Autor e leitor são co-protagonistas do processo  </li></ul></ul><u...
Webwriting ANTES autor obra leitor AGORA autor obra leitor
Webwriting <ul><li>Em ambientes digitais </li></ul><ul><ul><li>o conteúdo é fragmentado  </li></ul></ul><ul><ul><li>e a pe...
Webwriting <ul><li>Os ambientes  </li></ul><ul><li>digitais  </li></ul><ul><li>como  </li></ul><ul><li>labirintos </li></ul>
<ul><li>Os ambientes  </li></ul><ul><li>digitais  </li></ul><ul><li>como  </li></ul><ul><li>labirintos </li></ul>Webwritin...
<ul><li>Os ambientes  </li></ul><ul><li>digitais  </li></ul><ul><li>como  </li></ul><ul><li>labirintos </li></ul>Webwritin...
<ul><li>Os ambientes  </li></ul><ul><li>digitais  </li></ul><ul><li>como  </li></ul><ul><li>labirintos </li></ul>Webwritin...
<ul><li>Os ambientes  </li></ul><ul><li>digitais  </li></ul><ul><li>como  </li></ul><ul><li>labirintos </li></ul>Webwritin...
<ul><li>Os ambientes  </li></ul><ul><li>digitais  </li></ul><ul><li>como  </li></ul><ul><li>labirintos </li></ul>Webwritin...
Webwriting Atividade:  Analisar a navegação de um dos sites abaixo: http://gleis3.wm03.de/ http://kashiwasato.com/# http:/...
Upcoming SlideShare
Loading in …5
×

Conteúdo e Hipertexto

645 views
577 views

Published on

Aula da disciplina de criação de produção de texto (webwriting e arquitetura da informação) da Pós Graduação em Mídias Sociais e Interativas do SENAC do Rio de Janeiro.

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
645
On SlideShare
0
From Embeds
0
Number of Embeds
111
Actions
Shares
0
Downloads
14
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Conteúdo e Hipertexto

  1. 2. O QUE É CONTEÚDO ?
  2. 3. Informação
  3. 4. palavras, imagens (fotos/ilustrações), sons, vídeos, ícones, jogos, etc, etc, etc Informação tem vários formatos
  4. 5. Content is King
  5. 6. sec. XX aos dias atuais: A ERA DA INFORMAÇÃO
  6. 7. A ERA DA INFORMAÇÃO O site do The New York Times contém mais informações do que um cidadão do século XVII recebia durante toda a vida
  7. 8. ANSIEDADE DE INFORMAÇÃO Tudo acelerado (junto e misturado) Richard Wurman
  8. 9. A ERA DA INFORMAÇÃO
  9. 10. Revista Wired “ Movies, TV, game, fashion… we now devour our pop culture the same way we enjoy candy and snacks: convenient package bite – size nuggets made to be eat http:// www . wired .com/ wired / archive /15.03/ snack . html A ERA DA INFORMAÇÃO
  10. 11. tudo é consumido em pequenas porções entretenimento, cultura, jornalismo e o que mais você imaginar A ERA DA INFORMAÇÃO
  11. 12. 140 caracteres snack culture aprox. 160 caracteres 10 minutos de vídeo A ERA DA INFORMAÇÃO
  12. 13. Tecnologia não é nada sem conteúdo
  13. 14. Fonte: Selulloid AG
  14. 15. Antes Fonte: Selulloid AG
  15. 16. O que mudou? Antes Agora Fonte: Selulloid AG
  16. 17. As pessoas não compram só benefícios e vantagens.   Elas compram e acreditam em histórias.  
  17. 18. As pessoas não compram só benefícios e vantagens.   Elas compram e acreditam em histórias.   Somos os criadores e contadores dessas histórias.
  18. 19. Comunicação + Conteúdo = Experiência Conteúdo + Serviço (Entretenimento) = Relevância
  19. 23. http:// www . internetdrops .com. br / drops /796
  20. 25. http:// www . dicasp .com. br /
  21. 26. Atividade: em duplas, pensar num projeto de comunicação digital que misture conteúdo com serviço e/ou entretenimento
  22. 27. O Hipertexto e a leitura na web Webwriting
  23. 28. Webwriting ?
  24. 29. http://books.google.com.br/books?id=_Y9-MQQUFQ0C&dq=%22book+is+dead%22&printsec=frontcover&source=bn&hl=pt-BR&ei=Z91mS-TdE5OVtgeToLGtBg&sa=X&oi=book_result&ct=result&resnum=4&ved=0CBUQ6AEwAw#v=onepage&q=&f=false Webwriting
  25. 30. Escrever é fazer sexo Não-linearidade Navegabilidade Interatividade Webwriting Características do Hipertexto “ O autor se torna co-autor do que lê.” Ana Erthal
  26. 31. Webwriting <ul><li>Não-linearidade </li></ul><ul><ul><li>Menor dependência do que vem antes ou depois </li></ul></ul><ul><li>Informações fragmentadas </li></ul><ul><li>Atenção : linear em sua unidade formal </li></ul>Características do Hipertexto
  27. 32. Webwriting <ul><li>Navegabilidade </li></ul><ul><ul><li>O leitor tem papel ativo </li></ul></ul><ul><ul><li>Ele estabelece relações próprias entre diversos caminhos </li></ul></ul><ul><ul><li>- As escolhas do leitor modificam a compreensão do texto </li></ul></ul>Características do Hipertexto
  28. 33. Webwriting <ul><li>Interatividade </li></ul><ul><ul><li>Autor e leitor são co-protagonistas do processo </li></ul></ul><ul><ul><li>de construção do conhecimento </li></ul></ul><ul><li>Autor e leitor não ocupam posições estanques </li></ul>Características do Hipertexto
  29. 34. Webwriting ANTES autor obra leitor AGORA autor obra leitor
  30. 35. Webwriting <ul><li>Em ambientes digitais </li></ul><ul><ul><li>o conteúdo é fragmentado </li></ul></ul><ul><ul><li>e a percepção dele também </li></ul></ul>
  31. 36. Webwriting <ul><li>Os ambientes </li></ul><ul><li>digitais </li></ul><ul><li>como </li></ul><ul><li>labirintos </li></ul>
  32. 37. <ul><li>Os ambientes </li></ul><ul><li>digitais </li></ul><ul><li>como </li></ul><ul><li>labirintos </li></ul>Webwriting A lenda de Teseu e o Fio de Ariadne Características do Hipertexto
  33. 38. <ul><li>Os ambientes </li></ul><ul><li>digitais </li></ul><ul><li>como </li></ul><ul><li>labirintos </li></ul>Webwriting Home Page X Múltiplas Entradas Google: porta de entrada do labirinto
  34. 39. <ul><li>Os ambientes </li></ul><ul><li>digitais </li></ul><ul><li>como </li></ul><ul><li>labirintos </li></ul>Webwriting Necessidade de se construir um ambiente pensado e bem organizado
  35. 40. <ul><li>Os ambientes </li></ul><ul><li>digitais </li></ul><ul><li>como </li></ul><ul><li>labirintos </li></ul>Webwriting Necessidade de se construir um ambiente pensado e bem organizado: Webwriting Arquitetura da Informação Usabilidade
  36. 41. <ul><li>Os ambientes </li></ul><ul><li>digitais </li></ul><ul><li>como </li></ul><ul><li>labirintos </li></ul>Webwriting Webwriter Arquiteto da Informação Analista de Usabilidade Dédados digitais Do grego “dáidalos”: Obreiro Astucioso, Criativo, Engenhoso
  37. 42. Webwriting Atividade: Analisar a navegação de um dos sites abaixo: http://gleis3.wm03.de/ http://kashiwasato.com/# http://www.thebackofthenapkin.com/botn.php http://www.bio-bak.nl/ http://www.dontclick.it/ http://nikeid.nike.com/nikeid/index. jsp http://www.windowshop.com/

×