SlideShare una empresa de Scribd logo
1 de 31
LUIZ AGNER




COMUNICAÇÃO
IMPRESSA E DIGITAL




Redação para a web

Curso: Publicidade e Propaganda
FACHA – Faculdades Hélio Alonso
Maio 2012
Plano de aula
   O papel do redator web
   Distribuição da informação
   Camadas de informação
   Dicas: como redigir títulos, textos,
    links e destaques para cada
    camada
O papel do redator web
   É o “guia de turismo” dos sítios.

   Com o arquiteto, cria rede de conexões.
   Convida a conhecer as informações.
   Apresenta as informações básicas.
   Sugere aspectos para a sua
    complementação.
   Aponta assuntos correlatos.
   Recomenda outros sítios.
A metáfora da cebola

   Comportamento
    da informação
    difere ao longo
    de um site.

   A distribuição em
    camadas é a
    base do conteúdo
    online.
A metáfora da cebola

            Distribuição em
            3 camadas:
            - Camada de
               apresentação
            - Camada
              genérica
            - Camada de
              detalhamento
Camada de
apresentação
   Os destaques mostram o que tem
    maior apelo junto ao público-alvo,
    ou o aspecto que resume a
    informação.
   É a vitrine do sítio.
   Elementos de apoio:
    imagem e legenda da imagem.
Camada de
apresentação
Camada de
apresentação
   Destaques da primeira página
    (home page) são derivados das
    primeiras páginas dos jornais
    impressos.
   Os destaques e o menu principal
    são a forma do visitante acessar o
    conteúdo de uma página web.
   Linkam para a segunda camada de
    informação: a Genérica.
Camada genérica
   O texto principal é o coração da
    camada genérica.
   Apresenta os aspectos principais
    do tema abordado.
   Contextualiza o visitante e o
    estimula a conhecer mais o
    assunto.
Camada genérica
   Responde às questões jornalísticas
    básicas:
       O que?
       Quando?
       Quem?
       Como?
       Por que?
   O texto da camada genérica
    precisa fisgar a atenção logo de
    saída – persuasão é necessária.
Camada de
detalhamento
   Mostra os detalhes da informação.
   Vão além das questões básicas.
   Textos acompanhados por links
    para documentos, tabelas,
    planilhas, e-books e gráficos.
   Mostra links para informações
    relacionadas e outros sites.
   Conhecidas como as páginas de
    “leia mais”.
Títulos para textos de
destaques
   Os títulos da Camada de
    Apresentação (home) devem
    atrair o visitante.
   O internauta passa os olhos
    rapidamente (varredura ou scan).
   Precisam incluir a palavra-chave
    que define o aspecto da
    informação a ser apresentado.
Títulos para textos de
destaques: exemplo

    “Serviço de acesso à ficha
     médica do cidadão já está
     disponível”

    “Novo serviço revoluciona
     relação Governo e Cidadão”
Títulos para textos de
destaques: exemplo
   PREFIRA:
     “Serviço de acesso à ficha
      médica do cidadão já está
      disponível”
   Em vez de:
     “Novo serviço revoluciona
      relação Governo e Cidadão”
Textos de destaques
   Deve ser econômico.
   Devem competir com banners,
    logotipos, botões, etc.
   Deve ter função persuasiva:
       Conheça, descubra, consulte...
   Se o título do destaque aborda um
    determinado aspecto, o mesmo
    não deve se repetir no texto, na
    imagem ou em sua legenda.
Textos de destaques:
exemplo
Textos de destaques:
exemplo
   Título do destaque:
     “Serviço de acesso à ficha
       médica do cidadão já está
       disponível”
   Texto do destaque:
       ‘Basta fornecer CPF, ID e data do
        nascimento para criar a senha de acesso. O
        sistema atenderá dois terços dos
        municípios do país´
Textos de destaques:
exemplo
   Título do destaque:
     “Serviço de acesso à ficha
       médica do cidadão já está
       disponível” [o que, quando]
   Texto do destaque:
       ‘Basta fornecer CPF, ID e data do
        nascimento para criar a senha de acesso. O
        sistema atenderá dois terços dos
        municípios do país´
        [como, quem]
Títulos para textos
principais
   Os títulos devem conter a palavra-
    chave ou expressão-chave.

   É útil repetir o título do destaque
    como título do texto principal, para
    melhor navegação.
Títulos para textos
            principais
Home page




        Os títulos devem
        conter a mesma
        palavra-chave ou
        expressão-chave.
Títulos para textos
            principais
Home page




  É útil repetir o título
  do destaque como
  título do texto
  principal, para
  melhor navegação.
Textos principais
   Sucintos e breves.
   Estruturar o conteúdo em itens
    (em vez de texto corrido).
   Abordar o aspecto mais
    interessante no primeiro parágrafo.
   Deslocar a palavra principal de cada
    frase para o início da frase.
   Restringir: 1 idéia por parágrafo.
