SlideShare uma empresa Scribd logo
1




ESTUDO DE NOVAS MÍDIAS
DIGITAIS
 - AULA 08 -
COMO ESCREVER PARA WEB
COMO AS PESSOAS LÊEM NA WEB
2


    As pessoas seguem o padrão F de leitura.
COMO ESCREVER PARA WEB
3


    Para escrever para web deve-se seguir o uso da
    PIRÂMIDE INVERTIDA
COMO ESCREVER PARA WEB
4


     PIRÂMIDE INVERTIDA
    Começar o texto contando a conclusão aos leitores, a
    partir da informação mais importante de apoio e
    terminando dando contexto (NIELSEN)
COMO ESCREVER PARA WEB
5


     PIRÂMIDE INVERTIDA
    Deve ser estruturada da seguinte maneira:
    1)Lead
    2) Material que amplia o lead
    3) Parágrafos de contexto
    4) Material secundário e menos importante

    LEAD- QUEM, O QUE, QUANDO, COMO, ONDE E
    POR QUE
NÍVEL 1 – PIRÂMIDE INVERTIDA
6


       Implica em publicar o texto numa só página da
        web
EX: NÍVEL 1 – PIRÂMIDE INVERTIDA
7
NÍVEL 2 – PIRÂMIDE INVERTIDA
8


       É quando a informação
        pode ser dividida por
        temas.
       O autor define o nível de
        hierarquização e
        classificação do texto
Ex: NÍVEL 2 – PIRÂMIDE INVERTIDA
9
NÍVEL 3 – PIRÂMIDE INVERTIDA
10


       O autor/editor aproveita o máximo de
        entrelaçamento oferecido pela web
      Deve-se ter um nível de hierarquização e de
        classificação
      O usuário pode

     determinar o seu
     nível de
     hierarquização.
NÍVEL 3 – PIRÂMIDE INVERTIDA
11
Ex: CRITÉRIOS DE TAMANHO DE TEXTO
12


        Deve-se quebrar a informação de tal forma que
         possa ser lida em uma única tela ou utilizar 100
         palavras por blocos de texto.
        Utilizar no máximo 50% do que fosse dito numa
         publicação impressa.
        Parâmetros:
         Texto curto – 600 palavras. Leitura de 3 minutos
         Texto longo – 1000 palavras. Leitura de 5 minutos
CRITÉRIOS DE TAMANHO DE TEXTO
13


        Explorar do
         hipertexto
         como forma
         de oferecer
         profundidade
         na
         informação.
DICAS:COMO ESCREVER NA WEB
14


     # DICAS
      Título da página claro e destacado

      Valorizar os 2 primeiros parágrafos

      Evite parágrafos introdutórios

      Use imagens bem feitas e elucidativas

      Use listas para destacar pontos importantes

      Formate o texto utilizando negrito e itálico

      Cite referências e utilize outros links
Obrigado!
15


     Prof. Sergio Xavier
      E-mail: sergiosx@gmail.com

      Facebook: profsergioxavier

      Blog: www.profsergioxavier.wordpress.com

Mais conteúdo relacionado

Semelhante a Aula08

4 pilares para a produção e distribuição de conteúdo
4 pilares para a produção e distribuição de conteúdo4 pilares para a produção e distribuição de conteúdo
4 pilares para a produção e distribuição de conteúdo
Enrico Cardoso
 
Aula 5 o texto na internet
Aula 5   o texto na internetAula 5   o texto na internet
Aula 5 o texto na internet
Ed Marcos
 
Princípios do Webwriting
Princípios do WebwritingPrincípios do Webwriting
Princípios do Webwriting
duradez
 
38566.pdf
38566.pdf38566.pdf
38566.pdf
evandro163685
 
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
Enrico Cardoso
 
Princípios do webwriting
Princípios do webwritingPrincípios do webwriting
Princípios do webwriting
senacsabado1
 
Noções de Design Gráfico
Noções de Design GráficoNoções de Design Gráfico
Noções de Design Gráfico
Nécio de Lima Veras
 
TIRO! BERRO! LACRE! com WordPress
TIRO! BERRO! LACRE! com WordPressTIRO! BERRO! LACRE! com WordPress
TIRO! BERRO! LACRE! com WordPress
Max Denvir
 
Modulo II
Modulo IIModulo II
A usabilidade e_acessibilidade_nos_web_sites[1]
A usabilidade e_acessibilidade_nos_web_sites[1]A usabilidade e_acessibilidade_nos_web_sites[1]
A usabilidade e_acessibilidade_nos_web_sites[1]
José Marques
 
Princpiosdowebwriting 111206150428-phpapp02
Princpiosdowebwriting 111206150428-phpapp02Princpiosdowebwriting 111206150428-phpapp02
Princpiosdowebwriting 111206150428-phpapp02
eramos7senac
 
Trabalho de conclusão de curso proinfo
Trabalho de conclusão de curso   proinfoTrabalho de conclusão de curso   proinfo
Trabalho de conclusão de curso proinfo
sandrapsantos
 
