SlideShare uma empresa Scribd logo
1 de 33
Falando um pouco sobre
   Denis Budag - Webdesigner


   Rodrigo Oliveira - Redator
   21 anos
   +40 funcionários
   Blumenau
   Free Promo
   Florianópolis

Atendimento, Planejamento
Criação, Produção, Mídia
Financeiro
Trabalhando com
   Web o quê?
   Designer?
   HTML, CSS!?
   Flash?
   Layout, navegação?
   PHP, ASP, interface?
   Programação?
   Cria? Produz?
   2 profissionais

   volume de trabalho

   internet, rede, computadores

   planejamento de internet

   + ações envolvendo internet
1.   entra job
2.   brainstorm
3.   criação
4.   internet? (antes, durante, depois?)
5.   orçamento
6.   produção
7.   problemas (muitos problemas) 
8.   resultados
   visão sobre internet

   desvalorização (qualquer um faz)

   investimento

   prazo

   redação
   clareza
   objetividade

Persuadir o usuário a realizar alguma ação

   comprar
   preencher formulário, enviar email
   mudar comportamento, participar de evento
   indicar um site, clicar em links
   fisgar sua atenção
   deve ser extremamente direto e agradável

   pode conter links para páginas
    complementares sobre o assunto

   possibilidade de explorar matérias antigas
    através de uma notícia de tema semelhante
Escrever para internet é um exercício constante
de planejar e repensar o conteúdo, obedecendo
a três princípios básicos:

   objetividade

   visibilidade

   navegabilidade
   O texto precisa ser claro, conciso e objetivo
    (sem jogos de palavras, piadinhas e
    brincadeiras nos títulos e textos).

    Evitar o uso de termos pouco conhecidos,
    reduzindo para otimizar a comunicação e
    agilizar a produção do texto.
   50% do texto impresso pode ser eliminado
    para a internet, pois a tela do monitor deixa a
    leitura 25% mais lenta.
   A luz do monitor pode causar fadiga visual
    (ardência, visão embaçada ou embaralhada),
    além de dores de cabeça.
   Não utilize linguagem subjetiva ou complexa.
    Escreva só o necessário, substituindo
    palavras longas por sinônimos curtos.
   Evite textos longos e contínuos.

    Organize o texto em parágrafos curtos, com
    subtítulos, e se possível, resuma as
    informações mais importantes em tópicos.

   Se o usuário não quiser ler todo o texto,
    obterá as informações que precisa ao passar
    os olhos pela página.
   A principal audiência da web está concentrada
    nos leitores que se limitam a fazer uma leitura
    superficial, ou seja, um “varrimento” visual em
    busca de palavras ou frases que lhes interessem.
   Um estudo revelou que 79% usuários e internet
    correm os olhos por toda a tela e fixam-se em
    um outro lugar, em vez de ler a página inteira,
    palavra por palavra. Dessa maneira vão
    acumulando conhecimento, segundo o seu
    interesse e até se satisfazer.