Títulos para textos de
detalhamento
   A maioria dos conteúdos em um sítio é
    granular, ou seja, uma informação se
    desdobra, camada após camada, como
    uma forma do redator distribuir o
    conteúdo de maneira eficaz.

   Cada vez mais o internauta acessa
    diretamente as páginas de
    detalhamento (vindo do Google).
Títulos para textos de
detalhamento
   É necessário criar contexto e
    facilitar a compreensão dos que
    chegam através dos mecanismos
    de busca.

   Depois, a cada título/camada deste
    desdobramento, some cada nova
    palavra-chave à palavra-chave
    anterior.
Títulos para textos de
detalhamento: exemplo
   “Até dezembro, acesso web
    a fichas médicas dos cidadãos
    abrangerá todo o País.”

   Expressões-chave:
Títulos para textos de
detalhamento: exemplo
   “Até dezembro, acesso web
    a fichas médicas dos cidadãos
    abrangerá todo o País.”

   Expressões-chave:
         Acesso à ficha médica do cidadão
         Acesso via web
         Informação do mês
Texto de detalhamento
   Não precisa ser sucinto.
   Não há limite de extensão.
   Pode se desdobrar em diversas
    páginas e camadas subsequentes.

   As informações complementares -
    devem ser úteis.
O que vimos
   O papel do webwriter
   Distribuição da informação
   As 3 camadas da informação:
         
         
         


   Regras para títulos, textos, links e
    destaques para cada camada
O que vimos
   O papel do webwriter
   Distribuição da informação
   As 3 camadas da informação:
            Apresentação
            Genérica
            Detalhamento

   Regras para títulos, textos, links e
    destaques para cada camada
Bibliografia




Autor: Bruno Rodrigues
Baixar esta aula
   Apresentação de hoje:
    www.agner.com.br/facha_CID

Más contenido relacionado

La actualidad más candente

Skriftlig fremstilling 5, argumentation
Skriftlig fremstilling 5, argumentationSkriftlig fremstilling 5, argumentation
Skriftlig fremstilling 5, argumentationGryjensen
 
Palestra: Os Novos Paradigmas de Comunicação Interna na era da hiperconectivi...
Palestra: Os Novos Paradigmas de Comunicação Interna na era da hiperconectivi...Palestra: Os Novos Paradigmas de Comunicação Interna na era da hiperconectivi...
Palestra: Os Novos Paradigmas de Comunicação Interna na era da hiperconectivi...La Gracia Design
 
Comunicação interna
Comunicação internaComunicação interna
Comunicação internaCarlos Alves
 
GÊNEROS DISCURSIVOS
GÊNEROS DISCURSIVOSGÊNEROS DISCURSIVOS
GÊNEROS DISCURSIVOSmarianna65
 
Nota biográfica rg up
Nota biográfica rg upNota biográfica rg up
Nota biográfica rg upRui Gomes
 
Planejamento de Comunicação / Planejamento Publicitário - Davi Rocha
Planejamento de Comunicação / Planejamento Publicitário - Davi RochaPlanejamento de Comunicação / Planejamento Publicitário - Davi Rocha
Planejamento de Comunicação / Planejamento Publicitário - Davi RochaDavi Rocha
 
Apostila atendimento espm
Apostila atendimento espmApostila atendimento espm
Apostila atendimento espmAndré Felix
 
Como elaborar UM CURRICULO ATRATIVO
Como elaborar UM CURRICULO ATRATIVOComo elaborar UM CURRICULO ATRATIVO
Como elaborar UM CURRICULO ATRATIVORoberto Felipe
 
Estilo de liderança
Estilo de liderançaEstilo de liderança
Estilo de liderançaMkrH Uniesp
 
Artigo de divulgação científica
Artigo de divulgação científicaArtigo de divulgação científica
Artigo de divulgação científicaMariany Dutra
 
Texto jornalístico
Texto jornalístico Texto jornalístico
Texto jornalístico escrevermais
 
Apresentação do tema motivação da equipe
Apresentação do tema motivação da equipeApresentação do tema motivação da equipe
Apresentação do tema motivação da equipeDenisia Teixeira
 

La actualidad más candente (20)

Como fazer um esquema
Como fazer um esquemaComo fazer um esquema
Como fazer um esquema
 
Skriftlig fremstilling 5, argumentation
Skriftlig fremstilling 5, argumentationSkriftlig fremstilling 5, argumentation
Skriftlig fremstilling 5, argumentation
 
Liderança
LiderançaLiderança
Liderança
 
Palestra: Os Novos Paradigmas de Comunicação Interna na era da hiperconectivi...
Palestra: Os Novos Paradigmas de Comunicação Interna na era da hiperconectivi...Palestra: Os Novos Paradigmas de Comunicação Interna na era da hiperconectivi...
Palestra: Os Novos Paradigmas de Comunicação Interna na era da hiperconectivi...
 
Mercado de trabalho
Mercado de trabalhoMercado de trabalho
Mercado de trabalho
 
Caderno de atividades
Caderno de atividadesCaderno de atividades
Caderno de atividades
 
