1a aula 21maio_principioswebwriting

Centro Universitário Senac

Pós-graduação em Gestão da Comunicação em Mídias Digitais

Fundamentos de WebwritingProfa. Ivone Rocha

FUNDAMENTOS DE WEBWRITING

TEMPO

Maiores desafios

ESPAÇO

CONTEÚDO NA INTERNET

26 segundosEste é o tempo máximo gasto pelo usuário para procurar o que precisa em um página web, segundo Jacob Nielsen


E apelo visual?



COMO LIDAR COM TEMPO, ESPAÇO E APELO VISUAL?

Ser

OBJETIVO CONCISO ESCANEÁVELJacob Nielsen

Ser ... CURTO E FINO

É preciso escrever de modo objetivo, tentando ser criativo e persuasivo, destacando os pontos principais e conduzindo o leitor

Bruno Rodrigues


Princípios básicos do webwriting


OBJETIVIDADE

VISIBILIDADE

NAVEGABILIDADE


Objetividade

- Ser direto- Escrever textos curtos- Lembrar dos demais recursos da página


Objetividade - Ser direto- Escrever textos curtos- Lembrar dos demais recursos da página


Alguns recursos:

- Links- Hiperlinks- Link âncora- Bullets- Gráficos- Infográficos- Ícones

Exemplo de link âncorahttp://www.americanas.com.br/produto/244888/livros/informatica/internet/livro-solucoes-em-internet#specTec

http://www.americanas.com.br/produto/244888/livros/informatica/internet/livro-solucoes-em-internet

http://www.americanas.com.br/produto/244888/livros/informatica/internet/livro-solucoes-em-internet


Conteúdo em camadas

- Uma idéia por parágrafoSempre que possível

- Divisão em páginas, links, áreasSempre que possível


VISIBILIDADE

Seu texto também pode ser bonito de se ver


- Seções e/ou Editorias (menu)

- Saiba mais (cross content)

- Compre mais (cross selling)

VISIBILIDADE

É possível até ser redundante



- Saiba mais (Cross content)


- Compre mais (cross selling)



NAVEGABILIDADE

- Onde estou- Para onde vou- Como voltar


NAVEGABILIDADEComo voltarOnde estou Para onde vou

Para onde TAMBÉM posso ir?


Interação de conteúdo com recursos de multimídia


NAVEGABILIDADE

Há quem recomende:

- Evitar muitos links- Evitar links para sites externos

?


NAVEGABILIDADE

Há quem recomende:

• Utilizar títulos de links auto-explicativos

• Direcionar o usuário exatamente para o conteúdo descrito no link

• Evitar expressões como “Clique aqui”.


E o texto, como deve ser ???Características

- Simplicidade- Leveza- Clareza- Organização das idéias- Informações mais importantes antes do scroll


E o texto, como deve ser ???

Não se usa:

>> Ontem”, “hoje”, “amanhã” > simplesmente a data

>>Esta cidade, este país, esta região > precise a localização

>> Esta edição, próxima edição, edição anterior


E o texto, como deve ser ???

TítulosCurtos > de preferência uma linha

Parágrafos > 5 linhas em média

Alinhamento à esquerda > ajudam a leitura


Quanto se lê na web?

De 20% a 28% de uma página

Segundo o Nielsen Institute (2008)


Quanto se lê

EyeTrack 2007 - quase 600 leitores em quatro mercados norte-americanos

-Leitores online lêem 77% do que escolhem na web

-Leitores de jornais impressos: 62% das edições

-Leitores de tablóides: 57%

-Público presta mais atenção em itens escritos em forma de pergunta e resposta ou no formato de listas

- Preferem imagens noticiosas do que posadas ou produzidas


Perguntase

Respostas


A maioria da população de Embu, na Grande São Paulo, decidiu incorporar de vez o traço artístico local à identidade oficial da cidade. Em plebiscito realizado ontem, cerca de 74 mil eleitores, ou 66% dos votos válidos, escolheram rebatizar o município para "Embu das Artes", nome pelo qual há décadas é popularmente conhecido.

Cerca de 53 mil pessoas não foram às urnas, um índice de abstenção de 31%. Os votos contrários foram cerca de 38 mil.O resultado vai ser oficializado na manhã de hoje pela juíza Denise Cavalcante Fortes Martins. O resultado do plebiscito precisa ser homologado pelo Tribunal Regional Eleitoral (TRE) para que a mudança ocorra. Segundo a prefeitura local, que apoiou a alteração, a consulta pública para a mudança de nome é a primeira do gênero no Estado.

Localizado a oeste da região metropolitana, Embu se emancipou de Itapecerica da Serra em 1959 e virou "Embu das Artes" em razão da feira de artesanato organizada na cidade desde o final dos anos 1960. Graças a ela, o município se tornou reduto hippie e chamou a atenção de artistas, alguns renomados. Nos anos 1990, por exemplo, o roqueiro Mick Jagger aproveitou uma turnê no País da banda Rolling Stones para visitar a feira.

