Em busca da experiência perfeita - Usabilidade e velocidade da sua loja constroem sua marca na web.
description
Transcript of Em busca da experiência perfeita - Usabilidade e velocidade da sua loja constroem sua marca na web.
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 ?
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
Criação de 4 perfis principais de consumidores
Cada perfil possui um numero de níveis
com produtos específicos
Fluxo para determinar o perfil
de cada usuário.
Fluxo de escolha de perfil
Pergunta inicial.
Fluxo de escolha de perfil
Primeiro nível de escolha
Fluxo de escolha de perfil
Segundo nível de escolha
Fluxo de escolha de perfil
Resultado do perfil do usuário
Fluxo de escolha de perfil
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
Wireframe de
navegação
Segundo nível de escolha
Opção de voltar para a tela anterior
Indicação da última resposta
Wireframe de
navegação
Resultado
Exibe dois produtos mais
vendidos do perfil
Link direto para o perfil apresentado
Wireframe de
navegação
Opção de recomeçar a
pesquisa.
Exibe o conteúdo referente ao perfil
apresentado
http://profite.com.br/clientes/premier/index.html
Área nobre
Área da aplicaçãoCom a primeira pergunta sendo
exibida.
Campo de busca com suggest Área estratégica
que poder ser alteradas
dependendo do dep. comercial
Menu dinâmico Quando
selecionado apresenta todos
os departamentos
Ofertas do dia/ Mais vendidos
Prateleira com 7 produtos
1. Descoberta 2. Estratégia 3. Execução
AnáliseLayout
Que tal “Expresso” consultoria de performance?
Visite o stand da Profite!