Artigos cientificos
Artigos cientificosArtigos cientificos
Artigos cientificos
 
Comunicação interna
Comunicação internaComunicação interna
Comunicação interna
 
Características do anúncio publicitário
Características do anúncio publicitárioCaracterísticas do anúncio publicitário
Características do anúncio publicitário
 
GÊNEROS DISCURSIVOS
GÊNEROS DISCURSIVOSGÊNEROS DISCURSIVOS
GÊNEROS DISCURSIVOS
 
Nota biográfica rg up
Nota biográfica rg upNota biográfica rg up
Nota biográfica rg up
 
Planejamento de Comunicação / Planejamento Publicitário - Davi Rocha
Planejamento de Comunicação / Planejamento Publicitário - Davi RochaPlanejamento de Comunicação / Planejamento Publicitário - Davi Rocha
Planejamento de Comunicação / Planejamento Publicitário - Davi Rocha
 
Introdução à Publicidade
Introdução à PublicidadeIntrodução à Publicidade
Introdução à Publicidade
 
Apostila atendimento espm
Apostila atendimento espmApostila atendimento espm
Apostila atendimento espm
 
Como elaborar UM CURRICULO ATRATIVO
Como elaborar UM CURRICULO ATRATIVOComo elaborar UM CURRICULO ATRATIVO
Como elaborar UM CURRICULO ATRATIVO
 
Estilo de liderança
Estilo de liderançaEstilo de liderança
Estilo de liderança
 
Artigo de divulgação científica
Artigo de divulgação científicaArtigo de divulgação científica
Artigo de divulgação científica
 
Oficina: Jornalismo cultural
Oficina: Jornalismo culturalOficina: Jornalismo cultural
Oficina: Jornalismo cultural
 
Texto jornalístico
Texto jornalístico Texto jornalístico
Texto jornalístico
 
Apresentação do tema motivação da equipe
Apresentação do tema motivação da equipeApresentação do tema motivação da equipe
Apresentação do tema motivação da equipe
 

Destacado

Webwriting: Dicas e técnicas para escrever de forma mais eficiente para a Web
Webwriting: Dicas e técnicas para escrever de forma mais eficiente para a WebWebwriting: Dicas e técnicas para escrever de forma mais eficiente para a Web
Webwriting: Dicas e técnicas para escrever de forma mais eficiente para a WebResultados Digitais
 
O Guia Completo do Redator Web
O Guia Completo do Redator WebO Guia Completo do Redator Web
O Guia Completo do Redator WebRock Content
 
Webwriting - O desafio de produzir conteúdo para a mídia digital - Bruno Rodr...
Webwriting - O desafio de produzir conteúdo para a mídia digital - Bruno Rodr...Webwriting - O desafio de produzir conteúdo para a mídia digital - Bruno Rodr...
Webwriting - O desafio de produzir conteúdo para a mídia digital - Bruno Rodr...Igreja Adventista do Sétimo Dia
 
Mídias Sociais - Conceito e Relevância
Mídias Sociais - Conceito e RelevânciaMídias Sociais - Conceito e Relevância
Mídias Sociais - Conceito e RelevânciaUnilife Vitamins
 
Técnicas de Redação Web
Técnicas de Redação WebTécnicas de Redação Web
Técnicas de Redação WebSuzana Ribeiro
 
Gestão de conteúdo e redação web
Gestão de conteúdo e redação webGestão de conteúdo e redação web
Gestão de conteúdo e redação webEnrico Cardoso
 
Software educacional recurso didático para apoio no processo de revitalizaç...
Software educacional   recurso didático para apoio no processo de revitalizaç...Software educacional   recurso didático para apoio no processo de revitalizaç...
Software educacional recurso didático para apoio no processo de revitalizaç...José Daniel da Silva
 
Arquitetura da Informação - Sitegramas e Fluxos
Arquitetura da Informação - Sitegramas e FluxosArquitetura da Informação - Sitegramas e Fluxos
Arquitetura da Informação - Sitegramas e Fluxosaiadufmg
 
Guia Contentools para produção de conteúdo surpreendente
Guia Contentools para produção de conteúdo surpreendenteGuia Contentools para produção de conteúdo surpreendente
Guia Contentools para produção de conteúdo surpreendenteKarina Schaefer
 
1a aula 21maio_principioswebwriting
1a aula 21maio_principioswebwriting1a aula 21maio_principioswebwriting
1a aula 21maio_principioswebwritingIvone Rocha
 
II Congresso Internacional de Ondontologia da Bahia
II Congresso Internacional de Ondontologia da BahiaII Congresso Internacional de Ondontologia da Bahia
II Congresso Internacional de Ondontologia da BahiaIvone Rocha
 
Curso de Webwriting em São Paulo
Curso de Webwriting em São PauloCurso de Webwriting em São Paulo
Curso de Webwriting em São PauloEnrico Cardoso
 