Conto Resenhar
Conto ResenharConto Resenhar
Conto Resenhar
jrnasc
 
Redação para Web
Redação para WebRedação para Web
Redação para Web
GovBR
 
Apresentação
ApresentaçãoApresentação
Apresentação
Ricardina Andrade
 

Semelhante a Aula08 (15)

4 pilares para a produção e distribuição de conteúdo
4 pilares para a produção e distribuição de conteúdo4 pilares para a produção e distribuição de conteúdo
4 pilares para a produção e distribuição de conteúdo
 
Aula 5 o texto na internet
Aula 5   o texto na internetAula 5   o texto na internet
Aula 5 o texto na internet
 
Princípios do Webwriting
Princípios do WebwritingPrincípios do Webwriting
Princípios do Webwriting
 
38566.pdf
38566.pdf38566.pdf
38566.pdf
 
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
 
Princípios do webwriting
Princípios do webwritingPrincípios do webwriting
Princípios do webwriting
 
Noções de Design Gráfico
Noções de Design GráficoNoções de Design Gráfico
Noções de Design Gráfico
 
TIRO! BERRO! LACRE! com WordPress
TIRO! BERRO! LACRE! com WordPressTIRO! BERRO! LACRE! com WordPress
TIRO! BERRO! LACRE! com WordPress
 
Modulo II
Modulo IIModulo II
Modulo II
 
A usabilidade e_acessibilidade_nos_web_sites[1]
A usabilidade e_acessibilidade_nos_web_sites[1]A usabilidade e_acessibilidade_nos_web_sites[1]
A usabilidade e_acessibilidade_nos_web_sites[1]
 
Princpiosdowebwriting 111206150428-phpapp02
Princpiosdowebwriting 111206150428-phpapp02Princpiosdowebwriting 111206150428-phpapp02
Princpiosdowebwriting 111206150428-phpapp02
 
Trabalho de conclusão de curso proinfo
Trabalho de conclusão de curso   proinfoTrabalho de conclusão de curso   proinfo
Trabalho de conclusão de curso proinfo
 
Conto Resenhar
Conto ResenharConto Resenhar
Conto Resenhar
 
Redação para Web
Redação para WebRedação para Web
Redação para Web
 
Apresentação
ApresentaçãoApresentação
Apresentação
 

Mais de IBMR Laureate International Universities

Palestra como_criar_uma_logo_no_illustrator
 Palestra como_criar_uma_logo_no_illustrator Palestra como_criar_uma_logo_no_illustrator
Palestra como_criar_uma_logo_no_illustrator
IBMR Laureate International Universities
 
A visão das redes sociais como ferramenta de ampliação de negócios nas empresas
A visão das redes sociais como ferramenta de ampliação de negócios nas empresasA visão das redes sociais como ferramenta de ampliação de negócios nas empresas
A visão das redes sociais como ferramenta de ampliação de negócios nas empresas
IBMR Laureate International Universities
 
Aula06 midia digital
Aula06 midia digitalAula06 midia digital
Aula03 editoracao eletronica
Aula03 editoracao eletronicaAula03 editoracao eletronica
Aula03 editoracao eletronica
IBMR Laureate International Universities
 
Aula05 midia digital
Aula05 midia digitalAula05 midia digital
Aula04 midia digital
Aula04 midia digitalAula04 midia digital
Aula02 editoracao eletronica
Aula02 editoracao eletronicaAula02 editoracao eletronica
Aula02 editoracao eletronica
IBMR Laureate International Universities
 
Aula01 editoracao eletronica
Aula01 editoracao eletronicaAula01 editoracao eletronica
Aula01 editoracao eletronica
IBMR Laureate International Universities
 
Aula03 midia digital
Aula03 midia digitalAula03 midia digital
Aula02 midia digital
Aula02 midia digitalAula02 midia digital
Aula01 midia digital
Aula01 midia digitalAula01 midia digital
Aula01 - Estudo de Novas Mídias Digitais
Aula01 - Estudo de Novas Mídias DigitaisAula01 - Estudo de Novas Mídias Digitais
Aula01 - Estudo de Novas Mídias Digitais
IBMR Laureate International Universities
 
Aula05 prod grafica
Aula05 prod graficaAula05 prod grafica
Aula06 webdesign
Aula06 webdesignAula06 webdesign
Aula02 prod grafica
Aula02 prod graficaAula02 prod grafica
Aula01 prod grafica
Aula01 prod graficaAula01 prod grafica
Aula07
Aula07Aula07
Aula06
Aula06Aula06
Aula04
Aula04Aula04
Aula05
Aula05Aula05

Mais de IBMR Laureate International Universities (20)

Palestra como_criar_uma_logo_no_illustrator
 Palestra como_criar_uma_logo_no_illustrator Palestra como_criar_uma_logo_no_illustrator
Palestra como_criar_uma_logo_no_illustrator
 
A visão das redes sociais como ferramenta de ampliação de negócios nas empresas
A visão das redes sociais como ferramenta de ampliação de negócios nas empresasA visão das redes sociais como ferramenta de ampliação de negócios nas empresas
A visão das redes sociais como ferramenta de ampliação de negócios nas empresas
 