O principal argumento usado na campanha para a mudança é a solução para um problema de nomenclatura que faria os visitantes confundi-la com a vizinha Embu-Guaçu. Para parte da população, a alteração também é interessante porque oficializa prática já comum nas ruas. As informações são do jornal O Estado de S. Paulo.

Plebiscito – De Embu para Embu das Artes

Plebiscito realizado neste domingo (1/5) decidiu pela mudança do nome da cidade de Embu, na Grande São Paulo, que será chamada de Embu das Artes. Cerca de 74 mil eleitores, ou 66% dos votos válidos, foram favoráveis; 38 mil votaram contra e 53 mil pessoas (31%) não votaram.

Para que seja trocado o nome do município, o resultado do plebiscito precisa ser homologado pelo Tribunal Regional Eleitoral (TRE). Segundo a prefeitura local, que apoiou a alteração, esta é a primeira vez que isso ocorre no Estado.

O município de Embu, localizado a oeste da região metropolitana, se emancipou de Itapecerica da Serra em 1959. Tornou-se conhecido por sua feira de artesanato que começou no final dos anos 1960, atraindo hippies e chamando a atenção de artistas, como o roqueiro Mick Jagger.

O principal argumento usado na campanha para a mudança é o fato de ser confundida com sua vizinha Embu-Guaçu.


Redação online

Redação jornalística

Redação publicitária+


Redação online

Texto informativo/persuasivo

Deve convencer o usuário a prosseguir na leitura

Uso do imperativo>> Siga-nos>> Leia>> Contate-nos>>Oriente-se>> Etc.


Redação online

-Deve ser atraente

Escrever é fazer sexoBruno Rodrigues

==========

LEMBRAR QUE

O leitor não lê, escaneia


Redação online

Padrão de leitura em F

Estudo de Jackob Nielsen com 232 usuários visitando centenas de sites


Redação online

“Você precisa saber com quem você está falando.”

Bob Levinson


WebwriterQuem é esse profissional?

É o profissional focado não apenas no texto, mas em toda sua relação com os demais elementos e recursos da página web.

Deve saber onde está e para onde vaiDeve saber o que há no backoffice, backend e sua relação

com o front end

Deve se concentrar também na organização do conteúdo como um todo, na forma e usabilidade, oferecendo facilidade

de acesso à informação.


Dados de 2009: 126 milhões de blogs no mundoFonte: Site Blindado


Primeiro passo > Analisar:- Que tipo de conteúdo/informação mais atraente- Quem é o público- Quais as necessidades ele tem de informação, de interação, de colaboração


Objetivo do blog1 – Falar e ser ouvido

2 – Aproximar grupos afins

3 – Formar rede de relacionamento

4 – Destacar características próprias


Objetivo do blog nas empresas

1 – Internamente

Conhecer os colaboradores

2 - Externamente

Conhecer o consumidor

Vender (conceito / imagem)


Blogs

- Assessoria de imprensa- Comunicação interna / corporativa

- Gerenciamento de crise- Organização de eventos

- Branding- Relações com colaboradores

- Desenvolvimento de novos produtos


Blogs

Alguns argumentos- Novas oportunidades de negócio (novos públicos)

- Gastos são mínimos- Mostra cases bem-sucedidos

- Aproxima a empresa do público


Blogs

Toda a empresa deve ter blog? Depende

A empresa pensa digitalmente?

Há quem dissemine a cultura digital?

Há necessidade?

Há o que comunicar?

Há a quem comunicar?

Haverá manutenção?


Blogs

Ferramenta

Gratuitas/externas : Blogger, Movable Type e WordPress

Para comunicação interna: CMS* como Drupal, Plone e Joomla


Como propagar e se relacionar?

Faça o cadastro -Technorati e em comunidades afins

Faça um blogrol robusto, trocando links

Abra para comentários – e RESPONDA!

Use widgets usados por blogs “comuns”

Blogs


Tipos de conteúdo

HobbyGostos ...EspecialidadesHistóriasCuriosidades sobre a marcaNovidades!!!Informações de bastidoresReleases...

Blogs

- Entretenimento- Informação - Educação- Debate/Opinião- Novidades- Comunidade


Blogs

Área de comentários (alma do blog)Deve-se deixar os usuários comentarem, darem suas opiniões, moderarem, responderem, criticarem e darem sugestões. Identificar blogs que tratem de conteúdo semelhante.

“Explore um estilo diferente, um tom, uma forma de se dirigir ao usuário. Escreva um gênero diferente de posts ou seja “útil” de uma forma distinta”

Bruno Rodrigues


Blogs

Como escrever?

Use os princípios de webwriting, ou seja, objetividade, visibilidade, navegabilidade

em um conteúdo escaneável.


Blogs

A escolha do título

- Devem criar o interesse- Considerar estratégias de SEO (otimizar)- Chamar a atenção em RSS Feeds =============