eBook Televisão e narrativas digitais: práticas culturais e de consumo na con...
eBook Televisão e narrativas digitais: práticas culturais e de consumo na con...eBook Televisão e narrativas digitais: práticas culturais e de consumo na con...
eBook Televisão e narrativas digitais: práticas culturais e de consumo na con...Pimenta Cultural
 
Senac plan com_palestralucianacorrea_manserv16052011
Senac plan com_palestralucianacorrea_manserv16052011Senac plan com_palestralucianacorrea_manserv16052011
Senac plan com_palestralucianacorrea_manserv16052011Ivone Rocha
 

Destacado (20)

Webwriting: Dicas e técnicas para escrever de forma mais eficiente para a Web
Webwriting: Dicas e técnicas para escrever de forma mais eficiente para a WebWebwriting: Dicas e técnicas para escrever de forma mais eficiente para a Web
Webwriting: Dicas e técnicas para escrever de forma mais eficiente para a Web
 
O Guia Completo do Redator Web
O Guia Completo do Redator WebO Guia Completo do Redator Web
O Guia Completo do Redator Web
 
Webwriting - O desafio de produzir conteúdo para a mídia digital - Bruno Rodr...
Webwriting - O desafio de produzir conteúdo para a mídia digital - Bruno Rodr...Webwriting - O desafio de produzir conteúdo para a mídia digital - Bruno Rodr...
Webwriting - O desafio de produzir conteúdo para a mídia digital - Bruno Rodr...
 
Mídias Sociais - Conceito e Relevância
Mídias Sociais - Conceito e RelevânciaMídias Sociais - Conceito e Relevância
Mídias Sociais - Conceito e Relevância
 
Técnicas de Redação Web
Técnicas de Redação WebTécnicas de Redação Web
Técnicas de Redação Web
 
Gestão de conteúdo e redação web
Gestão de conteúdo e redação webGestão de conteúdo e redação web
Gestão de conteúdo e redação web
 
Webwriting 1
Webwriting 1Webwriting 1
Webwriting 1
 
Ppt web.pptx 11 e 12
Ppt web.pptx 11 e 12Ppt web.pptx 11 e 12
Ppt web.pptx 11 e 12
 
Software educacional recurso didático para apoio no processo de revitalizaç...
Software educacional   recurso didático para apoio no processo de revitalizaç...Software educacional   recurso didático para apoio no processo de revitalizaç...
Software educacional recurso didático para apoio no processo de revitalizaç...
 
Arquitetura da Informação - Sitegramas e Fluxos
Arquitetura da Informação - Sitegramas e FluxosArquitetura da Informação - Sitegramas e Fluxos
Arquitetura da Informação - Sitegramas e Fluxos
 
Social e Web Monitoring
Social e Web MonitoringSocial e Web Monitoring
Social e Web Monitoring
 
Guia Contentools para produção de conteúdo surpreendente
Guia Contentools para produção de conteúdo surpreendenteGuia Contentools para produção de conteúdo surpreendente
Guia Contentools para produção de conteúdo surpreendente
 
Redacao e mkt_eradigital
Redacao e mkt_eradigitalRedacao e mkt_eradigital
Redacao e mkt_eradigital
 
Redação web
Redação webRedação web
Redação web
 
1a aula 21maio_principioswebwriting
1a aula 21maio_principioswebwriting1a aula 21maio_principioswebwriting
1a aula 21maio_principioswebwriting
 
II Congresso Internacional de Ondontologia da Bahia
II Congresso Internacional de Ondontologia da BahiaII Congresso Internacional de Ondontologia da Bahia
II Congresso Internacional de Ondontologia da Bahia
 
Webwriting
Webwriting Webwriting
Webwriting
 
Curso de Webwriting em São Paulo
Curso de Webwriting em São PauloCurso de Webwriting em São Paulo
Curso de Webwriting em São Paulo
 
eBook Televisão e narrativas digitais: práticas culturais e de consumo na con...
eBook Televisão e narrativas digitais: práticas culturais e de consumo na con...eBook Televisão e narrativas digitais: práticas culturais e de consumo na con...
eBook Televisão e narrativas digitais: práticas culturais e de consumo na con...
 
Senac plan com_palestralucianacorrea_manserv16052011
Senac plan com_palestralucianacorrea_manserv16052011Senac plan com_palestralucianacorrea_manserv16052011
Senac plan com_palestralucianacorrea_manserv16052011
 

Similar a Webwriting: a Redação para Web

Redação para Web
Redação para WebRedação para Web
Redação para WebGovBR
 
Vivilia guia de redação
Vivilia guia de redaçãoVivilia guia de redação
Vivilia guia de redaçãoCami Oliveira
 
Apresentacao Unicuritiba
Apresentacao UnicuritibaApresentacao Unicuritiba
Apresentacao UnicuritibamarceloMD
 
Pós Conteúdo Midias Digitais Aula02
Pós Conteúdo Midias Digitais Aula02Pós Conteúdo Midias Digitais Aula02
Pós Conteúdo Midias Digitais Aula02Diego Moreau
 
Webdesign - Elementos de um página web
Webdesign - Elementos de um página webWebdesign - Elementos de um página web
Webdesign - Elementos de um página webOdair Cavichioli
 
