05 design e usabilidade

1,091 views
1,012 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,091
On SlideShare
0
From Embeds
0
Number of Embeds
744
Actions
Shares
0
Downloads
17
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

05 design e usabilidade

  1. 1. 5 – Modulo: Design e Usabilidade
  2. 2. UTILIZAÇÃO DE CORESUSO DE CORES CHAMATIVAS- Chama a atenção em um primeiromomento, porém usadoexaustivamente pode incomodar.- Menus e banners animadospodem tirar a atenção nomomento da compra.USO DE CORES PASTÉIS- Maior atenção ao produto- Navegação mais harmoniosa- Usuários navegam sem perder ofoco
  3. 3. CORES + IDENTIDADE VISUALAS CORES DEVEM SEGUIRA IDENTIDADE VISUALDA EMPRESA
  4. 4. CORES + IDENTIDADE VISUALAS CORES DEVEM SEGUIRA IDENTIDADE VISUALdA EMPRESA
  5. 5. DESIGN E SEMIÓTICA
  6. 6. LEITURA EM Z
  7. 7. HEADER - CABEÇALHO- Mais estreito possível- Logo + Slogan + Serviços + Contatos
  8. 8. HEADER - CABEÇALHO- Home- Login- Meu Carrinho- Meus Pedidos- Tele Atendimento- Busca Rápida
  9. 9. HEADER - CABEÇALHO
  10. 10. RODAPÉ – LINKS PRINCIPAIS
  11. 11. PRODUTOS DA HOME- Produtos matadores – Melhores preços e parcelamento- Produtos “boi de piranha”
  12. 12. PÁGINA DA CATEGORIA - Banner da categoria - Paginação: até 3 pág -URL c/ nome da categoria Ex: www.minhaloja.com/computadores
  13. 13. PÁGINA DO PRODUTO- Sem banner- Página simples- Informações fáceisde preços, pagamentose entrega- Descrição completa- Texto original- Long Tails – Key words- Fotos matadoras- Zoom apenas com boasfotos e se necessário- Uso de vídeo
  14. 14. PÁGINA DO PRODUTO
  15. 15. PÁGINA DO PRODUTO- Disponibilidade- Entrega- Cálculo do frete
  16. 16. PÁGINA DO PRODUTO
  17. 17. USABILIDADE X
  18. 18. FORMULÁRIO SIMPLES
  19. 19. SEMPRE TESTE A NAVEGABILIDADE- Em navegadores diferentes http://www.testeusabilidade.com.br- Em resoluções diferentes http://www.mercedessanchez.com.br- Com pessoas de vários níveis - Pesquise o cliente que repetiu a compra - Pesquise o cliente que não concluiu a compra - Pesquise quando o volume de vendas alterar - Pós venda: muito importante!

×