SlideShare une entreprise Scribd logo
1  sur  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

Contenu connexe

Tendances

Citações - Metodologia Cientifica
 Citações - Metodologia Cientifica Citações - Metodologia Cientifica
Citações - Metodologia CientificaBrendel Luis
 
Gestão de redes sociais para empresas
Gestão de redes sociais para empresasGestão de redes sociais para empresas
Gestão de redes sociais para empresasCarla Azevedo
 
Mídias e Redes Sociais
Mídias e Redes SociaisMídias e Redes Sociais
Mídias e Redes SociaisRafael Comin
 
Slide referenciação bibliográfica segundo normas da abnt slide
Slide referenciação bibliográfica segundo normas da abnt slideSlide referenciação bibliográfica segundo normas da abnt slide
Slide referenciação bibliográfica segundo normas da abnt slideVera Moreira Matos
 
Javascript (parte 1)
Javascript (parte 1)Javascript (parte 1)
Javascript (parte 1)Alex Camargo
 
Arquitetura da informação
Arquitetura da informaçãoArquitetura da informação
Arquitetura da informaçãoCristiane Mendes
 
Plano de curso filosofia-1ºano
Plano de curso filosofia-1ºanoPlano de curso filosofia-1ºano
Plano de curso filosofia-1ºanoMary Alvarenga
 
Óptica Geométrica - Estudo das lentes esféricas
Óptica Geométrica - Estudo das lentes esféricasÓptica Geométrica - Estudo das lentes esféricas
Óptica Geométrica - Estudo das lentes esféricasMarco Antonio Sanches
 
Redes Sociais: Estrategias e Mensuração, por Martha Gabriel
Redes Sociais: Estrategias e Mensuração, por Martha GabrielRedes Sociais: Estrategias e Mensuração, por Martha Gabriel
Redes Sociais: Estrategias e Mensuração, por Martha GabrielMartha Gabriel
 
Potencial elétrico e trabalho
Potencial elétrico e trabalhoPotencial elétrico e trabalho
Potencial elétrico e trabalhoO mundo da FÍSICA
 
Comunicação e linguagem
Comunicação e linguagemComunicação e linguagem
Comunicação e linguagemLaércio Góes
 
Sociologia civ aula 2
Sociologia civ   aula 2Sociologia civ   aula 2
Sociologia civ aula 2DiedNuenf
 
Como Elaborar Um Projeto De Pesquisa
Como Elaborar Um Projeto De PesquisaComo Elaborar Um Projeto De Pesquisa
Como Elaborar Um Projeto De Pesquisamauricio aquino
 
Aula 19 - Identidade Cultural - Padronização e diversidade
Aula 19 - Identidade Cultural - Padronização e diversidadeAula 19 - Identidade Cultural - Padronização e diversidade
Aula 19 - Identidade Cultural - Padronização e diversidadeClaudio Henrique Ramos Sales
 

Tendances (20)

Citações - Metodologia Cientifica
 Citações - Metodologia Cientifica Citações - Metodologia Cientifica
Citações - Metodologia Cientifica
 
Gestão de redes sociais para empresas
Gestão de redes sociais para empresasGestão de redes sociais para empresas
Gestão de redes sociais para empresas
 
Curso de Desenvolvimento Web - Módulo 02 - CSS
Curso de Desenvolvimento Web - Módulo 02 - CSSCurso de Desenvolvimento Web - Módulo 02 - CSS
Curso de Desenvolvimento Web - Módulo 02 - CSS
 
Citações na Pesquisa Científica
Citações na Pesquisa CientíficaCitações na Pesquisa Científica
Citações na Pesquisa Científica
 
Mídias e Redes Sociais
Mídias e Redes SociaisMídias e Redes Sociais
Mídias e Redes Sociais
 
Slide referenciação bibliográfica segundo normas da abnt slide
Slide referenciação bibliográfica segundo normas da abnt slideSlide referenciação bibliográfica segundo normas da abnt slide
Slide referenciação bibliográfica segundo normas da abnt slide
 
Javascript (parte 1)
Javascript (parte 1)Javascript (parte 1)
Javascript (parte 1)
 
Abnt
AbntAbnt
Abnt
 
Arquitetura da informação
Arquitetura da informaçãoArquitetura da informação
Arquitetura da informação
 
Plano de curso filosofia-1ºano
Plano de curso filosofia-1ºanoPlano de curso filosofia-1ºano
Plano de curso filosofia-1ºano
 
Óptica Geométrica - Estudo das lentes esféricas
Óptica Geométrica - Estudo das lentes esféricasÓptica Geométrica - Estudo das lentes esféricas
Óptica Geométrica - Estudo das lentes esféricas
 
Segmentacao posicionamento
Segmentacao posicionamentoSegmentacao posicionamento
Segmentacao posicionamento
 
Redes Sociais: Estrategias e Mensuração, por Martha Gabriel
Redes Sociais: Estrategias e Mensuração, por Martha GabrielRedes Sociais: Estrategias e Mensuração, por Martha Gabriel
Redes Sociais: Estrategias e Mensuração, por Martha Gabriel
 
Potencial elétrico e trabalho
Potencial elétrico e trabalhoPotencial elétrico e trabalho
Potencial elétrico e trabalho
 
Comunicação e linguagem
Comunicação e linguagemComunicação e linguagem
Comunicação e linguagem
 
Modelagem de Dados
Modelagem de DadosModelagem de Dados
Modelagem de Dados
 
Fake News na Web
Fake News na WebFake News na Web
Fake News na Web
 
Sociologia civ aula 2
Sociologia civ   aula 2Sociologia civ   aula 2
Sociologia civ aula 2
 
Como Elaborar Um Projeto De Pesquisa
Como Elaborar Um Projeto De PesquisaComo Elaborar Um Projeto De Pesquisa
Como Elaborar Um Projeto De Pesquisa
 
Aula 19 - Identidade Cultural - Padronização e diversidade
Aula 19 - Identidade Cultural - Padronização e diversidadeAula 19 - Identidade Cultural - Padronização e diversidade
Aula 19 - Identidade Cultural - Padronização e diversidade
 

En vedette

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
 

En vedette (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
 

Similaire à 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
 

Similaire à 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
 

Plus 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
 

Plus 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