Sumário

Introdução: o que é Web 2.0? .......................................................... 1

Saiba o que mudou ...........................................................................................................2

Capítulo 1: Atendimento .................................................................. 7

Como lidar com clientes .................................................................................................8
Como lidar com as expectativas do cliente ............................................................9
Maratonista ...........................................................................................................10
Deslumbrado ........................................................................................................11
Cartesiano ..............................................................................................................12
Indeciso ..................................................................................................................12
Coerente .................................................................................................................13
Enrolado .................................................................................................................14
Espião ......................................................................................................................15
Hidra ........................................................................................................................16
Como lidar com freelancers.......................................................................................17
Freelancer part time .........................................................................................18
Freelancer full time ...........................................................................................19
Como lidar com a criação ...........................................................................................21
Como lidar com desenvolvedores ...........................................................................23
Briefing ...............................................................................................................................25
Escopo do projeto ..........................................................................................................27
Cronograma ......................................................................................................................28
Entrevista ..........................................................................................................................30
Sobre a área de Atendimento....................................................................................33

IX
X Criação de Sites na era da Web 2.0

Capítulo 2: Planejamento ..............................................................34

Tempestade de ideias (brainstorming) ................................................................35
1. Identificar o problema .................................................................................35
2. Pegar papel e caneta.....................................................................................36
3. Formar uma equipe ......................................................................................36
4. Definição de papéis .......................................................................................36
5. Início ...................................................................................................................36
Planejando um site de sucesso.................................................................................37
Análises prognósticas ..................................................................................................39
Documento de Prognóstico ............................................................................40
Estratégia do projeto ....................................................................................................45
Entrevista ..........................................................................................................................47
Sobre a área de Planejamento ..................................................................................50

Capítulo 3: Arquitetura de Informação ....................................51

Sete dicas práticas de AI .............................................................................................52
Tópicos de usabilidade ................................................................................................53
Logo ..........................................................................................................................55
Menu ........................................................................................................................56
Campo de pesquisa ............................................................................................57
Conteúdo ................................................................................................................57
Melhorando o ROI através da usabilidade ..........................................................60
Construindo sites acessíveis .....................................................................................61
Princípio 1: Perceptível....................................................................................63
Princípio 2: Operável ........................................................................................63
Princípio 3: Compreensível ............................................................................63
Princípio 4: Robusto..........................................................................................63
Fluxo de navegação .......................................................................................................64
Seja “pão duro” (no bom sentido) ...............................................................65
 Sumário XI

Pense de forma lógica .......................................................................................66

Crie pequenas “ondas” .....................................................................................66
Nem tudo é página .............................................................................................66
Seja organizado, mas nem tanto ..................................................................67
Como e por que elaborar um wireframe..............................................................67
Não pense demais ..............................................................................................71
Inspire-se ...............................................................................................................71
Siga as tendências ..............................................................................................71
Teste .........................................................................................................................71
Entrevista ..........................................................................................................................72
Sobre a área de Arquitetura de Informação .......................................................78

Capítulo 4: Redação ............................................................79

O meio e a mensagem ..................................................................................................79
A técnica da pirâmide invertida...............................................................................81
1. O que é mais importante para o usuário saber?...............................84
2. O que é importante mas não fundamental? .......................................84
3. O que é complementar? ..............................................................................85
4. O que você quer dizer mas o usuário não tem muito interesse
em saber? ..............................................................................................................86
5. O que é irrelevante? ......................................................................................87
6. O que é dispensável? ....................................................................................88
7. O que é inútil?..................................................................................................88
Entrevista ..........................................................................................................................90
Sobre a área de Redação .............................................................................................92

Capítulo 5: Criação ..............................................................93

Criação não é um dom .................................................................................................93
Um desenvolvedor pode ser designer? .....................................................94
XII Criação de Sites na era da Web 2.0

Qual é o segredo? ................................................................................................96

Controle de variáveis na criação..............................................................................96
Contraste ................................................................................................................97
Psicologia das cores...........................................................................................98
Margens ............................................................................................................... 102
Alinhamentos .................................................................................................... 105
Proporção e equilíbrio .................................................................................. 107
Conceito ............................................................................................................... 113
Web design x design gráfico ................................................................................... 114
Vamos por partes ........................................................................................................ 116
Topo....................................................................................................................... 116
Menu ..................................................................................................................... 117
Miolo ..................................................................................................................... 117
Barra lateral ....................................................................................................... 118
Rodapé ................................................................................................................. 118
Entrevista .......................................................................................................................119
Sobre a área de Criação ............................................................................................125

Capítulo 6: Desenvolvimento ....................................... 126

Sites estáticos ............................................................................................................... 128
Sites dinâmicos ............................................................................................................ 129
Sites institucionais .......................................................................................... 130
Lojas virtuais ..................................................................................................... 131
Blogs...................................................................................................................... 132
Aplicações web (web apps) ......................................................................... 132
Sistemas colaborativos.................................................................................. 133
Linguagens de programação e frameworks .................................................... 135
Qual tecnologia escolher para o meu site? ........................................... 136
Entrevista .......................................................................................................................138
 Sumário XIII

Sobre a área de Desenvolvimento........................................................................ 142

Capítulo 7: Otimização de Sites (SEO) ....................... 143

Como funciona a otimização do site? ................................................................. 146
On-page (dentro do site) .............................................................................. 146
Off-page (fora do site) ................................................................................... 148
White Hat, Gray Hat e Black Hat .......................................................................... 152
Ferramentas para avaliar e monitorar o SEO.................................................. 154
Entrevista ....................................................................................................................... 156
Sobre a área de Otimização de Sites (SEO) ...................................................... 161

Anexo 1: Briefing (preenchido) ........................................... 163

Anexo 2: Prognóstico (preenchido) ................................... 168

Anexo 3: A web de Tim O’Reilly e John Battelle.............. 181