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

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?

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

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

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)

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

- Gerenciamento de crise- Organização de eventos

- Branding- Relações com colaboradores

- Desenvolvimento de novos produtos

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

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?

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”

Tipos de conteúdo

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

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

Á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

Como escrever?

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

em um conteúdo escaneável.

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)

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

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...

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

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

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

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

1a aula - história da educação física

aula 1a destilação industrial introdução

1a aula candido_administracao da qualidade

1a. aula set_2012_terraços fluviais

vida devocional 1a aula pr. kenneth eagleton

sim - aula 1a

aula 3 grupo 1a

1a aula teorica difracao de raios

1a aula slides-ado

slides 1a aula

aula 1a - sistemas de produção offshore

aula de karl marx- 1a. serie

aula 03 grupo 1a

3° ano - antiguidade oriental - 1a - aula 01

1a aula mod_mol_alunos

grego apresentação da disciplina 1a aula

n-1738[1]-1a aula

aula 1a - inaugural - 18ª turma - eae

1a aula - noções embriologia e sist reprod

escolas da psicologia 1a. aula