Você está na página 1de 42

Usabilidade e

Usabilidade:
Jakob Nielsen

Definio

Top 10 Erros

Perfil do
leitor
Escrita para Web
Escrever
para a Web: Usabilidade
Jakob Nielsen
Pirmide
Invertida
Definio de Usabilidade
Leitura em F
Top 10 Erros em Webdesign (Nielsen) -
http://www.useit.com/alertbox/9605.html
Titulao Perfil do leitor na Web (Poynter, Nielsen e
Estratificao Santaella)
Interttulos
Como escrever para a Web
Microblog A Pirmide Invertida
Leitura em F
Titulao
Estratificao da Informao
Interttulos
Outras plataformas (Microblog)

Paulo Henrique S. M. Serrano


Jakob Nielsen
Usabilidade:
Jakob Nielsen

Definio

Top 10 Erros

Perfil do
Guru da usabilidade;
leitor
Nielsen Norman Group;
Escrever
para a Web: Criou mtodos de usabilidade
(avaliao heurstica);
Pirmide
Invertida
Site: http://www.useit.com
Leitura em F

Titulao Livros:
Estratificao

Interttulos
Mobile Usability, 2012
Eyetracking Web Usability, 2010
Microblog Prioritizing Web Usability, 2006
Homepage Usability: 50 Websites
Deconstructed, 2001 (113
guidelines for homepage design)
Designing Web Usability: The
Practice of Simplicity, 1999: a
quarter million copies in print;
22 languages
Definio de Usabilidade
Usabilidade:
Jakob Nielsen

Definio

Top 10 Erros

Perfil do
Usabilidade uma caracterstica de qualidade que
leitor avalia o quo fcil de usar uma interface. A
palavra "usabilidade" tambm se refere a mtodos
para melhorar a facilidade de uso durante o
Escrever
para a Web: processo de design.
Pirmide
Invertida 5 Componentes de Qualidade
Leitura em F

Titulao capacidade de aprendizado


Estratificao
eficincia
memorabilidade
Interttulos erros
Microblog
satisfao

Utilitrio = se ele fornece os recursos necessrios;


Usabilidade = quo fcil e agradvel esses recursos
so para usar;
til = usabilidade + utilidade.
Importncia da Usabilidade
Usabilidade:
Jakob Nielsen

Definio

Top 10 Erros
Se um site difcil de usar as pessoas vo embora.
Perfil do
leitor

Escrever
para a Web:
Pirmide
Invertida

Leitura em F

Titulao

Estratificao

Interttulos

Microblog

http://web.tegonvalenti.com.br:81/Default.htm

http://candyromeo.com/

http://www.arngren.net/
Criao com usabilidade
Usabilidade:
Jakob Nielsen

Definio

Top 10 Erros

Perfil do Teste o design antigo, enfatize o que for bom e


leitor
elimine o que for ruim;
Escrever
para a Web:
Teste o design dos competidores;
Pirmide
Invertida
Conduza estudos de campo para entender como os
usurios atuam;
Leitura em F

Titulao Faa prottipos de papel de uma ou mais ideias e as


Estratificao teste;
Interttulos
Teste cada prottipo de baixa at a alta
Microblog fidelidade;

Use as guias de usabilidade do Jakob Nielsen;

Quando decidir implementar uma soluo, teste de


novo.
Top 10 Erros em Webdesign
Usabilidade:
Jakob Nielsen

Definio

Top 10 Erros

Perfil do
leitor
1 - Busca ruim;
Escrever
para a Web:
Pirmide
Invertida

Leitura em F

Titulao

Estratificao

Interttulos

Microblog

http://www.useit.com/alertbox/9605.html
Top 10 Erros em Webdesign
Usabilidade:
Jakob Nielsen

Definio

Top 10 Erros

Perfil do
leitor
2 Arquivo em PDF para leitura online;
Escrever
para a Web: PDF timo para impresso e para a distribuio de
Pirmide manuais e outros documentos grandes que precisam ser
Invertida impressos. Reserve-o para este fim e converta
Leitura em F qualquer informao que precisa ser pesquisada ou
Titulao
lida na tela em pginas web reais.
Estratificao

Interttulos

Microblog

http://www.useit.com/alertbox/9605.html
Top 10 Erros em Webdesign
Usabilidade:
Jakob Nielsen

