Redigindo Para a WEB Usabilidade na Web Jakob Nielsen Hoa Loranger Denilton L. Darold José C. Toniazzo Rafael E. Lippert CURSO DE PÓS GRADUAÇÃO EM DESENVOLVIMENTO WEB

Introdução Na maioria das vezes pessoas procuram a WEB pela sua utilidade, e não pela sua beleza; Informação ao invés da estética; Assim como o design é importante, uma boa redação é fundamental; Clareza ao invés de confusão

Na maioria das vezes pessoas procuram a WEB pela sua utilidade, e não pela sua beleza;

Informação ao invés da estética;

Assim como o design é importante, uma boa redação é fundamental;

Clareza ao invés de confusão

Site demorou para Carregar!

Redação Ruim Conteúdo mal escrito e desorganizado não deixa o usuário completar uma tarefa; Se o site possibilita uma fácil localização e entendimento, usuários tendem a voltar; Design ajuda mas não é o objetivo principal de quem visita um site; Para sites de notícias títulos e textos são vistos antes que imagens

Conteúdo mal escrito e desorganizado não deixa o usuário completar uma tarefa;

Se o site possibilita uma fácil localização e entendimento, usuários tendem a voltar;

Design ajuda mas não é o objetivo principal de quem visita um site;

Para sites de notícias títulos e textos são vistos antes que imagens

Como os Usuários da WEB Lêem Primeiro fazem uma varredura para identificar os pontos principais. Esperam já encontrar o que procuram; Caso encontrem, seguem a trilha, senão, abandonam; Assim deve-se escrever da maneira como as pessoas lêem; Ex: Um potencial investidor que é bombardeado por expressões do mercado financeiro e longas explicações, tende a abandonar um site de investimento online.

Primeiro fazem uma varredura para identificar os pontos principais. Esperam já encontrar o que procuram;

Caso encontrem, seguem a trilha, senão, abandonam;

Assim deve-se escrever da maneira como as pessoas lêem;

Ex: Um potencial investidor que é bombardeado por expressões do mercado financeiro e longas explicações, tende a abandonar um site de investimento online.

Redigindo Para o Leitor Saber exatamente sobre seu leitor: Interesse; Cultura; Necessidades; Limitações. É necessário manter o interesse do leitor: Evitar blocos longos de texto; Optar por Figuras relevantes; Trabalhar com textos concisos.

Saber exatamente sobre seu leitor:

Interesse;

Cultura;

Necessidades;

Limitações.

É necessário manter o interesse do leitor:

Evitar blocos longos de texto;

Optar por Figuras relevantes;

Trabalhar com textos concisos.

Diretrizes de uma Boa Redação Evitar “jargões”; Evitar acrônimos; Evitar sarcasmos, trocadilhos e clichês; Não usar palavras sofisticadas; Não escrever demais; “ Verborragia” supérflua exige maior esforço; Ex: “Carcinogênico” – “que causa cancêr”

Evitar “jargões”;

Evitar acrônimos;

Evitar sarcasmos, trocadilhos e clichês;

Não usar palavras sofisticadas;

Não escrever demais;

“ Verborragia” supérflua exige maior esforço;

Ex: “Carcinogênico” – “que causa cancêr”

Modismos de Marketing Usuários tem repulsa por propaganda; Não seja agressivo ou insistente; Afirmações autopromocionais diminuem a credibilidade; Forneça fatos e deixe que as pessoas concluam por si sós; Bom conteúdo vende-se sozinho;

Usuários tem repulsa por propaganda;

Não seja agressivo ou insistente;

Afirmações autopromocionais diminuem a credibilidade;

Forneça fatos e deixe que as pessoas concluam por si sós;

Bom conteúdo vende-se sozinho;

O Problema do Entendimento A grande maioria dos usuários da WEB tem baixa aptidão literária; Segundo uma pesquisa do IALS: Na Suécia 28% dos participantes tiveram um nível de leitura de um alun ode 8ª Série; Nos Estados Unidos esse número subiu para 43% E no Brasil? Em páginas de maior exposição priorize ao máximo a simplicidade

A grande maioria dos usuários da WEB tem baixa aptidão literária;

Segundo uma pesquisa do IALS:

Na Suécia 28% dos participantes tiveram um nível de leitura de um alun ode 8ª Série;

Nos Estados Unidos esse número subiu para 43%

E no Brasil?

Em páginas de maior exposição priorize ao máximo a simplicidade

Remover Excessos: Definir Pontos-Chave Lógica da Pirâmide Invertida: Inicie o texto com a conclusão; Isso leva o usuário direto ao ponto; Lembre que as pessoas permanecem na página por alguns segundos apenas; Se o usuário optar por continuar a leitura, separe os conteúdos em camadas; Trabalhe com links informativos, e não um simples “continua”, ou “leia mais”; Use o Teste das Duas Frases!

Lógica da Pirâmide Invertida: Inicie o texto com a conclusão;

Isso leva o usuário direto ao ponto;

Lembre que as pessoas permanecem na página por alguns segundos apenas;

Se o usuário optar por continuar a leitura, separe os conteúdos em camadas;

Trabalhe com links informativos, e não um simples “continua”, ou “leia mais”;

Use o Teste das Duas Frases!

Formatar Para a Legibilidade Auxilie os leitores a varrerem rapidamente a página. Algumas convenções para isso: Palavras-Chave destacadas; Títulos concisos e descritivos; Palavras Chave do título no início; Título à esquerda com somente as primeiras letras em maiúsculo Listas com marcadores e passos numerados; Parágrafos Curtos; O ponto importante nas duas primeiras linhas;

Auxilie os leitores a varrerem rapidamente a página. Algumas convenções para isso:

Palavras-Chave destacadas;

Títulos concisos e descritivos;

Palavras Chave do título no início;

Título à esquerda com somente as primeiras letras em maiúsculo

Listas com marcadores e passos numerados;

Parágrafos Curtos;

O ponto importante nas duas primeiras linhas;

Paralelismo Sintático Cada item do site deve ter um estilo sintático consistente. Ex: - Descobrir Novidades - O que estão fazendo - Competições - Desafios - Veja mais - Descobrir Novidades - Ver o que estão fazendo Participar de Competições - Enfrentar Desafios - Ver mais

Cada item do site deve ter um estilo sintático consistente.

Ex:

- Descobrir Novidades

- O que estão fazendo

- Competições

- Desafios

- Veja mais

- Descobrir Novidades

- Ver o que estão fazendo

Participar de Competições

- Enfrentar Desafios

- Ver mais

Considerações Linguagem Simples garante que o usuário: Ache o que quer com agilidade; Conclua sua “missão” no site; Volte mais vezes. Lembrar que o grau de entendimento do usuário é completamente diferente do nosso; Usar linguagem simples e mostrar no início o que uma página contém.

Linguagem Simples garante que o usuário:

Ache o que quer com agilidade;

Conclua sua “missão” no site;

Volte mais vezes.

Lembrar que o grau de entendimento do usuário é completamente diferente do nosso;

Usar linguagem simples e mostrar no início o que uma página contém.