No me faa pensar!

Uma Abordagem de bom senso usabilidade na WEb

Steve Krug

CONTEDO

Prefcio

Sobre a Segunda Edio

viii

APRESENTAO

Por Roger Black

xiv

INTRODUO

Leia-me primeiro
Limpeza de garganta e iseno de
responsabilidades

PRINCPIOS BSICOS
CAPTULO 1

No me faa pensar!
A primeira lei de Krug sobre usabilidade

10

CAPTULO 2

Como realmente usamos a Web

Examinando, fazendo o que for suficiente e
atingindo o objetivo

20

CAPTULO 3

Introduo ao projeto de painis

30
Projetando pginas para serem olhadas, no lidas

CAPTULO 4

Animal, vegetal ou mineral?

Por que os usurios gostam de escolhas
impensadas

40

CAPTULO 5

Omitas palavras desnecessrias

A arte de no escrever para Web

44

COISAS QUE VOC PRECISA FAZER CERTO

CAPTULO 6

Placas de rua e migalhas de po

Projetando a navegao

[vi]

50

CONTEDO

CAPTULO 7

O primeiro passo na recuperao admitir

94
que a pgina inicial est fora do seu controle
Projetando a pgina inicial

ASSEGURANDO-SE DE QUE FEZ CERTO

CAPTULO 8

O Agricultor e o Criador de Gado Devem Ser

122
Amigos
Por que as brigas da equipe de projeto Web sobre
usabilidade so uma perda de tempo e como evit-las

CAPTULO 9

Testes de usabilidade a 10 centavos por dia

130
Por que os testes de usurio fazendo apenas os
necessrios so a cura de todos os problemas do
seu site

PREOCUPAES MAIS IMPORTANTES E INFLUNCIAS EXTERNAS

CAPTULO 10

Usabilidade como um favor comum

Por que seu Web site deve ser um mensch

CAPTULO 11

Acessibilidade, Cascading Style Sheets e voc 168

Quando voc acha que terminou, um gato passa
correndo com uma torrada com manteiga amarrada
nas costas

CAPTULO 12

Socorro! Meu chefe quer que eu ___

Quando decises de projeto ruins ocorrem com
pessoas boas

180

Agradecimentos
Leituras Recomendadas
ndice

186
192
198

[vii]

160

PREFCIO

Sobre a Segunda
Edio

[viii]

Quando achava que estava fora, eles me puxaram de

volta para dentro.
- MICHAEL CORLEONE, EM O PODEROSO CHEFO, PARTE III

esde que No Me Faa Pensar foi publicado pela primeira vez h quase
cinco anos, as pessoas tm sido maravilhosas com ele.
Recebo muitos e-mails gentis. Voc no pode imaginar o quo agradvel comear
sua manh com algum, que voc nunca viu, lhe dizendo que gostou de algo que
voc fez. (Recomendo isso enfaticamente.)
Melhor ainda o fato das pessoas parecerem gostar do livro pelas mesmas razes
que eu. Por exemplo:
Muitas pessoas apreciam o fato dele ser curto (algumas me disseram que o

leram em uma viagem de avio, o que era um dos meus objetivos declarados
para a primeira edio; o recorde da leitura mais rpida parece ser de em
torno de duas horas).

Uma quantidade gratificante de pessoas disse que gostou do livro porque ele

pratica o que prega, na escrita e no projeto.

Algumas pessoas disseram que ele as fez rir alto, o que eu realmente apreciei

(um leitor disse que o fiz rir tanto que saiu leite pelo seu nariz. Como algo assim
pode ajudar, mas tambm fazer voc sentir que seu tempo foi bem gasto?).

Todavia, o mais satisfatrio foram as pessoas dizendo que ele lhes ajudou a
realizar melhor seu trabalho.

Mas o que voc fez por ns ultimamente?

S demorou em torno de um ano aps o livro ter surgido para as pessoas
comearem a me perguntar se eu iria fazer uma segunda edio.
Por muito tempo, eu realmente resisti idia. Gostava do livro do jeito que
ele estava e achava que ele funcionava bem e, j que era sobre princpios
de projeto e no tecnologia, no achei que fosse provvel que ficasse
desatualizado logo.

[ix]

PREFCIO

Normalmente eu faria o truque do consultor/terapeuta de perguntar a eles o que

eles mudariam e a resposta era quase sempre: Bom, acho que voc poderia
atualizar os exemplos. Algumas pessoas apontavam que alguns dos sites nos
exemplos nem existiam mais.
Contudo o fato que muitos dos sites no livro j tinham sado do ar quando ele
chegou s livrarias. (Lembre-se de que ele saiu antes do estouro da bolha da
Internet.) O fato dos sites no estarem mais no ar no tornou os exemplos menos
claros.
Outras pessoas diziam: Bom, voc poderia falar sobre as coisas da Web que
mudaram. verdade; algumas coisas da Web mudaram nos ltimos anos.
Algumas das mudanas foram boas:
Mais sites bons dos quais copiar
CCS (Cascading Style Sheets) que realmente funcionam
Convenes teis como pginas de fcil impresso e o Whats this? (O que

isto?) da Amazon.com.