Definio

Top 10 Erros

Perfil do
leitor
3 No mudar a cor dos links visitados;
Escrever
para a Web: Um bom conhecimento de navegao anterior ajuda a
Pirmide compreender a sua localizao atual, j que o
Invertida ponto culminante de sua viagem. Conhecendo seus
Leitura em F locais do passado e o presente, faz com que seja
Titulao
mais fcil decidir para onde ir. Links so um fator
chave neste processo de navegao.
Estratificao

Interttulos

Microblog

http://www.useit.com/alertbox/9605.html
Top 10 Erros em Webdesign
Usabilidade:
Jakob Nielsen

Definio

Top 10 Erros

Perfil do
leitor
4 Texto no escanevel;
Escrever
para a Web: Escreva para o online no impresso.
Pirmide Para isso use:
Invertida

Leitura em F
Subttulos;
Titulao
Bulletlist;
palavras-chave destacadas;
Estratificao pargrafos curtos;
Interttulos pirmide invertida;
um estilo de escrita simples;
Microblog linguagem desprovida de marketing.

http://www.useit.com/alertbox/9605.html
Top 10 Erros em Webdesign
Usabilidade:
Jakob Nielsen

Definio

Top 10 Erros

Perfil do
leitor
5 Tamanho de fonte fixo;
Escrever
para a Web: O CSS permite estabelecer um tamanho fixo para a
Pirmide fonte do site e desabilita a possibilidade de
Invertida aumentar o tamanho direto no navegador, prejudicando
Leitura em F a leitura da maioria das pessoas acima dos 40.
Titulao

Estratificao

Interttulos

Microblog

http://www.useit.com/alertbox/9605.html
Top 10 Erros em Webdesign
Usabilidade:
Jakob Nielsen

Definio

Top 10 Erros

Perfil do
leitor
6 Ttulos de pgina despreocupados com SEO
Escrever
para a Web: <title></title>
Pirmide
Invertida

Leitura em F

Titulao

Estratificao

Interttulos

Microblog

http://www.useit.com/alertbox/9605.html
Top 10 Erros em Webdesign
Usabilidade:
Jakob Nielsen

Definio

Top 10 Erros

Perfil do
leitor
7 Qualquer coisa que se parece com um anncio
Escrever
para a Web: A ateno seletiva algo muito poderoso, e os
Pirmide usurios da Web tm aprendido a parar de prestar
Invertida ateno a todos os anncios que ficam no caminho de
Leitura em F sua meta de navegao.
Titulao

Estratificao

Interttulos

Microblog

http://www.useit.com/alertbox/9605.html
Top 10 Erros em Webdesign
Usabilidade:
Jakob Nielsen

Definio

Top 10 Erros

Perfil do
leitor
8 Violar as convenes de design
Escrever
para a Web: A consistncia um dos princpios de usabilidade
Pirmide mais poderosos: quando as coisas sempre se comportam
Invertida do mesmo jeito, os usurios no tm que se preocupar
Leitura em F com o que vai acontecer. Em vez disso, eles sabem o
Titulao
que vai acontecer com base na experincia anterior.
Estratificao

Interttulos

Microblog
Lei da experincia do usurio de Jakob
afirma que "os usurios passam a maior
parte do seu tempo em outros sites."

http://www.useit.com/alertbox/9605.html
Top 10 Erros em Webdesign
Usabilidade:
Jakob Nielsen

Definio

Top 10 Erros

Perfil do
leitor
9 Abrir novas barras de navegao
Escrever
para a Web: Designers abrem novas janelas do navegador diante da
Pirmide teoria de que elas mantm os usurios em seu site.
Invertida

Leitura em F Mas, mesmo desconsiderando a mensagem hostil ao


Titulao
usurio implcita em assumir o controle da sua
mquina, a estratgia auto-destrutiva, uma vez que
Estratificao
desativa o boto Voltar que a maneira como os
Interttulos usurios normais retornar aos locais anteriores.
Microblog

http://www.useit.com/alertbox/9605.html
Top 10 Erros em Webdesign
Usabilidade:
Jakob Nielsen

Definio

Top 10 Erros

