Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

05 design e usabilidade

1,118 views

Published on

  • Be the first to comment

  • Be the first to like this

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!

×