Html - Capitulo 03
Html - Capitulo 03Html - Capitulo 03
Html - Capitulo 03Alvaro Gomes
 
Resumo da apresentação do curso de webwriting em Santos
Resumo da apresentação do curso de webwriting em SantosResumo da apresentação do curso de webwriting em Santos
Resumo da apresentação do curso de webwriting em SantosEnrico Cardoso
 
Template + manual criar e books no estado da arte
Template + manual   criar e books no estado da arteTemplate + manual   criar e books no estado da arte
Template + manual criar e books no estado da arteChristiano Gorayeb
 
Manual de Webwriting da CNC
Manual de Webwriting da CNCManual de Webwriting da CNC
Manual de Webwriting da CNCDaniel Aisenberg
 
Falando um pouco sobre Internet
Falando um pouco sobre Internet Falando um pouco sobre Internet
Falando um pouco sobre Internet Denis Budag
 
Webjornalismo - Como escrever em redes sociais?
Webjornalismo - Como escrever em redes sociais?Webjornalismo - Como escrever em redes sociais?
Webjornalismo - Como escrever em redes sociais?Juliana Abade
 
Redação Jornalística - Técnicas de Redação em RP 2022
Redação Jornalística - Técnicas de Redação em RP 2022Redação Jornalística - Técnicas de Redação em RP 2022
Redação Jornalística - Técnicas de Redação em RP 2022Renato Melo
 

Similar a Webwriting: a Redação para Web (20)

Redação para Web
Redação para WebRedação para Web
Redação para Web
 
Fundamentosdowebdesign
FundamentosdowebdesignFundamentosdowebdesign
Fundamentosdowebdesign
 
Vivilia guia de redação
Vivilia guia de redaçãoVivilia guia de redação
Vivilia guia de redação
 
Apresentacao Unicuritiba
Apresentacao UnicuritibaApresentacao Unicuritiba
Apresentacao Unicuritiba
 
Pós Conteúdo Midias Digitais Aula02
Pós Conteúdo Midias Digitais Aula02Pós Conteúdo Midias Digitais Aula02
Pós Conteúdo Midias Digitais Aula02
 
Redação para web
Redação para webRedação para web
Redação para web
 
Revistas
RevistasRevistas
Revistas
 
Webdesign - Elementos de um página web
Webdesign - Elementos de um página webWebdesign - Elementos de um página web
Webdesign - Elementos de um página web
 
Html - Capitulo 03
Html - Capitulo 03Html - Capitulo 03
Html - Capitulo 03
 
Portal blog ZéTransp
Portal blog ZéTranspPortal blog ZéTransp
Portal blog ZéTransp
 
Resumo da apresentação do curso de webwriting em Santos
Resumo da apresentação do curso de webwriting em SantosResumo da apresentação do curso de webwriting em Santos
Resumo da apresentação do curso de webwriting em Santos
 
Aristoteles Pdf
Aristoteles PdfAristoteles Pdf
Aristoteles Pdf
 
Hipertexto e jornalismo digital
Hipertexto e jornalismo digitalHipertexto e jornalismo digital
Hipertexto e jornalismo digital
 
Template + manual criar e books no estado da arte
Template + manual   criar e books no estado da arteTemplate + manual   criar e books no estado da arte
Template + manual criar e books no estado da arte
 
Aula 07
Aula 07Aula 07
Aula 07
 
JK300811_comdpi_blogs
JK300811_comdpi_blogsJK300811_comdpi_blogs
JK300811_comdpi_blogs
 
Manual de Webwriting da CNC
Manual de Webwriting da CNCManual de Webwriting da CNC
Manual de Webwriting da CNC
 
Falando um pouco sobre Internet
Falando um pouco sobre Internet Falando um pouco sobre Internet
Falando um pouco sobre Internet
 
Webjornalismo - Como escrever em redes sociais?
Webjornalismo - Como escrever em redes sociais?Webjornalismo - Como escrever em redes sociais?
Webjornalismo - Como escrever em redes sociais?
 
Redação Jornalística - Técnicas de Redação em RP 2022
Redação Jornalística - Técnicas de Redação em RP 2022Redação Jornalística - Técnicas de Redação em RP 2022
Redação Jornalística - Técnicas de Redação em RP 2022
 

Más de Luiz Agner

Recommendation Systems and Machine Learning: Mapping the User Experience
Recommendation Systems and Machine Learning: Mapping the User ExperienceRecommendation Systems and Machine Learning: Mapping the User Experience
Recommendation Systems and Machine Learning: Mapping the User ExperienceLuiz Agner
 
Pós Branded Content (1c)
Pós Branded Content (1c)Pós Branded Content (1c)
Pós Branded Content (1c)Luiz Agner
 
WIAD - World Information Architecture Day 2019 - MeetUp PUC-Rio
WIAD - World Information Architecture Day 2019 - MeetUp PUC-RioWIAD - World Information Architecture Day 2019 - MeetUp PUC-Rio
WIAD - World Information Architecture Day 2019 - MeetUp PUC-RioLuiz Agner
 
