SlideShare uma empresa Scribd logo
1 de 30
Webwriting



O Hipertexto e
a leitura na web
O livro é
uma página
   virada?




              Qual o papel
               do e-book?
Webwriting
Webwriting

                    O Hipertexto e a leitura na web




Fonte: Ana Erthal
Webwriting




Bush
Webwriting




  Douglas
Webwriting




         Ted Nelson
Webwriting




Bush     Douglas   Ted Nelson
Webwriting




Vannevar
  Bush
Webwriting




    Douglas
   Engelbart
Webwriting




             Ted Nelson
Webwriting




Vannevar                  Ted Nelson
               Douglas
  Bush
              Engelbart
Webwriting


“Eu defino o termo hipertexto como
escritas associadas não-seqüenciais,
  conexões possíveis de se seguir,
      oportunidades de leitura
      em diferentes direções.”

                             Ted Nelson, 1992
Webwriting

  Características do Hipertexto

Escrever é fazer sexo
      Não-linearidade
      Navegabilidade
       Interatividade
Webwriting

       Características do Hipertexto




          Não-linearidade


- Menor dependência do que vem antes ou depois

       - Informações fragmentadas
Webwriting

              Características do Hipertexto



                  Navegabilidade


                - O leitor tem papel ativo

- Ele estabelece relações próprias entre diversos caminhos

- As escolhas do leitor modificam a compreensão do texto
Webwriting

         Características do Hipertexto




              Interatividade


 -Autor e leitor são co-protagonistas do processo
          de construção do conhecimento

- Autor e leitor não ocupam posições estanques
Webwriting



“O leitor se torna co-autor do que lê.”
                                 Ana Erthal
Webwriting



           Usuário é
         Consumidor e
           Co-autor
         de Conteúdo
Webwriting

         ANTES          AGORA


         autor



                         autor

                         leitor

                         obra


leitor           obra
Webwriting


Em ambientes digitais

o conteúdo é fragmentado
e a percepção dele também
Webwriting


“Os textos eletrônicos são lidos onde são
 escritos e são escritos ao serem lidos.”

                               Michael Joyce, 1995
Webwriting


Labirintos que levam
 a outros labirintos.

                    Lucia Leão, 1999
Webwriting



 Os ambientes
    digitais
     como
   labirintos
Webwriting
         Características do Hipertexto




Os ambientes                     A lenda de Teseu
   digitais                      e o Fio de Ariadne
    como
  labirintos
Webwriting


               Necessidade de se
Os ambientes     construir um
   digitais        ambiente
    como        pensado e bem
  labirintos      organizado
Webwriting

                    Necessidade de se
                  construir um ambiente
                     pensado e bem
                       organizado:
Os ambientes
   digitais
    como
  labirintos
                      Webwriting
               Arquitetura da Informação
                      Usabilidade
Webwriting

                      Webwriter
               Arquiteto da Informação
               Analista de Usabilidade

Os ambientes
   digitais
    como         Dédalos digitais
  labirintos
Webwriting

             Atividade:
Analisar a navegação dos sites abaixo:


        http://gleis3.wm03.de/
       http://kashiwasato.com/#
 http://www.thebackofthenapkin.com
        http://www.bio-bak.nl/
        http://www.dontclick.it/
http://nikeid.nike.com/nikeid/index.jsp
    http://www.windowshop.com/

Mais conteúdo relacionado

Mais de eramos7senac

Arquitetura de informacao sistemas de rotulacao e de organizacao
Arquitetura de informacao sistemas de rotulacao e de organizacaoArquitetura de informacao sistemas de rotulacao e de organizacao
Arquitetura de informacao sistemas de rotulacao e de organizacao
eramos7senac
 
Introducao a arquitetura de informacao
Introducao a arquitetura de informacaoIntroducao a arquitetura de informacao
Introducao a arquitetura de informacao
eramos7senac
 
Branded content & transmedia storytelling
Branded content & transmedia storytellingBranded content & transmedia storytelling
Branded content & transmedia storytelling
eramos7senac
 
Conteúdo para blogs
Conteúdo para blogsConteúdo para blogs
Conteúdo para blogs
eramos7senac
 
Guidelines e boas práticas
Guidelines e boas práticasGuidelines e boas práticas
Guidelines e boas práticas
eramos7senac
 
Princpiosdowebwriting 111206150428-phpapp02
Princpiosdowebwriting 111206150428-phpapp02Princpiosdowebwriting 111206150428-phpapp02
Princpiosdowebwriting 111206150428-phpapp02
eramos7senac
 