Perfil do
leitor
10 No responder s questes dos usurios
Escrever
para a Web: Os usurios so altamente
Pirmide guiados por uma meta. Eles
Invertida visitam sites porque h
Leitura em F algo que querem encontrar
Titulao
- talvez at mesmo comprar
seu produto. O pior
Estratificao
fracasso de um site
Interttulos deixar de fornecer aos
usurios as informaes
Microblog
que procura.

http://www.useit.com/alertbox/9605.html
Perfil do leitor na Web
Usabilidade:
Jakob Nielsen

Definio

Top 10 Erros

Perfil do
leitor
Instituto Poynter (Nelson Poynter)
Escrever
para a Web: PARC XEROX (Centro de Pesquisa de Palo Alto)
Pirmide
Invertida Nielsen Norman Group (Nielsen e Donald Norman)
Leitura em F
Fundamentos biocognitivos de comunicao.
Titulao
Aplicao nos processos de navegao no
Estratificao ciberespao. 2004 (Lcia Santaella)
Interttulos

Microblog
Eyetracking the news
Usabilidade:
Jakob Nielsen

Definio

Top 10 Erros Resultados:


Perfil do
leitor
Texto mais visto do que
imagens.
Escrever
para a Web:
O usurio aterriza primeiro
Pirmide no canto superior esquerdo,
Invertida
dedicado ao ttulo
Leitura em F
dominante.
Titulao

Estratificao Ttulo tem menos de um


Interttulos
segundo da ateno, as
primeiras duas palavras so
Microblog as mais importantes.

Perfis:
Escaneadores Vs. Metdicos

Escanear o comportamento
dominante.

Leitura em F.
http://www.poynter.org/extra/Eyetrack/keys_01.html
Usabilidade:
Jakob Nielsen Perfis de navegao
do PARC
Definio

Top 10 Erros

Perfil do
leitor

Escrever
para a Web: Explorar; (busca no motivada)
Pirmide
Invertida
Encontrar; (busca motivada)
Leitura em F

Titulao Coletar; (busca por mltiplos fragmentos)


Estratificao

Interttulos

Microblog
Nielsen Norman Group
Usabilidade:
Jakob Nielsen

Definio

Top 10 Erros

Perfil do
leitor
Experimento em Website com informaes tursticas do
Escrever Nebraska;
para a Web:
Linguagem original; (promocional)
Pirmide Linguagem concisa; (promocional e curta)
Invertida
Linguagem escanevel; (promocional, curta com listas)
Leitura em F Linguagem objetiva; (sem linguagem promocional)
Linguagem combinada. (sem linguagem promocional com listas)
Titulao

Estratificao Resultado:
Interttulos
Os usurios preferem a linguagem objetiva, os
Microblog
textos concisos e o design escanevel.

Em 1996 os usurios no rolavam a tela. A


evoluo da Web mudou essa concluso.

http://www.useit.com/alertbox/9710a.html
Perfil Cognitivo do
Usabilidade:
Jakob Nielsen

Leitor Imersivo
Definio

Top 10 Erros

Perfil do
leitor
Santaella 2004
Escrever
para a Web:
Pirmide Mtodo de raciocnio humano: abdutivo, indutivo,
Invertida
dedutivo.
Leitura em F

Titulao Errante, detetive, previdente.


Estratificao
Advinhao, Investigao, Habituado
Interttulos

Microblog

Parte de uma regra aceita a ttulo de experincia;

Parte de um caso e um resultado verificado;

Parte de uma regra j verificada.


Usabilidade:

Escrever para Web


Jakob Nielsen

Definio

Top 10 Erros

Perfil do
leitor

Escrever
para a Web:
Pirmide
Invertida

Leitura em F

Titulao

Estratificao

Interttulos

Microblog
Usabilidade:

Pirmide Invertida
Jakob Nielsen

Definio

Top 10 Erros

Perfil do
leitor

Escrever
QQQ CO PQ
para a Web:
Pirmide
Invertida

Leitura em F

Titulao

Estratificao

Interttulos Ordem decrescente de


importncia;
Microblog

Lead;
Explica e amplia o lead;
Contexto
Contedo secundrio ou menos importante;
Usabilidade:

Pirmide Invertida
Jakob Nielsen

Definio

Top 10 Erros

Perfil do
leitor

Escrever
Ler apenas o que interessa;
para a Web:
Pirmide
Invertida

Leitura em F

Titulao

Estratificao