WIAD - World Information Architecture Day 2019 - Belo Horizonte, MG
WIAD - World Information Architecture Day 2019 - Belo Horizonte, MGWIAD - World Information Architecture Day 2019 - Belo Horizonte, MG
WIAD - World Information Architecture Day 2019 - Belo Horizonte, MGLuiz Agner
 
Marketing digital como instrumento de controle
Marketing digital como instrumento de controleMarketing digital como instrumento de controle
Marketing digital como instrumento de controleLuiz Agner
 
Arquitetura de Informação na era dos espaços mistos e ecossistemas
Arquitetura de Informação na era dos espaços mistos e ecossistemasArquitetura de Informação na era dos espaços mistos e ecossistemas
Arquitetura de Informação na era dos espaços mistos e ecossistemasLuiz Agner
 
Lei de Proteção aos Dados (LGPD)
Lei de Proteção aos Dados (LGPD)Lei de Proteção aos Dados (LGPD)
Lei de Proteção aos Dados (LGPD)Luiz Agner
 
Marco Civil da Internet no Brasil
Marco Civil da Internet no BrasilMarco Civil da Internet no Brasil
Marco Civil da Internet no BrasilLuiz Agner
 
Vigilância Ampliada: Poder e Controle na Cultura Digital
Vigilância Ampliada: Poder e Controle na Cultura DigitalVigilância Ampliada: Poder e Controle na Cultura Digital
Vigilância Ampliada: Poder e Controle na Cultura DigitalLuiz Agner
 
Diagrama de Navegação e Vocabulário Visual de Garrett
Diagrama de Navegação e Vocabulário Visual de GarrettDiagrama de Navegação e Vocabulário Visual de Garrett
Diagrama de Navegação e Vocabulário Visual de GarrettLuiz Agner
 
Bridge e Análise da Tarefa em equipe
Bridge e Análise da Tarefa em equipeBridge e Análise da Tarefa em equipe
Bridge e Análise da Tarefa em equipeLuiz Agner
 
Marketing - Revisão de Conceitos
Marketing - Revisão de ConceitosMarketing - Revisão de Conceitos
Marketing - Revisão de ConceitosLuiz Agner
 
Cultura da Internet - segundo M. Castells
Cultura da Internet - segundo M. CastellsCultura da Internet - segundo M. Castells
Cultura da Internet - segundo M. CastellsLuiz Agner
 
Bridge e Group Task Analysis - Arquitetura de Informação
Bridge e Group Task Analysis - Arquitetura de InformaçãoBridge e Group Task Analysis - Arquitetura de Informação
Bridge e Group Task Analysis - Arquitetura de InformaçãoLuiz Agner
 
Avaliação dos apps Coral Visualizer e Polenghi Selection
Avaliação dos apps Coral Visualizer e Polenghi SelectionAvaliação dos apps Coral Visualizer e Polenghi Selection
Avaliação dos apps Coral Visualizer e Polenghi SelectionLuiz Agner
 
Arquitetura de Informação: Projeto TIM
Arquitetura de Informação: Projeto TIMArquitetura de Informação: Projeto TIM
Arquitetura de Informação: Projeto TIMLuiz Agner
 
Arquitetura de Informação: Projeto Imaginarium
Arquitetura de Informação: Projeto ImaginariumArquitetura de Informação: Projeto Imaginarium
Arquitetura de Informação: Projeto ImaginariumLuiz Agner
 
Arquitetura da Informação Pervasiva - Semana Acadêmica FACHA
Arquitetura da Informação Pervasiva  - Semana Acadêmica FACHAArquitetura da Informação Pervasiva  - Semana Acadêmica FACHA
Arquitetura da Informação Pervasiva - Semana Acadêmica FACHALuiz Agner
 
Arquitetura de Informação - DETRAN RJ
Arquitetura de Informação - DETRAN RJArquitetura de Informação - DETRAN RJ
Arquitetura de Informação - DETRAN RJLuiz Agner
 
Arquitetura de Informação - DETRAN RJ
Arquitetura de Informação - DETRAN RJArquitetura de Informação - DETRAN RJ
Arquitetura de Informação - DETRAN RJLuiz Agner
 

Más de Luiz Agner (20)

Recommendation Systems and Machine Learning: Mapping the User Experience
Recommendation Systems and Machine Learning: Mapping the User ExperienceRecommendation Systems and Machine Learning: Mapping the User Experience
Recommendation Systems and Machine Learning: Mapping the User Experience
 
Pós Branded Content (1c)
Pós Branded Content (1c)Pós Branded Content (1c)
Pós Branded Content (1c)
 
WIAD - World Information Architecture Day 2019 - MeetUp PUC-Rio
WIAD - World Information Architecture Day 2019 - MeetUp PUC-RioWIAD - World Information Architecture Day 2019 - MeetUp PUC-Rio
WIAD - World Information Architecture Day 2019 - MeetUp PUC-Rio
 
