Princípios do HipertexoPrincípios do Hipertexo

HeterogeneidadeHeterogeneidade MetamorfoseMetamorfose PotencialidadePotencialidade ComplexidadeComplexidade ConectividadeConectividade CartografiaCartografia

HeterogeneidadeHeterogeneidade

o hipertexto é composto de o hipertexto é composto de diferentes nós que podem ser diferentes nós que podem ser acessados por diferentes caminhos.acessados por diferentes caminhos.

MetamorfoseMetamorfose

o hipertexto está em constante o hipertexto está em constante transformaçãotransformação

potencialidadepotencialidade o usuário tem a possibilidade de o usuário tem a possibilidade de

recriar o hipertexto no momento de recriar o hipertexto no momento de seu usoseu uso

ComplexidadeComplexidade

as conexões relacionam diferentes as conexões relacionam diferentes aspectos do hipertexto, mesmo que aspectos do hipertexto, mesmo que contraditórios.contraditórios.

cartografiacartografia

o hipertexto deve oferecer recursos o hipertexto deve oferecer recursos para a orientação flexível entre os para a orientação flexível entre os caminhos possíveis.caminhos possíveis.

Características da Características da hipermídiahipermídia

A hipermídia mistura diferentes A hipermídia mistura diferentes tipos de linguagenstipos de linguagens

http://postvisual.com/theuninvited/http://postvisual.com/theuninvited/en/en/

HibridismoHibridismo

não-linearidadenão-linearidade

o usuário não precisa seguir uma o usuário não precisa seguir uma sequencia pré-determinadasequencia pré-determinada

InteratividadeInteratividade

o usuário deve ter papel ativo na o usuário deve ter papel ativo na fruição da hipermídia.fruição da hipermídia.

NavegabilidadeNavegabilidade

o usuário deve ter liberdade para ir o usuário deve ter liberdade para ir aonde quiser, encontrar seu rumo ou aonde quiser, encontrar seu rumo ou se perderse perder

(hiper) Texto -> Mídia(hiper) Texto -> Mídia

Substituição ou evolução?Substituição ou evolução?

(hiper) –texto> (mídia)(hiper) –texto> (mídia)

Hipermídia une os conceitos de não-Hipermídia une os conceitos de não-linearidade (linearidade (nãonão-linear-linear), ), hipertextohipertexto, interface , interface e multimídia numa só linguagem. Traduzida e multimídia numa só linguagem. Traduzida erroneamente como mero suporte, hipermídia erroneamente como mero suporte, hipermídia não se configura só como meio de transmissão não se configura só como meio de transmissão de mensagens, e sim como uma linguagem de mensagens, e sim como uma linguagem com características próprias, com sua própria com características próprias, com sua própria gramática. Hipermídia, diferentemente de gramática. Hipermídia, diferentemente de multimídia, não é a mera reunião dos meios multimídia, não é a mera reunião dos meios existentes, e sim a fusão desses meios a partir existentes, e sim a fusão desses meios a partir de elementos não-lineares. de elementos não-lineares.

ConteúdoConteúdo O significado é diferente daquele da palavra informação.

Informação está mais para um conjunto de dados estáticos (de qualquer tipo, seja ele som, palavra ou imagem) e conteúdo traz em si um certo valor para o que está sendo informado.

Conteúdo tem um juízo de valor embutido nele, significa Conteúdo tem um juízo de valor embutido nele, significa que a informação que o website oferece deve ter coerência, que a informação que o website oferece deve ter coerência, fundamentação, esforço intelectual e operacional dos fundamentação, esforço intelectual e operacional dos profissionais que nele trabalham e que agregaram algum profissionais que nele trabalham e que agregaram algum

tipo de valor à informação.tipo de valor à informação.

WebwritingWebwriting

O que é?O que é? De onde saiu o termo?De onde saiu o termo? Principais características?Principais características? Conceito afim – Arquitetura de Conceito afim – Arquitetura de

InformaçãoInformação O que acontece no ensino?O que acontece no ensino?

O que é?O que é?

É um conjunto de técnicas que auxiliam na distribuição de É um conjunto de técnicas que auxiliam na distribuição de conteúdo informativo em ambientes digitais. conteúdo informativo em ambientes digitais.

Esta ‘distribuição’ faz-se, por exemplo, pelas diversas camadas Esta ‘distribuição’ faz-se, por exemplo, pelas diversas camadas de um site, sendo a primeira camada a primeira página e, a de um site, sendo a primeira camada a primeira página e, a segunda camada, as páginas que surgem a partir dos itens do segunda camada, as páginas que surgem a partir dos itens do menu principal - e assim por diante. E por que ‘ambientes menu principal - e assim por diante. E por que ‘ambientes digitais’? Em webwriting, o campo de ação são intranets, CDs-digitais’? Em webwriting, o campo de ação são intranets, CDs-ROM, wireless, e não apenas sites internet.ROM, wireless, e não apenas sites internet.