Aula06 midia digital
Aula06 midia digitalAula06 midia digital
Aula06 midia digital
 
Aula03 editoracao eletronica
Aula03 editoracao eletronicaAula03 editoracao eletronica
Aula03 editoracao eletronica
 
Aula05 midia digital
Aula05 midia digitalAula05 midia digital
Aula05 midia digital
 
Aula04 midia digital
Aula04 midia digitalAula04 midia digital
Aula04 midia digital
 
Aula02 editoracao eletronica
Aula02 editoracao eletronicaAula02 editoracao eletronica
Aula02 editoracao eletronica
 
Aula01 editoracao eletronica
Aula01 editoracao eletronicaAula01 editoracao eletronica
Aula01 editoracao eletronica
 
Aula03 midia digital
Aula03 midia digitalAula03 midia digital
Aula03 midia digital
 
Aula02 midia digital
Aula02 midia digitalAula02 midia digital
Aula02 midia digital
 
Aula01 midia digital
Aula01 midia digitalAula01 midia digital
Aula01 midia digital
 
Aula01 - Estudo de Novas Mídias Digitais
Aula01 - Estudo de Novas Mídias DigitaisAula01 - Estudo de Novas Mídias Digitais
Aula01 - Estudo de Novas Mídias Digitais
 
Aula05 prod grafica
Aula05 prod graficaAula05 prod grafica
Aula05 prod grafica
 
Aula06 webdesign
Aula06 webdesignAula06 webdesign
Aula06 webdesign
 
Aula02 prod grafica
Aula02 prod graficaAula02 prod grafica
Aula02 prod grafica
 
Aula01 prod grafica
Aula01 prod graficaAula01 prod grafica
Aula01 prod grafica
 
Aula07
Aula07Aula07
Aula07
 
Aula06
Aula06Aula06
Aula06
 
Aula04
Aula04Aula04
Aula04
 
Aula05
Aula05Aula05
Aula05
 

Aula08

  • 1. 1 ESTUDO DE NOVAS MÍDIAS DIGITAIS - AULA 08 - COMO ESCREVER PARA WEB
  • 2. COMO AS PESSOAS LÊEM NA WEB 2 As pessoas seguem o padrão F de leitura.
  • 3. COMO ESCREVER PARA WEB 3 Para escrever para web deve-se seguir o uso da PIRÂMIDE INVERTIDA
  • 4. COMO ESCREVER PARA WEB 4  PIRÂMIDE INVERTIDA Começar o texto contando a conclusão aos leitores, a partir da informação mais importante de apoio e terminando dando contexto (NIELSEN)
  • 5. COMO ESCREVER PARA WEB 5  PIRÂMIDE INVERTIDA Deve ser estruturada da seguinte maneira: 1)Lead 2) Material que amplia o lead 3) Parágrafos de contexto 4) Material secundário e menos importante LEAD- QUEM, O QUE, QUANDO, COMO, ONDE E POR QUE
  • 6. NÍVEL 1 – PIRÂMIDE INVERTIDA 6  Implica em publicar o texto numa só página da web
  • 7. EX: NÍVEL 1 – PIRÂMIDE INVERTIDA 7
  • 8. NÍVEL 2 – PIRÂMIDE INVERTIDA 8  É quando a informação pode ser dividida por temas.  O autor define o nível de hierarquização e classificação do texto
  • 9. Ex: NÍVEL 2 – PIRÂMIDE INVERTIDA 9
  • 10. NÍVEL 3 – PIRÂMIDE INVERTIDA 10  O autor/editor aproveita o máximo de entrelaçamento oferecido pela web  Deve-se ter um nível de hierarquização e de classificação  O usuário pode determinar o seu nível de hierarquização.
  • 11. NÍVEL 3 – PIRÂMIDE INVERTIDA 11
  • 12. Ex: CRITÉRIOS DE TAMANHO DE TEXTO 12  Deve-se quebrar a informação de tal forma que possa ser lida em uma única tela ou utilizar 100 palavras por blocos de texto.  Utilizar no máximo 50% do que fosse dito numa publicação impressa.  Parâmetros: Texto curto – 600 palavras. Leitura de 3 minutos Texto longo – 1000 palavras. Leitura de 5 minutos
  • 13. CRITÉRIOS DE TAMANHO DE TEXTO 13  Explorar do hipertexto como forma de oferecer profundidade na informação.
  • 14. DICAS:COMO ESCREVER NA WEB 14 # DICAS  Título da página claro e destacado  Valorizar os 2 primeiros parágrafos  Evite parágrafos introdutórios  Use imagens bem feitas e elucidativas  Use listas para destacar pontos importantes  Formate o texto utilizando negrito e itálico  Cite referências e utilize outros links
  • 15. Obrigado! 15 Prof. Sergio Xavier  E-mail: sergiosx@gmail.com  Facebook: profsergioxavier  Blog: www.profsergioxavier.wordpress.com