Redigindo Para a WEBRedigindo Para a WEB

Usabilidade na WebUsabilidade na Web

Jakob NielsenJakob Nielsen

Hoa LorangerHoa Loranger

Denilton L. DaroldDenilton L. Darold

José C. ToniazzoJosé C. Toniazzo

Rafael E. LippertRafael E. Lippert

CURSO DE PÓS GRADUAÇÃO EM DESENVOLVIMENTO WEB

IntroduçãoIntrodução

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

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

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

Clareza ao invés de confusãoClareza ao invés de confusão

Site demorou para Carregar!

Redação RuimRedação Ruim Conteúdo mal escrito e desorganizado não deixa o Conteúdo mal escrito e desorganizado não deixa o

usuário completar uma tarefa;usuário completar uma tarefa;

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

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

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

Como os Usuários da WEB LêemComo os Usuários da WEB Lêem

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

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

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

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

Redigindo Para o LeitorRedigindo Para o Leitor

Saber exatamente sobre seu leitor:Saber exatamente sobre seu leitor: Interesse;Interesse;Cultura;Cultura;Necessidades;Necessidades;Limitações.Limitações.

É necessário manter o interesse do leitor:É necessário manter o interesse do leitor:Evitar blocos longos de texto;Evitar blocos longos de texto;Optar por Figuras relevantes;Optar por Figuras relevantes;Trabalhar com textos concisos.Trabalhar com textos concisos.

Diretrizes de uma Boa RedaçãoDiretrizes de uma Boa Redação

Evitar “jargões”;Evitar “jargões”; Evitar acrônimos;Evitar acrônimos; Evitar sarcasmos, trocadilhos e Evitar sarcasmos, trocadilhos e

clichês;clichês; Não usar palavras sofisticadas;Não usar palavras sofisticadas; Não escrever demais;Não escrever demais; ““Verborragia” supérflua exige Verborragia” supérflua exige

maior esforço;maior esforço; Ex: “Carcinogênico” – “que causa Ex: “Carcinogênico” – “que causa

cancêr”cancêr”

Modismos de MarketingModismos de Marketing Usuários tem repulsa por propaganda;Usuários tem repulsa por propaganda;

Não seja agressivo ou insistente;Não seja agressivo ou insistente;

Afirmações autopromocionais diminuem a Afirmações autopromocionais diminuem a credibilidade;credibilidade;

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

Bom conteúdo vende-se sozinho;Bom conteúdo vende-se sozinho;

O Problema do EntendimentoO Problema do Entendimento

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

Segundo uma pesquisa do IALS:Segundo uma pesquisa do IALS: Na Suécia 28% dos participantes tiveram um nível de Na Suécia 28% dos participantes tiveram um nível de

leitura de um alun ode 8ª Série;leitura de um alun ode 8ª Série; Nos Estados Unidos esse número subiu para 43%Nos Estados Unidos esse número subiu para 43% E no Brasil?E no Brasil?

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

Remover Excessos: Definir Pontos-Remover Excessos: Definir Pontos-ChaveChave

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

Isso leva o usuário direto ao ponto;Isso leva o usuário direto ao ponto;

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

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

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

Use o Teste das Duas Frases!Use o Teste das Duas Frases!

Formatar Para a LegibilidadeFormatar Para a LegibilidadeAuxilie os leitores a varrerem rapidamente Auxilie os leitores a varrerem rapidamente

a página. Algumas convenções para isso:a página. Algumas convenções para isso:

Palavras-Chave destacadas;Palavras-Chave destacadas;Títulos concisos e descritivos;Títulos concisos e descritivos;Palavras Chave do título no início;Palavras Chave do título no início;Título à esquerda com somente as primeiras Título à esquerda com somente as primeiras

letras em maiúsculoletras em maiúsculoListas com marcadores e passos numerados;Listas com marcadores e passos numerados;Parágrafos Curtos;Parágrafos Curtos;O ponto importante nas duas primeiras linhas;O ponto importante nas duas primeiras linhas;

Paralelismo SintáticoParalelismo Sintático

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

Ex: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çõesConsiderações

Linguagem Simples garante que o usuário:Linguagem Simples garante que o usuário: Ache o que quer com agilidade;Ache o que quer com agilidade; Conclua sua “missão” no site;Conclua sua “missão” no site; Volte mais vezes.Volte mais vezes.

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

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