WIAD - World Information Architecture Day 2019 - Belo Horizonte, MG
WIAD - World Information Architecture Day 2019 - Belo Horizonte, MGWIAD - World Information Architecture Day 2019 - Belo Horizonte, MG
WIAD - World Information Architecture Day 2019 - Belo Horizonte, MG
 
Marketing digital como instrumento de controle
Marketing digital como instrumento de controleMarketing digital como instrumento de controle
Marketing digital como instrumento de controle
 
Arquitetura de Informação na era dos espaços mistos e ecossistemas
Arquitetura de Informação na era dos espaços mistos e ecossistemasArquitetura de Informação na era dos espaços mistos e ecossistemas
Arquitetura de Informação na era dos espaços mistos e ecossistemas
 
Lei de Proteção aos Dados (LGPD)
Lei de Proteção aos Dados (LGPD)Lei de Proteção aos Dados (LGPD)
Lei de Proteção aos Dados (LGPD)
 
Marco Civil da Internet no Brasil
Marco Civil da Internet no BrasilMarco Civil da Internet no Brasil
Marco Civil da Internet no Brasil
 
Vigilância Ampliada: Poder e Controle na Cultura Digital
Vigilância Ampliada: Poder e Controle na Cultura DigitalVigilância Ampliada: Poder e Controle na Cultura Digital
Vigilância Ampliada: Poder e Controle na Cultura Digital
 
Diagrama de Navegação e Vocabulário Visual de Garrett
Diagrama de Navegação e Vocabulário Visual de GarrettDiagrama de Navegação e Vocabulário Visual de Garrett
Diagrama de Navegação e Vocabulário Visual de Garrett
 
Bridge e Análise da Tarefa em equipe
Bridge e Análise da Tarefa em equipeBridge e Análise da Tarefa em equipe
Bridge e Análise da Tarefa em equipe
 
Marketing - Revisão de Conceitos
Marketing - Revisão de ConceitosMarketing - Revisão de Conceitos
Marketing - Revisão de Conceitos
 
Cultura da Internet - segundo M. Castells
Cultura da Internet - segundo M. CastellsCultura da Internet - segundo M. Castells
Cultura da Internet - segundo M. Castells
 
Bridge e Group Task Analysis - Arquitetura de Informação
Bridge e Group Task Analysis - Arquitetura de InformaçãoBridge e Group Task Analysis - Arquitetura de Informação
Bridge e Group Task Analysis - Arquitetura de Informação
 
Avaliação dos apps Coral Visualizer e Polenghi Selection
Avaliação dos apps Coral Visualizer e Polenghi SelectionAvaliação dos apps Coral Visualizer e Polenghi Selection
Avaliação dos apps Coral Visualizer e Polenghi Selection
 
Arquitetura de Informação: Projeto TIM
Arquitetura de Informação: Projeto TIMArquitetura de Informação: Projeto TIM
Arquitetura de Informação: Projeto TIM
 
Arquitetura de Informação: Projeto Imaginarium
Arquitetura de Informação: Projeto ImaginariumArquitetura de Informação: Projeto Imaginarium
Arquitetura de Informação: Projeto Imaginarium
 
Arquitetura da Informação Pervasiva - Semana Acadêmica FACHA
Arquitetura da Informação Pervasiva  - Semana Acadêmica FACHAArquitetura da Informação Pervasiva  - Semana Acadêmica FACHA
Arquitetura da Informação Pervasiva - Semana Acadêmica FACHA
 
Arquitetura de Informação - DETRAN RJ
Arquitetura de Informação - DETRAN RJArquitetura de Informação - DETRAN RJ
Arquitetura de Informação - DETRAN RJ
 
Arquitetura de Informação - DETRAN RJ
Arquitetura de Informação - DETRAN RJArquitetura de Informação - DETRAN RJ
Arquitetura de Informação - DETRAN RJ
 