Interttulos

Microblog

Curiosidade: A origem est ligada a inveno


to telgrafo em 1837 e preocupao de que
a transmisso pudesse ser cortada.
Pirmide Invertida
Usabilidade:
Jakob Nielsen

Horizontal
Definio

Top 10 Erros

Perfil do
leitor

Escrever
para a Web:
Pirmide + importante
Invertida

Leitura em F

Titulao

Estratificao

Interttulos

Microblog

- importante
Usabilidade:

Leitura em F
Jakob Nielsen

Definio

Top 10 Erros

Perfil do
leitor

Escrever
para a Web:
Pirmide
Invertida

Leitura em F

Titulao

Estratificao

Interttulos

Microblog
Usabilidade:

Heatmaps
Jakob Nielsen

Definio

Top 10 Erros

Perfil do
leitor

Escrever http://www.patrick-wied.at/static/heatmapjs/
para a Web:
http://www.labsmedia.com/clickheat/index.html
Pirmide
Invertida

Leitura em F

Titulao

Estratificao

Interttulos

Microblog
Usabilidade:

Titulao
Jakob Nielsen

Definio

Top 10 Erros

Perfil do
leitor Ttulo nas pginas iniciais dos resultados de busca
no tem contexto ou entorno para facilitar a
Escrever interpretao, por isso devem explicar-se por si s.
para a Web:
Pirmide 4 palavras para ir direto ao ponto;
Invertida
Voz passiva;
Leitura em F Uso do :
Titulao

Estratificao Palavras que no funcionam para iniciar ttulos:


Artigos;
Interttulos
Expresses de ligao (contudo, alm disso, ou

Microblog seja)

Troque a ordem dos elementos da frase para


