Conteúdo e Hipertexto

Preview:

DESCRIPTION

Aula do curso da disciplina de Produção e Edição de Textos (Webwriting e Arquitetura da Informação) do curso de Pós Gradução em Mídias Digitais e Interativas do SenacRJ.

Citation preview

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 doséculo XVII recebia durante toda a vida

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:

convenient package bite – size nuggets made to be eat

http://www.wired.com/wired/archive/15.03/snack.html

A ERA DA INFORMAÇÃO

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 é nadasem 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 contadores

dessas histórias.

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 mistureconteú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-TdE5OVtgeToLGtBg&sa=X&oi=book_result&ct=result&resnum=4&ved=0CBUQ6AEwAw#v=onepage&q=&f=false

Webwriting

Escrever é fazer sexoNão-linearidadeNavegabilidade Interatividade

Webwriting

Características do Hipertexto

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

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

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

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

Webwriting

ANTES

autorautor

obraobraleitorleitor

AGORA

autorautor

obraobra

leitorleitor

Webwriting

Em ambientes digitais

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

Webwriting

Os ambientes digitais como

labirintos

Os ambientes digitais como

labirintos

Webwriting

A lenda de Teseue o Fio de Ariadne

Características do Hipertexto

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

Os ambientes digitais como

labirintos

Webwriting

Necessidade de se Necessidade de se construir um construir um

ambienteambientepensado e bem pensado e bem

organizadoorganizado

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

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

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/