- Simples e objetivos- Sem mistérios e floreios- Descritivos para dar uma idéia geral do post- Oferecer uma resposta a uma questão já apresentada- Ter uma palavra-chave do assunto do post (SEO)


Blogs

Postagens

Um tópico por post.Explorar diversas possibilidades de conteúdo (multimídia)

====================

ImagensNo topo (essencial)

No texto (quando for o caso)Usar, principalmente em textos grandes


Blogs

Quanto escrever?

Depende do blog e de seu objetivo;- Dar importância ao espaçamento-Procurar utilizar parágrafos curtos

Recursos que podem ser utilizados- Olho para ajudar na formatação do título

- Intertítulos- Boxes

- Alternar posts curtos e grandes

QuantidadeDepende do tema, do objetivo, do público...


Blogs

FrequênciaTodos os dias, toda semana ...

Organização do blog

Procurar ter sempre um conteúdo organizado, melhorar a usabilidade e ajudar as ferramentas de busca a localizar

facilmente seu blog


Como se posicionar e se manter?

Inicie a conversa; não a termineUse conteúdo que seja replicável com facilidade

Cuidado para não fugir do objetivoConvide pessoas influentes no meio para o blog

Fale a verdade

Blogs


Os erros mais comuns

- Tratar o blog como canal de MERA VEICULAÇÃO de mensagens- Muita pressa no feedback

- Medo de críticas- Ghost-writer

- Vocabulário corporativo- Não criar regras no blog

- Não alimentar com frequência- Furar sua própria política de controle

- Editar ou apagar um post quando cometer um erro

Blogs


Alguns bogs

NaozeroFavoritosUpdater or DieFabio seixasMaria-FroEduardo GuimarãesMidiawebBrainstorm9Luli.com.brMaffaldaFerramentasblog

Maria-FroEduguimViomundoConversa AfiadaO EscrevinhadorInterneyIvone RochaBruno RodriguesLibellusMidias SociaisMercado de Minas


Twitter

- Também chamado de microblogging- Pode ser acessado tanto do computador quanto do celular

- Serve para informações rápidas- Os textos não podem ultrapassar 140 caracteres


Histórico:

Foi criado em 2006 nos Estados Unidos

Surgiu como um canal de relacionamento rápido entre jovens

Possui 300 milhões de usuários (dados da Twopcharts – maio/2011)

Apenas 21 milhões são ativos

EM 2010, GEROU US$ 45 MILHÕES DE RECEITA, CONTRA US$ 2 BILHÕES DO FACEBOOK

Twitter


O quê e como escrever

Twitter

O quê

Informações gerais

Troca de experiências/ideias Divulgação de eventos

Divulgação de atividades

Divulgação de ferramentas web

Branding

Retransmissão de informações

Como

Começe e termine um tema(Não divida a informação)

Evite palavras grandes

Saiba abreviar

Não esqueça do link

Use e abuse de hashtag (#)

Não ordene, recomende


Cores na web


Principais funções das cores

Intensificar a informação visual

Valorizar o conteúdo


Significado das coresVermelho

- Chama mais a atenção- Representa calor, energia

- Desperta o apetite

O vermelho vivo é usado em vendas mais agressivas e alimentação.


Significado das coresLaranja

Alegria, calor, euforia, energia, senso de humor. Estimula o apetite


Significado das coresAmarelo

Indica luz, provoca estímulo mental e ensino. Está associada a euforia, alegria, vivacidade, originalidade.


Significado das coresVerde

É de pouca expressão, traz sensação de calma e repouso. É uma cor fria. Está associado à natureza.O verde escuro transmite idéia de profundidade


Significado das coresAzul

Traz tranquilidade, calma, dá ideia de horizontalidade, além de transmitir sobriedade e serenidade. Dá destaque e estímulo para a leitura.


Significado das coresRoxo

Acalma o sistema nervoso, associado às religiões, à sexualidade, fantasia, sonho, profundidade,

justiça, grandeza, dignidade, nobreza, misticismo e espiritualidade.


Significado das cores

> Rosa: feminilidade, criança, calma, afeto, delicadeza.

> Marrom: pode dar a sensação de falta dequalidade e valor, sendo pouco recomendado.

> Cinza: Transmite a idéia de impureza, indecisão, tristeza (sombrio). Não deve ser usada sozinha.

> Preto: representa a eternidade, elegância. Está associada às atividades artísticas. > Branco: É associado à pureza, simplicidade, ordem, clareza, limpeza


Exercício em sala > Análise dos sites:Guia de MulherZero horaFnazcaVirada CulturalRets (org.br)Linha DiretaPSDBConversa AfiadaPortal da Terceira IdadeCâmara Municipal de São PauloInstituto Fernando Henrique CardosoJosé SerraIntervozesJornal do BrasilSecom (Sec. Com Social Gov. Federal)Mcann Ericsson

1a aula 21maio_principioswebwriting

Technology