Webwriting: a Redação para Web

  • 1. LUIZ AGNER COMUNICAÇÃO IMPRESSA E DIGITAL Redação para a web Curso: Publicidade e Propaganda FACHA – Faculdades Hélio Alonso Maio 2012
  • 2. Plano de aula  O papel do redator web  Distribuição da informação  Camadas de informação  Dicas: como redigir títulos, textos, links e destaques para cada camada
  • 3. O papel do redator web  É o “guia de turismo” dos sítios.  Com o arquiteto, cria rede de conexões.  Convida a conhecer as informações.  Apresenta as informações básicas.  Sugere aspectos para a sua complementação.  Aponta assuntos correlatos.  Recomenda outros sítios.
  • 4. A metáfora da cebola  Comportamento da informação difere ao longo de um site.  A distribuição em camadas é a base do conteúdo online.
  • 5. A metáfora da cebola Distribuição em 3 camadas: - Camada de apresentação - Camada genérica - Camada de detalhamento
  • 6. Camada de apresentação  Os destaques mostram o que tem maior apelo junto ao público-alvo, ou o aspecto que resume a informação.  É a vitrine do sítio.  Elementos de apoio: imagem e legenda da imagem.
  • 8. Camada de apresentação  Destaques da primeira página (home page) são derivados das primeiras páginas dos jornais impressos.  Os destaques e o menu principal são a forma do visitante acessar o conteúdo de uma página web.  Linkam para a segunda camada de informação: a Genérica.
  • 9. Camada genérica  O texto principal é o coração da camada genérica.  Apresenta os aspectos principais do tema abordado.  Contextualiza o visitante e o estimula a conhecer mais o assunto.
  • 10. Camada genérica  Responde às questões jornalísticas básicas:  O que?  Quando?  Quem?  Como?  Por que?  O texto da camada genérica precisa fisgar a atenção logo de saída – persuasão é necessária.
  • 11. Camada de detalhamento  Mostra os detalhes da informação.  Vão além das questões básicas.  Textos acompanhados por links para documentos, tabelas, planilhas, e-books e gráficos.  Mostra links para informações relacionadas e outros sites.  Conhecidas como as páginas de “leia mais”.
  • 12. Títulos para textos de destaques  Os títulos da Camada de Apresentação (home) devem atrair o visitante.  O internauta passa os olhos rapidamente (varredura ou scan).  Precisam incluir a palavra-chave que define o aspecto da informação a ser apresentado.
  • 13. Títulos para textos de destaques: exemplo  “Serviço de acesso à ficha médica do cidadão já está disponível”  “Novo serviço revoluciona relação Governo e Cidadão”
  • 14. Títulos para textos de destaques: exemplo  PREFIRA:  “Serviço de acesso à ficha médica do cidadão já está disponível”  Em vez de:  “Novo serviço revoluciona relação Governo e Cidadão”
  • 15. Textos de destaques  Deve ser econômico.  Devem competir com banners, logotipos, botões, etc.  Deve ter função persuasiva:  Conheça, descubra, consulte...  Se o título do destaque aborda um determinado aspecto, o mesmo não deve se repetir no texto, na imagem ou em sua legenda.
  • 17. Textos de destaques: exemplo  Título do destaque:  “Serviço de acesso à ficha médica do cidadão já está disponível”  Texto do destaque:  ‘Basta fornecer CPF, ID e data do nascimento para criar a senha de acesso. O sistema atenderá dois terços dos municípios do país´
  • 18. Textos de destaques: exemplo  Título do destaque:  “Serviço de acesso à ficha médica do cidadão já está disponível” [o que, quando]  Texto do destaque:  ‘Basta fornecer CPF, ID e data do nascimento para criar a senha de acesso. O sistema atenderá dois terços dos municípios do país´ [como, quem]
  • 19. Títulos para textos principais  Os títulos devem conter a palavra- chave ou expressão-chave.  É útil repetir o título do destaque como título do texto principal, para melhor navegação.
  • 20. Títulos para textos principais Home page Os títulos devem conter a mesma palavra-chave ou expressão-chave.
  • 21. Títulos para textos principais Home page É útil repetir o título do destaque como título do texto principal, para melhor navegação.
  • 22. Textos principais  Sucintos e breves.  Estruturar o conteúdo em itens (em vez de texto corrido).  Abordar o aspecto mais interessante no primeiro parágrafo.  Deslocar a palavra principal de cada frase para o início da frase.  Restringir: 1 idéia por parágrafo.
  • 23. Títulos para textos de detalhamento  A maioria dos conteúdos em um sítio é granular, ou seja, uma informação se desdobra, camada após camada, como uma forma do redator distribuir o conteúdo de maneira eficaz.  Cada vez mais o internauta acessa diretamente as páginas de detalhamento (vindo do Google).
  • 24. Títulos para textos de detalhamento  É necessário criar contexto e facilitar a compreensão dos que chegam através dos mecanismos de busca.  Depois, a cada título/camada deste desdobramento, some cada nova palavra-chave à palavra-chave anterior.
  • 25. Títulos para textos de detalhamento: exemplo  “Até dezembro, acesso web a fichas médicas dos cidadãos abrangerá todo o País.”  Expressões-chave:
  • 26. Títulos para textos de detalhamento: exemplo  “Até dezembro, acesso web a fichas médicas dos cidadãos abrangerá todo o País.”  Expressões-chave:  Acesso à ficha médica do cidadão  Acesso via web  Informação do mês
  • 27. Texto de detalhamento  Não precisa ser sucinto.  Não há limite de extensão.  Pode se desdobrar em diversas páginas e camadas subsequentes.  As informações complementares - devem ser úteis.
  • 28. O que vimos  O papel do webwriter  Distribuição da informação  As 3 camadas da informação:     Regras para títulos, textos, links e destaques para cada camada
  • 29. O que vimos  O papel do webwriter  Distribuição da informação  As 3 camadas da informação:  Apresentação  Genérica  Detalhamento  Regras para títulos, textos, links e destaques para cada camada
  • 31. Baixar esta aula  Apresentação de hoje: www.agner.com.br/facha_CID