Para lidar com este público, texto e design
devem trabalhar juntos na web. Persuadir o
leitor a navegar pelas páginas de um site exige
uma estrutura editorial aliada à programação
visual. As páginas devem ser arejadas, com
pouco texto e imagem, sendo fundamental a
correta utilização do espaço em branco para
criar um ambiente agradável.
   Páginas pesadas desestimulam os visitantes.
   Estabeleça um limite de linhas por página e segmente
    os textos longos em várias páginas.
   Os usuários desejam encontrar informações
    rapidamente.
   A página principal deve exibir apenas os fatos mais
    recentes, relevantes e de comprovado interesse do
    visitante, deixando as outras informações acessíveis
    através de um menu bem estruturado e, se possível,
    até no terceiro clique.
   Os títulos devem apresentar o assunto em
    poucas palavras e os subtítulos devem
    resumir a notícia em frases curtas.
   Menos de 10% dos usuários utilizam as barras
    de rolagem do browser para ir até o final dos
    documentos.
   Concentrar as informações mais importantes
    no inicio do texto, que estará na parte mais
    visível da página.
   O hiperlink permite que o texto seja
    segmentado em páginas quando necessário.
   Cuidado: você pode interromper a leitura do
    usuário.
   Uma imagem pode segurar sua atenção por
    alguns segundos, um hiperlink pode levá-lo
    para outra página e a pessoa dificilmente
    retornará para ler o resto do texto.
   Diversos elementos que disputam a atenção
    do leitor com o texto. Por isso, os hiperlinks
    devem ser posicionados de modo que não
    interrompam a leitura. Evite ao máximo
    inserir hiperlinks no corpo do texto, em
    especial os que levam para outros sites
    A interatividade da rede deve ser respeitada,
    mas pode ser manipulada. Por isso, só insira
    links entre o texto caso sejam internos –
    apontem para outra página do mesmo site.
   Por questões de credibilidade, o texto do
    hiperlink deve apresentar uma idéia real do que
    haverá na próxima página e cumprir o
    prometido.
   Os links externos devem ser de qualidade e
    relevância, pois recomendações ruins podem
    frustrar os usuários em relação ao seu site.
   Hiperlinks de texto são mais efetivos do que os
    de imagens. O texto tem a vantagem de indicar
    ao usuário o tipo de conteúdo da página
    seguinte.
   Por questões de credibilidade, o texto do
    hiperlink deve apresentar uma idéia real do que
    haverá na próxima página e cumprir o
    prometido.
   Os links externos devem ser de qualidade e
    relevância, pois recomendações ruins podem
    frustrar os usuários em relação ao seu site.
   Hiperlinks de texto são mais efetivos do que os
    de imagens. O texto tem a vantagem de indicar
    ao usuário o tipo de conteúdo da página
    seguinte.
   Formal
    Início da internet comercial.

   Semi-formal
    Derivado da publicidade.

   Informal
    Sites pessoais, blogs, etc.
   Apesar de utilizar muitos elementos do texto
    impresso, a web permite estilos não
    convencionais de redação
   “Ousadias publicitárias”
   O público on-line é mais receptivo e precisa
    ser seduzido, o que permite que o texto possa
    ser mais criativo que nas mídias tradicionais.
   Objetividade deve sempre prevalecer
Alguns exemplos de
Contatos
   Denis Budag
    denis@free.art.br
    http://www.acidpixel.com
    Twitter @denver
   Rodrigo Oliveira
    rodrigo@free.art.br

   Site da agência – http://www.free.art.br

Mais conteúdo relacionado

Mais procurados

Mídias Sociais e Estratégias
Mídias Sociais e EstratégiasMídias Sociais e Estratégias
Mídias Sociais e Estratégias
Cínthia Demaria
 
Artigos 10 Dicas Para Marketing Digital
Artigos  10 Dicas Para Marketing DigitalArtigos  10 Dicas Para Marketing Digital
Artigos 10 Dicas Para Marketing Digital
ana
 

Mais procurados (18)

Webjornalismo - Como escrever em redes sociais?
Webjornalismo - Como escrever em redes sociais?Webjornalismo - Como escrever em redes sociais?
Webjornalismo - Como escrever em redes sociais?
 
Mídias Sociais e Estratégias
Mídias Sociais e EstratégiasMídias Sociais e Estratégias
Mídias Sociais e Estratégias
 
Artigos 10 Dicas Para Marketing Digital
Artigos  10 Dicas Para Marketing DigitalArtigos  10 Dicas Para Marketing Digital
Artigos 10 Dicas Para Marketing Digital
 
12 passos
12 passos12 passos
12 passos
 
659 html
659 html659 html
659 html
 
Manualredacaonaweb
ManualredacaonawebManualredacaonaweb
Manualredacaonaweb
 
Redação web
Redação webRedação web
Redação web
 
Artigo papel do web designer
Artigo papel do web designerArtigo papel do web designer
Artigo papel do web designer
 