O Google como ponto de partida para todas as aes

A mudana nos modelos de negcio, de propagandas em banners (de coisas

que eu no quero) para propagandas do Google (de coisas que eu realmente

poderia querer)

Quase ningum mais usa frames

... e algumas no to boas:

Pop-ups
Roubo de informaes (Phishing)

Contudo estas mudanas no me fizeram sentir uma necessidade de atualizar

o livro, que sobre princpios de projeto, no peculiaridades de tecnologia ou
implementao.
Tambm houve outro problema: eu estava muito orgulhoso do quo curto o livro
era. Foi necessrio muito trabalho, mas era uma parte importante do negcio
de praticar o que se prega. Se fosse acrescentar algum material novo, teria de
descartar algum material existente, e eu achava que tudo funcionava muito bem.

[x]

Sobre a Segunda Edio

Ento, o que estamos fazendo aqui?

Um dos melhores benefcios adicionais do livro para mim que consegui passar
tempo ensinando em seminrios.
Nos seminrios, tento fazer a mesma coisa que fiz no livro: mostrar s pessoas o
que penso quando fao um exame de usabilidade de um Web site.
E, j que todas as pessoas que vo aos seminrios j leram o livro, naturalmente
eu tive de levar exemplos diferentes para expressar as mesmas opinies e formas
diferentes de explicar as mesmas coisas. Tambm fao muitas anlises de
diferentes tipos de sites, porque todos que vm ao seminrio podem submeter
uma URL, e durante o dia fao mini-anlises especializados de 12 minutos em
algumas delas, e um teste de usurio ao vivo de mais um ou dois.
Alm disso, como qualquer pessoa que j ensinou algo sabe que: ensinar a
melhor forma de aprender mais sobre alguma coisa.
Assim, quando meu editor comeou a me perguntar sobre uma segunda edio
no ano passado, eu realmente pensei sobre como ela poderia ser e, embora ainda
achasse que no havia muito o que alterar ou excluir, percebi que havia outras
coisas sobre as quais poderia escrever e que poderiam ser teis.

Como o qu?
O novo material entra na sua maioria em trs categorias:
Ah, agora eu entendo. Ensinar nos seminrios me deu muitas oportunidades

de pensar sobre o que est no livro. H algumas coisas que eu reescrevi com
ligeiras alteraes porque acho que as entendo um pouco melhor agora ou que
tenho uma forma melhor de explic-las.

Socorro! Meu chefe quer que eu me _. Muitas perguntas que as pessoas fazem

nos meus seminrios so do tipo Eu sei a coisa certa a fazer neste caso, mas
meu chefe/cliente/investidor insiste que eu faa a coisa errada. Como posso
convenc-lo do contrrio?

[xi]

PREFCIO

J que muitas pessoas parecem gastar muito tempo tentando resolver os mesmos
problemas de projeto, achei que poderia ser uma boa idia dar a elas alguns
recursos.
Meu gerente de marketing insiste em obrigar as pessoas a nos fornecer muitas
informaes pessoais desnecessrias antes que possam assinar nosso boletim
informativo e parece no importar para ele o fato de que 10% dos nossos
assinantes se chamem Jos Silva.
Os captulos perdidos. Havia dois captulos que eu queria incluir no primeiro
livro mas no o fiz, principalmente para mant-lo curto. Um, o Captulo 10,
sobre a importncia de tratar bem os usurios e o outro, o Captulo 11, sobre
acessibilidade na Web.
Tambm quis atualizar e aumentar a lista de leituras recomendadas, j que alguns
livros muito bons surgiram nos ltimos cinco anos.

Colocando mais do que cabe na embalagem

Embora eu j tivesse mudado minha opinio de que o livro estava bem daquela
forma, ainda tinha um dilema importante: se no houvesse nada que eu quisesse
eliminar, como poderia acrescentar material novo e ainda assim manter o livro
curto o suficiente para ser lido em uma viagem de avio?
Felizmente, nesse momento, segui meu prprio conselho e criei um formulrio
de teste de usurio: criei um grupo de discusses e pedi aos leitores da primeira
edio que me dissessem o que eu poderia deixar fora. Felizmente, o teste fez o
que os testes de usurio sempre fazem:
Confirmou algumas coisas que eu j sabia
Ensinou-me algumas coisas que eu no sabia sobre como as pessoas estavam

usando o livro e ao que elas davam mais valor nele

Uma grande surpresa me permitiu melhor-lo significativamente

A grande surpresa foi o grande nmero de pessoas que sugeriram passar os

