Design Otimizado para a
Web
Usabilidade nos tempos
modernos
Elisiane Geisler
 Formada em Análise e Desenvolvimento de Sistemas
 Especialista SharePoint na KeepIT
 Certificação 70-...
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
 ...
Usabilidade
Usabilidade
 De acordo com a ISO 9241-11 a Usabilidade é “A capacidade de
um produto ser usado por usuários específicos p...
Morte do SEO
Morte do SEO
 Atualizações no motor de busca do Google:
 Panda (fev 2011): Sites com conteúdo de baixa qualidade,
focado...
Morte do SEO
 Otimização para buscadores:
 Conteúdo
 Qualidade
 Estrutura
 Atualização
 Links externos (de qualidade...
Não me faça pensar!
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...
Não me faça pensar!
 Dicas básicas
 Criar uma hierarquia visual clara em cada página;
 Fazer uso das convenções;
 Divi...
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á fazen...
Princípio do K.I.S.S.
Teoria do K.I.S.S.
 Criado por Kelly Johnson (1910-1990)
 O time do Sr. Johnson era responsável pelo time de
engenheiros...
Clean Design
Clean Design
Clean Design
 Quanto mais limpo o visual e quanto melhor distribuído
ele for, melhor a experiência do usuário
 Tendência...
Clean Design
E quando o cliente é mais exigente?
E quando o cliente é mais exigente?
 Tá bom... Algumas florzinhas então, vai...
E quando o cliente é mais exigente?
 Ei, espera... Os sites continuam sendo... Simples!
Responsive Web Design
Responsive Web Design
 O adeus ao conceito de versão “mobile”;
 Sites que se adaptam a qualquer dispositivo;
 Nada de u...
User Experience
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 ...
Alguns livros bacanas...
Perguntas?
Design otimizado para a web
Design otimizado para a web
Design otimizado para a web
Design otimizado para a web
Design otimizado para a web
Próximos SlideShares
Carregando em…5
×

Design otimizado para a web

189 visualizações

Publicada em

0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
189
No SlideShare
0
A partir de incorporações
0
Número de incorporações
4
Ações
Compartilhamentos
0
Downloads
7
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Design otimizado para a web

  1. 1. Design Otimizado para a Web Usabilidade nos tempos modernos
  2. 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. 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. 4. Usabilidade
  5. 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. 6. Morte do SEO
  7. 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. 8. Morte do SEO  Otimização para buscadores:  Conteúdo  Qualidade  Estrutura  Atualização  Links externos (de qualidade!)
  9. 9. Não me faça pensar!
  10. 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. 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. 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. 13. Princípio do K.I.S.S.
  14. 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. 15. Clean Design
  16. 16. Clean Design
  17. 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. 18. Clean Design
  19. 19. E quando o cliente é mais exigente?
  20. 20. E quando o cliente é mais exigente?  Tá bom... Algumas florzinhas então, vai...
  21. 21. E quando o cliente é mais exigente?  Ei, espera... Os sites continuam sendo... Simples!
  22. 22. Responsive Web Design
  23. 23. 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!
  24. 24. User Experience
  25. 25. 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.
  26. 26. Alguns livros bacanas...
  27. 27. Perguntas?

×