Guidelines e Boas Práticas
Guidelines e Boas PráticasGuidelines e Boas Práticas
Guidelines e Boas Práticas
 
Workshop Plug-se e Blog-se - Inédita Propaganda
Workshop Plug-se e Blog-se - Inédita PropagandaWorkshop Plug-se e Blog-se - Inédita Propaganda
Workshop Plug-se e Blog-se - Inédita Propaganda
 
USABILIDADE.
USABILIDADE.USABILIDADE.
USABILIDADE.
 
Webwriting That Works
Webwriting That WorksWebwriting That Works
Webwriting That Works
 
Capitulo Webwriting Livro Nielsen
Capitulo  Webwriting  Livro  NielsenCapitulo  Webwriting  Livro  Nielsen
Capitulo Webwriting Livro Nielsen
 
Workshop de webwriting na UFPB
Workshop de webwriting na UFPBWorkshop de webwriting na UFPB
Workshop de webwriting na UFPB
 
Como tornar seu site atraente
Como tornar seu site atraenteComo tornar seu site atraente
Como tornar seu site atraente
 
Redação para web
Redação para webRedação para web
Redação para web
 
SEO na Prática Part 2: 03/12/2011
SEO na Prática Part 2: 03/12/2011SEO na Prática Part 2: 03/12/2011
SEO na Prática Part 2: 03/12/2011
 
Marketing digital porto alegre rafael morawski (2)
Marketing digital porto alegre rafael morawski (2)Marketing digital porto alegre rafael morawski (2)
Marketing digital porto alegre rafael morawski (2)
 

Semelhante a Falando um pouco sobre Internet

2010.1 - PUB5AN - Marketing Digital AULA 03
2010.1 - PUB5AN - Marketing Digital AULA 032010.1 - PUB5AN - Marketing Digital AULA 03
2010.1 - PUB5AN - Marketing Digital AULA 03
Neca Boullosa
 
Aula 1 - Desenvolvimento do leiaute (1).pdf
Aula 1 - Desenvolvimento do leiaute (1).pdfAula 1 - Desenvolvimento do leiaute (1).pdf
Aula 1 - Desenvolvimento do leiaute (1).pdf
ssuser595b1e1
 
[Brazil] guia internet_marketing (1)
[Brazil] guia internet_marketing (1)[Brazil] guia internet_marketing (1)
[Brazil] guia internet_marketing (1)
Ricardo Belchior
 

Semelhante a Falando um pouco sobre Internet (20)

Workshop Webwriting - 2ª Turma
Workshop Webwriting - 2ª TurmaWorkshop Webwriting - 2ª Turma
Workshop Webwriting - 2ª Turma
 
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
 
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
 
Oficina IV: Marketing de Busca: como alavancar sua marca na internet - Ciclo ...
Oficina IV: Marketing de Busca: como alavancar sua marca na internet - Ciclo ...Oficina IV: Marketing de Busca: como alavancar sua marca na internet - Ciclo ...
Oficina IV: Marketing de Busca: como alavancar sua marca na internet - Ciclo ...
 
Webwriting
WebwritingWebwriting
Webwriting
 
Webwriting
WebwritingWebwriting
Webwriting
 
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
 
2010.1 - PUB5AN - Marketing Digital AULA 03
2010.1 - PUB5AN - Marketing Digital AULA 032010.1 - PUB5AN - Marketing Digital AULA 03
2010.1 - PUB5AN - Marketing Digital AULA 03
 
SEO - A história que não foi contada para você em 11 passos simples
SEO - A história que não foi contada para você em 11 passos simplesSEO - A história que não foi contada para você em 11 passos simples
SEO - A história que não foi contada para você em 11 passos simples
 
Aula 2 da 2ª Turma de Marketing Digital em Ribeirão Preto
Aula 2 da 2ª Turma de Marketing Digital em Ribeirão PretoAula 2 da 2ª Turma de Marketing Digital em Ribeirão Preto
Aula 2 da 2ª Turma de Marketing Digital em Ribeirão Preto
 