captulos sobre testes de usurio para outro livro (algumas delas haviam ouvido
que eu estava planejando escrever outro livro que cobriria em detalhes testes de

[xii]

Sobre a Segunda Edio

usurio de baixo ou nenhum custo que eles mesmos poderiam fazer, e algumas
disseram que no sentiriam falta dos captulos porque no planejavam executar
elas prprias algum teste).
Eu havia pensado em fazer isso, mas no queria porque (a) achava que as pessoas
sentiriam falta deles e (b) acreditava que pareceria que eu estava tentando obrigar
as pessoas a comprar o segundo livro. Contudo, assim que comecei a ler o que os
usurios tinham a dizer, a soluo se tornou bvia: compactando os trs captulos
sobre testes de usurio em um ligeiramente menor que cobrisse os pontos
importantes que todos deveriam conhecer, eu poderia ganhar vinte pginas a mais
para usar com o material novo. Para quem quisesse a verso maior anterior, eu
poderia disponibilizar os captulos originais de graa no meu Web site1. Problema
resolvido.
Finalmente, algumas notas de administrao interna:
Os links. Se voc quiser visitar alguma das URLs mencionadas no livro,

encontrar tambm links atualizados no meu site. (S para o caso de algum dos
sites, bem, voc sabe... desaparecer.)

Ainda no existe. A nica coisa que as pessoas me perguntaram e que voc no

encontrar aqui alguma discusso sobre aplicaes Web. Embora muitos dos
princpios sejam os mesmos dos usados para Web sites, este realmente um
tpico para um outro livro inteiro, e no sou eu a pessoa a escrev-lo.2

De qualquer forma, obrigado por toda a ajuda. Espero que voc ache teis as novas
partes.
Vejo voc daqui a cinco anos.

Steve Krug

Julho De 2005

Http://www.sensible.com/secondedition

Se esta a sua rea, voc talvez queira dar uma olhada em Web Application Design Handbook: Best Practices for
Web-Based Software de Susan Fowler e Victor Stanwick.
2

[xiii]

APRESENTAO
NO ME FAA PENSAR NOVAMENTE

ONSIDERANDO QUANTA COISA MUDOU DESDE O ANO 2000, QUANDO

A primeira edio deste livro foi impressa, impressionante que o projeto
bsico da Web tenha continuado to semelhante.

Nos primeiros anos, a plataforma era voltil. Parecia que as caractersticas

mudavam a cada semana. Tnhamos a guerra dos navegadores, com o Netscape
se opondo a todos os novos e a WC3 trazendo novos padres HTML a cada
seis meses. Todavia, com a vitria prevista da wehrmacht de Redmond, tudo se
acalmou.
Isto foi um alvio para os projetistas da Web, que quase enlouqueciam com as
constantes alteraes no cdigo e com o fato de que ns o estvamos fazendo
medida em que seguamos em frente.
Mas o alvio aos poucos se transformou em frustrao.
A inflexibilidade da HTML, a falta de fontes, a adaptabilidade das pginas Web
que tornam o projeto to impreciso, o confuso conjunto de resolues de tela e
navegadores (mesmo se eles forem o Explorer na maioria dos casos) todos estes
fatores so irritantes.
O que piorou a situao dos projetistas foi uma quantidade de convenes
restritivas, como a de propagandas em banners. Nem todas as convenes so
ruins, claro. Na verdade, os usurios gostam de convenes mesmo se os
projetistas as achem restritivas. Para a maioria das pessoas, j difcil o suficiente
apenas fazer o computador funcionar.

[xiv]

CAPTULO 1

captulo

No me faa pensar!
A PRIMEIRA LEI DE KRUG SOBRE USABILIDADE

[16]

NO ME FAA PENSAR!

s pessoas freqentemente me perguntam:

Qual a coisa mais importante que eu devo fazer se quiser
me assegurar de que meu Web site seja fcil de usar?

A resposta simples. No Nada importante deve estar a mais de dois cliques de

distncia ou Fale a lngua do usurio ou mesmo Seja consistente.
Isto .,..

No me faa pensar!
Tenho dito s pessoas h anos que esta a minha primeira lei de usabilidade e,
quanto mais pginas Web vejo, mais me conveno disso.
Este o princpio primordial o fator de desempate ao decidir se algo funciona ou
no em um projeto Web. Se voc tiver espao na cabea para apenas uma regra de
usabilidade, grave esta1.
Isto significa que, tanto quanto for humanamente possvel, quando examino uma
pgina Web ela deve ser evidente por si s auto-explicativa.
Eu devo ser capaz de entend-la o que ela e como us-la sem desprender
esforo nisso.
O quo evidente estamos falando?
Bem, suficientemente evidente, por exemplo, para que seu vizinho, que no possui
interesse no assunto do seu site e mal sabe usar o boto Voltar, pudesse olhar a
pgina inicial do seu site e dizer Ah, um ___. (Com um pouco de sorte, ele dir
Ah, um ____. Interessante. Porm este um outro assunto.)
1

Na verdade, h um competidor importante: Livre-se de metade das palavras de cada pgina e depois de metade
das que sobraram. Contudo, esta tem seu captulo prprio mais adiante.

[17]