Download - Conteúdo e Hipertexto
![Page 1: Conteúdo e Hipertexto](https://reader036.vdocuments.mx/reader036/viewer/2022062419/55714ea9d8b42a352f8b4e86/html5/thumbnails/1.jpg)
![Page 2: Conteúdo e Hipertexto](https://reader036.vdocuments.mx/reader036/viewer/2022062419/55714ea9d8b42a352f8b4e86/html5/thumbnails/2.jpg)
O QUE É CONTEÚDO ?
![Page 3: Conteúdo e Hipertexto](https://reader036.vdocuments.mx/reader036/viewer/2022062419/55714ea9d8b42a352f8b4e86/html5/thumbnails/3.jpg)
Informação
![Page 4: Conteúdo e Hipertexto](https://reader036.vdocuments.mx/reader036/viewer/2022062419/55714ea9d8b42a352f8b4e86/html5/thumbnails/4.jpg)
palavras, imagens (fotos/ilustrações), sons, vídeos, ícones, jogos,
etc, etc, etc
Informação tem vários formatos
![Page 5: Conteúdo e Hipertexto](https://reader036.vdocuments.mx/reader036/viewer/2022062419/55714ea9d8b42a352f8b4e86/html5/thumbnails/5.jpg)
Content is King
![Page 6: Conteúdo e Hipertexto](https://reader036.vdocuments.mx/reader036/viewer/2022062419/55714ea9d8b42a352f8b4e86/html5/thumbnails/6.jpg)
sec. XX aos dias atuais:
A ERA DA INFORMAÇÃO
![Page 7: Conteúdo e Hipertexto](https://reader036.vdocuments.mx/reader036/viewer/2022062419/55714ea9d8b42a352f8b4e86/html5/thumbnails/7.jpg)
A ERA DA INFORMAÇÃO
O site do The New York Times contém mais informações
do que um cidadão doséculo XVII recebia durante toda a vida
![Page 8: Conteúdo e Hipertexto](https://reader036.vdocuments.mx/reader036/viewer/2022062419/55714ea9d8b42a352f8b4e86/html5/thumbnails/8.jpg)
ANSIEDADE DE INFORMAÇÃO
Tudo acelerado (junto e misturado)
Richard Wurman
![Page 9: Conteúdo e Hipertexto](https://reader036.vdocuments.mx/reader036/viewer/2022062419/55714ea9d8b42a352f8b4e86/html5/thumbnails/9.jpg)
A ERA DA INFORMAÇÃO
![Page 10: Conteúdo e Hipertexto](https://reader036.vdocuments.mx/reader036/viewer/2022062419/55714ea9d8b42a352f8b4e86/html5/thumbnails/10.jpg)
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
![Page 11: Conteúdo e Hipertexto](https://reader036.vdocuments.mx/reader036/viewer/2022062419/55714ea9d8b42a352f8b4e86/html5/thumbnails/11.jpg)
tudo é consumido em
pequenas porções
entretenimento, cultura,
jornalismo e o que mais você
imaginar
A ERA DA INFORMAÇÃO
![Page 12: Conteúdo e Hipertexto](https://reader036.vdocuments.mx/reader036/viewer/2022062419/55714ea9d8b42a352f8b4e86/html5/thumbnails/12.jpg)
140 caracteres
snack culture
aprox. 160 caracteres
10 minutos de vídeo
A ERA DA INFORMAÇÃO
![Page 13: Conteúdo e Hipertexto](https://reader036.vdocuments.mx/reader036/viewer/2022062419/55714ea9d8b42a352f8b4e86/html5/thumbnails/13.jpg)
Tecnologia não é nadasem conteúdo
![Page 14: Conteúdo e Hipertexto](https://reader036.vdocuments.mx/reader036/viewer/2022062419/55714ea9d8b42a352f8b4e86/html5/thumbnails/14.jpg)
Fonte: Selulloid AG
![Page 15: Conteúdo e Hipertexto](https://reader036.vdocuments.mx/reader036/viewer/2022062419/55714ea9d8b42a352f8b4e86/html5/thumbnails/15.jpg)
Antes
Fonte: Selulloid AG
![Page 16: Conteúdo e Hipertexto](https://reader036.vdocuments.mx/reader036/viewer/2022062419/55714ea9d8b42a352f8b4e86/html5/thumbnails/16.jpg)
O que mudou?
Antes Agora
Fonte: Selulloid AG
![Page 17: Conteúdo e Hipertexto](https://reader036.vdocuments.mx/reader036/viewer/2022062419/55714ea9d8b42a352f8b4e86/html5/thumbnails/17.jpg)
As pessoas não compram só benefícios e vantagens.
Elas compram e acreditam em histórias.
![Page 18: Conteúdo e Hipertexto](https://reader036.vdocuments.mx/reader036/viewer/2022062419/55714ea9d8b42a352f8b4e86/html5/thumbnails/18.jpg)
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.
![Page 19: Conteúdo e Hipertexto](https://reader036.vdocuments.mx/reader036/viewer/2022062419/55714ea9d8b42a352f8b4e86/html5/thumbnails/19.jpg)
Comunicação + Conteúdo = Experiência
Conteúdo + Serviço (Entretenimento) = Relevância
![Page 20: Conteúdo e Hipertexto](https://reader036.vdocuments.mx/reader036/viewer/2022062419/55714ea9d8b42a352f8b4e86/html5/thumbnails/20.jpg)
![Page 21: Conteúdo e Hipertexto](https://reader036.vdocuments.mx/reader036/viewer/2022062419/55714ea9d8b42a352f8b4e86/html5/thumbnails/21.jpg)
![Page 22: Conteúdo e Hipertexto](https://reader036.vdocuments.mx/reader036/viewer/2022062419/55714ea9d8b42a352f8b4e86/html5/thumbnails/22.jpg)
![Page 23: Conteúdo e Hipertexto](https://reader036.vdocuments.mx/reader036/viewer/2022062419/55714ea9d8b42a352f8b4e86/html5/thumbnails/23.jpg)
http://www.internetdrops.com.br/drops/796
![Page 24: Conteúdo e Hipertexto](https://reader036.vdocuments.mx/reader036/viewer/2022062419/55714ea9d8b42a352f8b4e86/html5/thumbnails/24.jpg)
![Page 25: Conteúdo e Hipertexto](https://reader036.vdocuments.mx/reader036/viewer/2022062419/55714ea9d8b42a352f8b4e86/html5/thumbnails/25.jpg)
http://www.dicasp.com.br/
![Page 26: Conteúdo e Hipertexto](https://reader036.vdocuments.mx/reader036/viewer/2022062419/55714ea9d8b42a352f8b4e86/html5/thumbnails/26.jpg)
Atividade: em duplas, pensar num projeto
de comunicação digital que mistureconteúdo com serviço e/ou entretenimento
![Page 27: Conteúdo e Hipertexto](https://reader036.vdocuments.mx/reader036/viewer/2022062419/55714ea9d8b42a352f8b4e86/html5/thumbnails/27.jpg)
O Hipertexto e a leitura na web
Webwriting
![Page 28: Conteúdo e Hipertexto](https://reader036.vdocuments.mx/reader036/viewer/2022062419/55714ea9d8b42a352f8b4e86/html5/thumbnails/28.jpg)
Webwriting
?
![Page 29: Conteúdo e Hipertexto](https://reader036.vdocuments.mx/reader036/viewer/2022062419/55714ea9d8b42a352f8b4e86/html5/thumbnails/29.jpg)
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
![Page 30: Conteúdo e Hipertexto](https://reader036.vdocuments.mx/reader036/viewer/2022062419/55714ea9d8b42a352f8b4e86/html5/thumbnails/30.jpg)
Escrever é fazer sexoNão-linearidadeNavegabilidade Interatividade
Webwriting
Características do Hipertexto
“O autor se torna co-autor do que lê.”Ana Erthal
![Page 31: Conteúdo e Hipertexto](https://reader036.vdocuments.mx/reader036/viewer/2022062419/55714ea9d8b42a352f8b4e86/html5/thumbnails/31.jpg)
Webwriting
Não-linearidade
- Menor dependência do que vem antes ou depois
- Informações fragmentadas
- AtençãoAtenção: linear em sua unidade formal
Características do Hipertexto
![Page 32: Conteúdo e Hipertexto](https://reader036.vdocuments.mx/reader036/viewer/2022062419/55714ea9d8b42a352f8b4e86/html5/thumbnails/32.jpg)
Webwriting
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
Características do Hipertexto
![Page 33: Conteúdo e Hipertexto](https://reader036.vdocuments.mx/reader036/viewer/2022062419/55714ea9d8b42a352f8b4e86/html5/thumbnails/33.jpg)
Webwriting
Interatividade
-Autor e leitor são co-protagonistas do processo de construção do conhecimento
- Autor e leitor não ocupam posições estanques
Características do Hipertexto
![Page 34: Conteúdo e Hipertexto](https://reader036.vdocuments.mx/reader036/viewer/2022062419/55714ea9d8b42a352f8b4e86/html5/thumbnails/34.jpg)
Webwriting
ANTES
autorautor
obraobraleitorleitor
AGORA
autorautor
obraobra
leitorleitor
![Page 35: Conteúdo e Hipertexto](https://reader036.vdocuments.mx/reader036/viewer/2022062419/55714ea9d8b42a352f8b4e86/html5/thumbnails/35.jpg)
Webwriting
Em ambientes digitais
o conteúdo é fragmentado e a percepção dele também
![Page 36: Conteúdo e Hipertexto](https://reader036.vdocuments.mx/reader036/viewer/2022062419/55714ea9d8b42a352f8b4e86/html5/thumbnails/36.jpg)
Webwriting
Os ambientes digitais como
labirintos
![Page 37: Conteúdo e Hipertexto](https://reader036.vdocuments.mx/reader036/viewer/2022062419/55714ea9d8b42a352f8b4e86/html5/thumbnails/37.jpg)
Os ambientes digitais como
labirintos
Webwriting
A lenda de Teseue o Fio de Ariadne
Características do Hipertexto
![Page 38: Conteúdo e Hipertexto](https://reader036.vdocuments.mx/reader036/viewer/2022062419/55714ea9d8b42a352f8b4e86/html5/thumbnails/38.jpg)
Os ambientes digitais como
labirintos
Webwriting
Home PageHome PageXX
Múltiplas EntradasMúltiplas Entradas
Google: porta de Google: porta de entrada do labirintoentrada do labirinto
![Page 39: Conteúdo e Hipertexto](https://reader036.vdocuments.mx/reader036/viewer/2022062419/55714ea9d8b42a352f8b4e86/html5/thumbnails/39.jpg)
Os ambientes digitais como
labirintos
Webwriting
Necessidade de se Necessidade de se construir um construir um
ambienteambientepensado e bem pensado e bem
organizadoorganizado
![Page 40: Conteúdo e Hipertexto](https://reader036.vdocuments.mx/reader036/viewer/2022062419/55714ea9d8b42a352f8b4e86/html5/thumbnails/40.jpg)
Os ambientes digitais como
labirintos
Webwriting
Necessidade de se Necessidade de se construir um ambienteconstruir um ambiente
pensado e bem pensado e bem organizado:organizado:
WebwritingArquitetura da Informação
Usabilidade
![Page 41: Conteúdo e Hipertexto](https://reader036.vdocuments.mx/reader036/viewer/2022062419/55714ea9d8b42a352f8b4e86/html5/thumbnails/41.jpg)
Os ambientes digitais como
labirintos
Webwriting
WebwriterWebwriterArquiteto da InformaçãoArquiteto da InformaçãoAnalista de UsabilidadeAnalista de Usabilidade
Dédados digitais
Do grego “dáidalos”: Obreiro Astucioso,
Criativo,Engenhoso
![Page 42: Conteúdo e Hipertexto](https://reader036.vdocuments.mx/reader036/viewer/2022062419/55714ea9d8b42a352f8b4e86/html5/thumbnails/42.jpg)
Webwriting
Atividade: Analisar a navegação de um dos sites abaixo:
http://gleis3.wm03.de/http://kashiwasato.com/#
http://www.thebackofthenapkin.com/botn.phphttp://www.bio-bak.nl/http://www.dontclick.it/
http://nikeid.nike.com/nikeid/index.jsphttp://www.windowshop.com/