(fonte: Rodrigues, Bruno. (fonte: Rodrigues, Bruno. http://webinsider.uol.com.br/vernoticia.php/O_que_e_webwriting/id/http://webinsider.uol.com.br/vernoticia.php/O_que_e_webwriting/id/23722372 ) )

De onde “saiu” o termo?De onde “saiu” o termo? Quem deu a devida importância ao estudo da Quem deu a devida importância ao estudo da

informação para a mídia digital foi Jakob Nielsen, mais informação para a mídia digital foi Jakob Nielsen, mais conhecido pela ciência que ajudou a desenvolver, a conhecido pela ciência que ajudou a desenvolver, a usabilidade. usabilidade.

Foi Jakob Nielsen que, em março de 1997, publicou em Foi Jakob Nielsen que, em março de 1997, publicou em seu site – www.useit.com - o resultado da aplicação de seu site – www.useit.com - o resultado da aplicação de testes voltados para o comportamento do texto no testes voltados para o comportamento do texto no ambiente online. Ao provar que o usuário exige uma boa ambiente online. Ao provar que o usuário exige uma boa formatação de texto para a web, ele chamou a atenção formatação de texto para a web, ele chamou a atenção para a necessidade de estudo e dedicação à área da para a necessidade de estudo e dedicação à área da informação digital. informação digital.

Principais característicasPrincipais características

Quem, quando, onde, o quê, por quê e Quem, quando, onde, o quê, por quê e como (herança do Jornalismo)como (herança do Jornalismo)

HipertextoHipertexto Títulos (herança da publicidade)Títulos (herança da publicidade) Hierarquia de informaçãoHierarquia de informação InlinksInlinks e e outlinks (quem vai precisa outlinks (quem vai precisa

voltar)voltar) Caminhar num site, caminhar num Caminhar num site, caminhar num

lugar.lugar.

ESCREVA TEXTOS VIVOS E AREJADOSESCREVA TEXTOS VIVOS E AREJADOS Leitor Web: aberto a estilos não-Leitor Web: aberto a estilos não-

convencionaisconvencionais Internet não é sisuda, ela tem humor (bom Internet não é sisuda, ela tem humor (bom

humor)humor)

Leitor não tem um compromisso maior ao Leitor não tem um compromisso maior ao navegarnavegar

Comportamento TV: zapeia por canais e fica Comportamento TV: zapeia por canais e fica pouco tempo mesmo nas notícias que lhe pouco tempo mesmo nas notícias que lhe interessainteressa

QUEBRE O TEXTO – SEMPREQUEBRE O TEXTO – SEMPRE–LEITURA EM TELALEITURA EM TELA

Grandes blocos dificultam a leitura de textos no Grandes blocos dificultam a leitura de textos no PCPC

Textos estruturados assim tendem a espantar Textos estruturados assim tendem a espantar leitoresleitores

–Há exceções: revistas, sites de pesquisa, Há exceções: revistas, sites de pesquisa, download conteúdodownload conteúdo

–ASPECTO GRÁFICOASPECTO GRÁFICOPreocupe-se em tornar fácil a leitura do texto Preocupe-se em tornar fácil a leitura do texto em telaem tela

–Imagens, ilustrações, gráficos interativos ajudamImagens, ilustrações, gráficos interativos ajudam

Quebre os parágrafos e separe-os com linha em Quebre os parágrafos e separe-os com linha em brancobranco

Facilita a leitura e passa a sensação de Facilita a leitura e passa a sensação de organizaçãoorganização

Conceitos afinsConceitos afins

Arquitetura da Informação:Arquitetura da Informação:Em um ambiente digital, é a tarefa de estruturar e distribuir as áreas, Em um ambiente digital, é a tarefa de estruturar e distribuir as áreas, principais e secundárias, tornando as informações facilmente identificáveis, principais e secundárias, tornando as informações facilmente identificáveis, sua distribuição bem definida e, a navegação, intuitiva. Esta tarefa pode (e sua distribuição bem definida e, a navegação, intuitiva. Esta tarefa pode (e deve) ser aplicada não apenas a sites internet e intranet, mas a CDs-ROM, deve) ser aplicada não apenas a sites internet e intranet, mas a CDs-ROM, DVDs e ambientes wireless, levando-se em conta suas diferenças. DVDs e ambientes wireless, levando-se em conta suas diferenças.

É a partir da estrutura criada para os sites e afins É a partir da estrutura criada para os sites e afins (arquitetura da informação) que se distribui a informação (arquitetura da informação) que se distribui a informação (através do (através do webwritingwebwriting) e produz-se conhecimento. ) e produz-se conhecimento.

Para o blogPara o blog hoje: hoje:

Post sobre o evento de Design & Post sobre o evento de Design & TecnologiaTecnologia

(usando as características do hipertexto e as (usando as características do hipertexto e as dicas de conteúdo)dicas de conteúdo)

- Modificar as cores do - Modificar as cores do templatetemplate, usando o , usando o Kuler como referência para “extrair” os Kuler como referência para “extrair” os códigos.códigos.

- Desenvolver um Desenvolver um faviconfavicon para o blog para o blog- Passada individual para conferir os Passada individual para conferir os

pedidos da semana passada.pedidos da semana passada.