Escrever é fazer sexo
Escrever é fazer sexoEscrever é fazer sexo
Escrever é fazer sexo
eramos7senac
 

Mais de eramos7senac (9)

Arquitetura de informacao sistemas de rotulacao e de organizacao
Arquitetura de informacao sistemas de rotulacao e de organizacaoArquitetura de informacao sistemas de rotulacao e de organizacao
Arquitetura de informacao sistemas de rotulacao e de organizacao
 
Introducao a arquitetura de informacao
Introducao a arquitetura de informacaoIntroducao a arquitetura de informacao
Introducao a arquitetura de informacao
 
Branded content & transmedia storytelling
Branded content & transmedia storytellingBranded content & transmedia storytelling
Branded content & transmedia storytelling
 
Webwriting e seo
Webwriting e seoWebwriting e seo
Webwriting e seo
 
Conteúdo para blogs
Conteúdo para blogsConteúdo para blogs
Conteúdo para blogs
 
Guidelines e boas práticas
Guidelines e boas práticasGuidelines e boas práticas
Guidelines e boas práticas
 
Princpiosdowebwriting 111206150428-phpapp02
Princpiosdowebwriting 111206150428-phpapp02Princpiosdowebwriting 111206150428-phpapp02
Princpiosdowebwriting 111206150428-phpapp02
 
Escrever é fazer sexo
Escrever é fazer sexoEscrever é fazer sexo
Escrever é fazer sexo
 
Provocações
ProvocaçõesProvocações
Provocações
 

Ohipertextoealeituranaweb2 111130064356-phpapp02

  • 2. O livro é uma página virada? Qual o papel do e-book?
  • 3.
  • 5. Webwriting O Hipertexto e a leitura na web Fonte: Ana Erthal
  • 8. Webwriting Ted Nelson
  • 9. Webwriting Bush Douglas Ted Nelson
  • 11. Webwriting Douglas Engelbart
  • 12. Webwriting Ted Nelson
  • 13. Webwriting Vannevar Ted Nelson Douglas Bush Engelbart
  • 14. Webwriting “Eu defino o termo hipertexto como escritas associadas não-seqüenciais, conexões possíveis de se seguir, oportunidades de leitura em diferentes direções.” Ted Nelson, 1992
  • 15. Webwriting Características do Hipertexto Escrever é fazer sexo Não-linearidade Navegabilidade Interatividade
  • 16. Webwriting Características do Hipertexto Não-linearidade - Menor dependência do que vem antes ou depois - Informações fragmentadas
  • 17. Webwriting Características do Hipertexto Navegabilidade - O leitor tem papel ativo - Ele estabelece relações próprias entre diversos caminhos - As escolhas do leitor modificam a compreensão do texto
  • 18. Webwriting Características do Hipertexto Interatividade -Autor e leitor são co-protagonistas do processo de construção do conhecimento - Autor e leitor não ocupam posições estanques
  • 19. Webwriting “O leitor se torna co-autor do que lê.” Ana Erthal
  • 20. Webwriting Usuário é Consumidor e Co-autor de Conteúdo
  • 21. Webwriting ANTES AGORA autor autor leitor obra leitor obra
  • 22. Webwriting Em ambientes digitais o conteúdo é fragmentado e a percepção dele também
  • 23. Webwriting “Os textos eletrônicos são lidos onde são escritos e são escritos ao serem lidos.” Michael Joyce, 1995
  • 24. Webwriting Labirintos que levam a outros labirintos. Lucia Leão, 1999
  • 25. Webwriting Os ambientes digitais como labirintos
  • 26. Webwriting Características do Hipertexto Os ambientes A lenda de Teseu digitais e o Fio de Ariadne como labirintos
  • 27. Webwriting Necessidade de se Os ambientes construir um digitais ambiente como pensado e bem labirintos organizado
  • 28. Webwriting Necessidade de se construir um ambiente pensado e bem organizado: Os ambientes digitais como labirintos Webwriting Arquitetura da Informação Usabilidade
  • 29. Webwriting Webwriter Arquiteto da Informação Analista de Usabilidade Os ambientes digitais como Dédalos digitais labirintos
  • 30. Webwriting Atividade: Analisar a navegação dos sites abaixo: http://gleis3.wm03.de/ http://kashiwasato.com/# http://www.thebackofthenapkin.com http://www.bio-bak.nl/ http://www.dontclick.it/ http://nikeid.nike.com/nikeid/index.jsp http://www.windowshop.com/