Post on 07-Nov-2014
description
Em busca da experiência perfeitaUsabilidade e velocidade da sua loja constroem sua marca na web.
Compradores se tornam desatentos em sites lentos, 14% mudam de loja e
23% desistem da compra
A experiência do usuário
A cada ano a velocidade das conexões de banda larga
aumentam.
E os sites carregam mais rápido?
A experiência do usuárioA cada ano a velocidade da
WEB aumenta e os sites carregam mais rápido?
Em geral as lojas ficaram mais lentas.
Não!
Estudo com os 2000 top Retail sites USA
2011 -> 5.94sec
2012 -> 6.50sec
As lojas na sua maioria estão
9% mais lentos do que em 2011
Como funciona seu cérebro?
1. Como funciona seu cérebro
Matriz de perfomance:
O Segredo de ficar em primeiro lugar!
Qual a oportunidade?
Velocidade de carregamento :
Quantidade de arquivos
enviados para browser do seu cliente
Soma de Bytes
Dos arquivos da sua loja
Menos arquivos:Sprites
CSS únicoJS único
Menos bytes:Minify paraJS e CSS
Compactação de imagensCarregamento de imagens
Caso prático, quem se candidata ?
Case Staples : Redesign
Adicionar ao carrinho
•Espaços mal utilizados.•Imagens dentro de box dentro de box,muitos compartimentos.
Menu aberto com call to action e destaque.
Case Staples : Aplicação da Avaliação Heurística
Case Staples : Passo 02 Avaliação de mapa de calor
Ferramenta CrazyEgg, ela nos mostra as áreas mais clicadas no site. Mostrando com usuários reais interagem com a interface.
Case Staples : Aplicação de resultado de mapa de calor
Ferramenta CrazyEgg, ela nos mostra as áreas mais clicadas no site. Mostrando com usuários reais interagem com a interface.
A leitura do menu não chama a atenção do usuário.
O botão mais acessado - Cadeiras e Móveis está mal posicionado.
Case Staples : Eyetracking via Attention Wizzard
•Ausência de ponto focal
•Pouca navegação de menu
•Marca pouco valorizada
A qualidade de um web site medida pela facilidade que um usuário navega em suas páginas e localiza e descobre que buscava.
Peter Morville
Objetivo: Através de uma serie de perguntas conseguimos obter o perfil de comprador do usuário.
Com o resultado, é exibido um departamento personalizado com os produtos pertinentes ao seu perfil (Personalização).
Deve ser adicionado a esse departamento alguns equipamentos do perfil superior, motivando o desejo competição de alcançar um novo nível.
Fluxo de compra
Primeiro nível de escolha
Wireframe de
navegação
http://profite.com.br/clientes/premier/html_wire/index.html
O usuário pode acessar o
departamento do perfil diretamente clicando no botão
Que tal “Expresso” consultoria de performance?
Visite o stand da Profite!