comear com palavras de mais relevncia.
Usabilidade:
Jakob Nielsen
Efemrides/05 de julho
Definio 649 - eleito o Papa Martinho I
Top 10 Erros
1687 Publicao do Philosophiae Naturalis Principia
Perfil do Mathematica ("Princpios Matemticos da Filosofia
leitor
Natural"), obra do fsico britnico Isaac Newton
Escrever descrevendo suas leis.
para a Web:
Dia da fundao do Exrcito da Salvao.
Pirmide
Invertida

Leitura em F
Nasceram neste dia
Titulao
1182 - Francisco de Assis, frade catlico italiano (m.
Estratificao 1226).
Interttulos 1958 - Bill Watterson, autor da tira de jornal Calvin e
Hobbes.
Microblog 1996 - A Ovelha Dolly, o primeiro mamfero clonado (m.
2003).

Morreram neste dia...


1833 Joseph Nicphore Nipce, inventor francs (n.
1765).
1911 Maria Pia de Saboia, princesa italiana e rainha
consorte de Portugal (na imagem) (n. 1847).
1969 Walter Gropius, arquiteto alemo (n. 1883).
http://pt.wikipedia.org/wiki/Wikip%C3%A9dia:Efem
%C3%A9rides/5_de_julho
Escrita para Web e
Usabilidade:
Jakob Nielsen

rankeamento
Definio

Top 10 Erros

Perfil do
leitor
Link building;
Escrever
para a Web: Tamanho <h1></h1>;
Pirmide Palavra-chave (no usar metfora)
Invertida
Cachorro e no melhor amigo do homem;
Leitura em F

Titulao
Titulao no atributo title=;

Estratificao Relao do texto com palavras chave.


Interttulos

Microblog
Usabilidade:

ManyEyes
Jakob Nielsen

Definio

Top 10 Erros

Perfil do
leitor

Escrever
para a Web:
Pirmide
Invertida

Leitura em F

Titulao

Estratificao

Interttulos

Microblog

http://www-958.ibm.com
Desafio Mestre SEO
Usabilidade:
Jakob Nielsen

2010
Definio

Top 10 Erros

Perfil do
leitor

Escrever nuvenus chovendus


para a Web:
Pirmide
Invertida

Leitura em F

Titulao

Estratificao

Interttulos

Microblog

http://nuvenuschovendus.org/
Estratificao da
Usabilidade:
Jakob Nielsen

Informao
Definio

Top 10 Erros

Perfil do
leitor

Escrever Autor cria camadas ou estratos de


para a Web: informao. Informaes de contexto,
Pirmide mais longas podem estar em pginas
Invertida secundrias.
Leitura em F
Minimalismo;
Titulao

Estratificao
Preferncia a frases e pargrafos
curtos;
Interttulos
Frases longas provocam virgulite,
Microblog quesmo e falhas de concordncia.
Usabilidade:

200 palavras/minuto
Jakob Nielsen

Definio

Top 10 Erros

Perfil do
leitor

Escrever 600 palavras um artigo curto;


para a Web: 1000 palavras um artigo longo.
Pirmide
Invertida

Leitura em F

Titulao

Estratificao

Interttulos

Microblog
2 milhes melhor que 2000000;
Usar aspas no lugar de itlico;
Usabilidade:

Interttulos
Jakob Nielsen

Definio

Top 10 Erros

Perfil do
leitor Romper a uniformidade do texto e facilitar o
escaneamento;
Escrever
para a Web:
Pirmide
Enumeraes como forma de romper a
Invertida uniformidade, no utilizar nmeros para no
Leitura em F condicionar uma leitura linear;
Titulao

Estratificao
Abertura do texto destacada com negrito;
Interttulos
Utilizao da cor para romper a uniformidade do
Microblog texto;

Link como elemento destacado pela cor;

Pargrafos curtos;
Rompimento da
Usabilidade:
Jakob Nielsen

uniformidade
Definio

Top 10 Erros

Perfil do
leitor

Escrever
para a Web:
Pirmide
Invertida

Leitura em F

Titulao

Estratificao

Interttulos

Microblog
Rompimento da
Usabilidade:
Jakob Nielsen

uniformidade
Definio

Top 10 Erros

Perfil do
leitor

Escrever
para a Web:
Pirmide
Invertida

Leitura em F

Titulao

Estratificao

Interttulos

Microblog
Rompimento da
Usabilidade:
Jakob Nielsen

uniformidade
Definio

Top 10 Erros

Perfil do
leitor

Escrever
para a Web:
Pirmide
Invertida

Leitura em F

Titulao

Estratificao

Interttulos

Microblog
Rompimento da
Usabilidade:
Jakob Nielsen

uniformidade
Definio

Top 10 Erros

Perfil do
leitor

Escrever
para a Web:
Pirmide
Invertida

Leitura em F

Titulao

Estratificao

Interttulos

Microblog
Usabilidade:

Alinhamento e pargrafo
Jakob Nielsen

Definio

Top 10 Erros

Perfil do
leitor

Escrever
para a Web:
Pirmide
Invertida

Leitura em F

Titulao

Estratificao

Interttulos

Microblog
Usabilidade:

Microblog
Jakob Nielsen

Definio

Top 10 Erros

Perfil do
leitor Www.twitter.com
Www.identi.ca
Escrever
para a Web:
Pirmide
Redao to exigente quanto a primeira frase de
Invertida um lead;
Leitura em F

Titulao Imediatismo; Mobilidade; Ubiquidade;


Estratificao

Interttulos
Interao maximizada na Web 2.0?

Microblog
Dicas para redao no
Usabilidade:
Jakob Nielsen

twitter
Definio

Top 10 Erros

Perfil do
leitor
Pense nos ttulos trazer uma ideia completa capaz
Escrever de gerar uma reao;
para a Web:
Pirmide Diversifique os ttulos Ironias, perguntas,
Invertida
metforas, humor. O segredo gerar interesse;
Leitura em F

Titulao Seja criativo pense no microblog como um pequeno


Estratificao museu para exibio de obras de arte;
Interttulos
Evite o uso de abreviaturas se o seu microblog
Microblog jornalstico deve usar o idioma corretamente;

Descarte a possibilidade de dividir o post em dois


Confundem e deixam a sensao de que voc foi
incapaz de superar o desafio de ser conciso;

Use o twitter para agregar informaes no se


limite a publicar ttulos, use a mobilidade do
recurso.
Usabilidade:

Referncias
Jakob Nielsen

Definio

Top 10 Erros

Perfil do
leitor

Escrever
para a Web:
Pirmide
Invertida

Leitura em F

Titulao

Estratificao

Interttulos

Microblog

http://www.useit.com/alertbox/
www-958.ibm.com

http://www.mestreseo.com.br
http://www.youtube.com/watch?v=5Ch3VsautWQ