Navegacao
NavegacaoNavegacao
Navegacao
 
Usabilidade Conceitos Centrais
Usabilidade Conceitos CentraisUsabilidade Conceitos Centrais
Usabilidade Conceitos Centrais
 
Usabilidade Conceitos Centrais
Usabilidade  Conceitos CentraisUsabilidade  Conceitos Centrais
Usabilidade Conceitos Centrais
 
Manual De RedaçãO úLtimo Segundo
Manual De RedaçãO úLtimo SegundoManual De RedaçãO úLtimo Segundo
Manual De RedaçãO úLtimo Segundo
 
7 Dicas Infalíveis de Como Aumentar o Tráfego so Seu Site
7 Dicas Infalíveis de Como Aumentar o Tráfego so Seu Site7 Dicas Infalíveis de Como Aumentar o Tráfego so Seu Site
7 Dicas Infalíveis de Como Aumentar o Tráfego so Seu Site
 
Aula 1 - Desenvolvimento do leiaute (1).pdf
Aula 1 - Desenvolvimento do leiaute (1).pdfAula 1 - Desenvolvimento do leiaute (1).pdf
Aula 1 - Desenvolvimento do leiaute (1).pdf
 
Big images / Big Type
Big images / Big TypeBig images / Big Type
Big images / Big Type
 
E book Design - Presença Digital
E book  Design - Presença DigitalE book  Design - Presença Digital
E book Design - Presença Digital
 
Brazil - guia internet_marketing
Brazil - guia internet_marketingBrazil - guia internet_marketing
Brazil - guia internet_marketing
 
[Brazil] guia internet_marketing (1)
[Brazil] guia internet_marketing (1)[Brazil] guia internet_marketing (1)
[Brazil] guia internet_marketing (1)
 

