1. Design Otimizado para a
Web
Usabilidade nos tempos
modernos

2. Elisiane Geisler
 Formada em Análise e Desenvolvimento de Sistemas
 Especialista SharePoint na KeepIT
 Certificação 70-480 (Programming in HTML5 with
JavaScript and CSS3)
 E-mail para contato: elisiane.geisler@keepit.com.br

3. Sobre o que vamos tratar hoje
 Usabilidade
 Morte do SEO
 Não me faça pensar!
 Princípio do K.I.S.S.
 Clean Design
 E quando o cliente é mais exigente?
 Bem vindo ao mundo moderno! Responsive Web Design
 User Experience
 Alguns livros bacanas

4. Usabilidade

5. Usabilidade
 De acordo com a ISO 9241-11 a Usabilidade é “A capacidade de
um produto ser usado por usuários específicos para atingir
objetivos específicos com eficácia, eficiência e satisfação em
um contexto específico de uso.”
 Eficácia – A melhor forma de alcançar o resultado...
 Eficiência – Com poucos recursos...
 Satisfação – E com conforto e aceitabilidade do produto.

6. Morte do SEO

7. Morte do SEO
 Atualizações no motor de busca do Google:
 Panda (fev 2011): Sites com conteúdo de baixa qualidade,
focado em palavra-chave.
 Pinguim (abril 2012, maio 2013): Sites que abusam de
técnicas de netlinking.

8. Morte do SEO
 Otimização para buscadores:
 Conteúdo
 Qualidade
 Estrutura
 Atualização
 Links externos (de qualidade!)

9. Não me faça pensar!

10. Não me faça pensar!
 Livro de Steve Krug, lançado em 2008
 Usuário não quer pensar!
 Nós não lemos a página da Web, nós a exploramos
 Não fazemos as melhores escolhas, usamos a técnica do
“satisfiência”
 Não adivinhamos como as coisas funcionam. Fazemos de
qualquer jeito.

11. Não me faça pensar!
 Dicas básicas
 Criar uma hierarquia visual clara em cada página;
 Fazer uso das convenções;
 Dividir as páginas em áreas bem definidas;
 Deixar óbvio o que é clicável;
 Diminuir a poluição visual. Considere que tudo é poluição.

12. Não me faça pensar!
 Usuário não se importa em dar vários cliques. Desde que
saiba para onde está indo e o que está fazendo.
 Conversa fiada deve morrer.
 Instruções devem morrer.
 O site tem que permitir que se encontre facilmente algo:
 Utilizando o campo de busca;
 Clicando nos links.

13. Princípio do K.I.S.S.

14. Teoria do K.I.S.S.
 Criado por Kelly Johnson (1910-1990)
 O time do Sr. Johnson era responsável pelo time de
engenheiros que tinham a tarefa de criar jatos que
deveriam ser reparados por mecânicos “em geral” sob
condições de combate e com poucas ferramentas.
 Simplicidade é a palavra de ordem!

15. Clean Design

16. Clean Design

17. Clean Design
 Quanto mais limpo o visual e quanto melhor distribuído
ele for, melhor a experiência do usuário
 Tendência atual da web, anda casada com o design
responsivo (falaremos adiante!)
 ...Sem muita florzinha, ok?

18. Clean Design

19. E quando o cliente é mais exigente?

20. E quando o cliente é mais exigente?
 Tá bom... Algumas florzinhas então, vai...

26. E quando o cliente é mais exigente?
 Ei, espera... Os sites continuam sendo... Simples!

27. Responsive Web Design

28. Responsive Web Design
 O adeus ao conceito de versão “mobile”;
 Sites que se adaptam a qualquer dispositivo;
 Nada de unidades absolutas (pixels);
 Grids flexíveis, imagens flexíveis;
 CSS3: Media Queries;
 O site tem que ser leve!
 O site tem que ser rápido!

29. User Experience

30. User Experience
 A ISO 9241-210 define a experiência do usuário como “as
percepções e reações de uma pessoa que resultam do uso
ou utilização prevista de um produto, sistema ou serviço.”
 Isso inclui:
 Emoções;
 Crenças;
 Preferências;
 Percepções;
 Respostas físicas e psicológicas;
 Comportamentos e realizações;
 Etc.

31. Alguns livros bacanas...

32. Perguntas?