Falando um pouco sobre Internet

  • 2. Denis Budag - Webdesigner  Rodrigo Oliveira - Redator
  • 3. 21 anos  +40 funcionários  Blumenau  Free Promo  Florianópolis Atendimento, Planejamento Criação, Produção, Mídia Financeiro
  • 5. Web o quê?  Designer?  HTML, CSS!?  Flash?  Layout, navegação?  PHP, ASP, interface?  Programação?  Cria? Produz?
  • 6. 2 profissionais  volume de trabalho  internet, rede, computadores  planejamento de internet  + ações envolvendo internet
  • 7. 1. entra job 2. brainstorm 3. criação 4. internet? (antes, durante, depois?) 5. orçamento 6. produção 7. problemas (muitos problemas)  8. resultados
  • 8. visão sobre internet  desvalorização (qualquer um faz)  investimento  prazo  redação
  • 9. clareza  objetividade Persuadir o usuário a realizar alguma ação  comprar  preencher formulário, enviar email  mudar comportamento, participar de evento  indicar um site, clicar em links  fisgar sua atenção
  • 10. deve ser extremamente direto e agradável  pode conter links para páginas complementares sobre o assunto  possibilidade de explorar matérias antigas através de uma notícia de tema semelhante
  • 11. Escrever para internet é um exercício constante de planejar e repensar o conteúdo, obedecendo a três princípios básicos:  objetividade  visibilidade  navegabilidade
  • 12. O texto precisa ser claro, conciso e objetivo (sem jogos de palavras, piadinhas e brincadeiras nos títulos e textos).  Evitar o uso de termos pouco conhecidos, reduzindo para otimizar a comunicação e agilizar a produção do texto.
  • 13. 50% do texto impresso pode ser eliminado para a internet, pois a tela do monitor deixa a leitura 25% mais lenta.  A luz do monitor pode causar fadiga visual (ardência, visão embaçada ou embaralhada), além de dores de cabeça.  Não utilize linguagem subjetiva ou complexa. Escreva só o necessário, substituindo palavras longas por sinônimos curtos.
  • 14. Evite textos longos e contínuos.  Organize o texto em parágrafos curtos, com subtítulos, e se possível, resuma as informações mais importantes em tópicos.  Se o usuário não quiser ler todo o texto, obterá as informações que precisa ao passar os olhos pela página.
  • 15. A principal audiência da web está concentrada nos leitores que se limitam a fazer uma leitura superficial, ou seja, um “varrimento” visual em busca de palavras ou frases que lhes interessem.  Um estudo revelou que 79% usuários e internet correm os olhos por toda a tela e fixam-se em um outro lugar, em vez de ler a página inteira, palavra por palavra. Dessa maneira vão acumulando conhecimento, segundo o seu interesse e até se satisfazer.
  • 16. Para lidar com este público, texto e design devem trabalhar juntos na web. Persuadir o leitor a navegar pelas páginas de um site exige uma estrutura editorial aliada à programação visual. As páginas devem ser arejadas, com pouco texto e imagem, sendo fundamental a correta utilização do espaço em branco para criar um ambiente agradável.
  • 17. Páginas pesadas desestimulam os visitantes.  Estabeleça um limite de linhas por página e segmente os textos longos em várias páginas.  Os usuários desejam encontrar informações rapidamente.  A página principal deve exibir apenas os fatos mais recentes, relevantes e de comprovado interesse do visitante, deixando as outras informações acessíveis através de um menu bem estruturado e, se possível, até no terceiro clique.
  • 18. Os títulos devem apresentar o assunto em poucas palavras e os subtítulos devem resumir a notícia em frases curtas.  Menos de 10% dos usuários utilizam as barras de rolagem do browser para ir até o final dos documentos.  Concentrar as informações mais importantes no inicio do texto, que estará na parte mais visível da página.
  • 19. O hiperlink permite que o texto seja segmentado em páginas quando necessário.  Cuidado: você pode interromper a leitura do usuário.  Uma imagem pode segurar sua atenção por alguns segundos, um hiperlink pode levá-lo para outra página e a pessoa dificilmente retornará para ler o resto do texto.
  • 20. Diversos elementos que disputam a atenção do leitor com o texto. Por isso, os hiperlinks devem ser posicionados de modo que não interrompam a leitura. Evite ao máximo inserir hiperlinks no corpo do texto, em especial os que levam para outros sites  A interatividade da rede deve ser respeitada, mas pode ser manipulada. Por isso, só insira links entre o texto caso sejam internos – apontem para outra página do mesmo site.
  • 21. Por questões de credibilidade, o texto do hiperlink deve apresentar uma idéia real do que haverá na próxima página e cumprir o prometido.  Os links externos devem ser de qualidade e relevância, pois recomendações ruins podem frustrar os usuários em relação ao seu site.  Hiperlinks de texto são mais efetivos do que os de imagens. O texto tem a vantagem de indicar ao usuário o tipo de conteúdo da página seguinte.
  • 22. Por questões de credibilidade, o texto do hiperlink deve apresentar uma idéia real do que haverá na próxima página e cumprir o prometido.  Os links externos devem ser de qualidade e relevância, pois recomendações ruins podem frustrar os usuários em relação ao seu site.  Hiperlinks de texto são mais efetivos do que os de imagens. O texto tem a vantagem de indicar ao usuário o tipo de conteúdo da página seguinte.
  • 23. Formal Início da internet comercial.  Semi-formal Derivado da publicidade.  Informal Sites pessoais, blogs, etc.
  • 24. Apesar de utilizar muitos elementos do texto impresso, a web permite estilos não convencionais de redação  “Ousadias publicitárias”  O público on-line é mais receptivo e precisa ser seduzido, o que permite que o texto possa ser mais criativo que nas mídias tradicionais.  Objetividade deve sempre prevalecer
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33. Contatos  Denis Budag denis@free.art.br http://www.acidpixel.com Twitter @denver  Rodrigo Oliveira rodrigo@free.art.br  Site da agência – http://www.free.art.br