[ ]
∂
12 Melhores Prá0cas de mCommerce
∂
Camila Franklin – Director, Technical Services Clovis Ma8os – Business Development
[ ]
• Fundada: 2007
• Sede: San Francisco, CA
• Filiais: New York, London
• 15 Bilhoes+ de páginas mobile transformadas somente em 2013
• Mais de 200 projetos mobile usam Moovweb
• InvesFdores: Jafco Ventures, Trinity Ventures, Andy
Bechtolsheim
• Patente: Website Virtualiza0on (U.S. Patent 8,438,312)
[ ]
• Fundada: 1994
• Sede: San Francisco Bay Area
• Filiais: Mumbai, Sao Paulo, Boston
• Integradores de sistemas & Especialistas em E-‐Commerce
• Clientes:
• EUA, America do Sul, Europa e APAC
• Clientes: Estados Unidos, América do Sul, Europa e APAC
• Clientes “Fortune 500”
• Grandes casos vencedores de prêmios como Netshoes, Natura &
AT&T
[ ]
Mobile In Brazil:
Currently…
-‐46% access internet daily
-‐82% have researched products -‐30% make purchases
-‐90% use while mul0-‐tasking
-‐73% don’t leave home without it
On the rise…
-‐Use is up 26% Q1 2013
-‐31% spent more 0me in last 6 months
-‐59% making mobile purchases monthly Google Survey:http://services.google.com/fh/files/misc/ omp-2013-br-en.pdf
[ ]
Moovweb Responsive Delivery
Reaproveite a web que voce tem… para obter a experiência mobile que você deseja.
• Reaproveite, não reconstrua.
• Unifique web & mobile, não crie barreiras.
• Entregue em semanas, não em meses
• Crie negócios ágeis, não complexos.
• Invista em estratégia, não em soluções de curto
[ ]
Mobile é diferente.
[ ]
Os aparelhos são touchscreen
• Design é importante— o
touch screen proporciona uma experiência
diferenciada
• O design dos elementos
deve levar em conta que eles serão pressionados e responder de acordo
• Entradas de dados também
devem esperar esse comportamento touch
[ ]
• Simplicidade
• Requer uso eficiente de
espaço
• Requer uma navegação
intui0va, com passos claros e as vezes singulares
[ ]
• As pessoas usam os aparelhos
em qualquer lugar!
• O comportamento é diferente
• O aproveitamento das
informações de geolocalização é crucial
• Devemos compe0r com
distrações externas
• Tudo deve ser rápido
-‐ Rápido de entender -‐ Rápido de acessar
• O abandono será maior
[ ]
• Velocidade • Eficiencia • Clareza
• Pesquisa de preços e avaliação de produtos (muitas vezes dentro das lojas)
• Comprar depois online ou offline • Personalização • Entretenimento COMPRAR “Quero agora.” PESQUISAR “Preciso saber mais.” NAVEGAR “Matando tempo, mas talvez……”
Os tres casos de uso do mCommerce
[ ]
Mas, com clientes e aparelhos diferentes sua
estratégia mobile precisa ser diferente.
[ ]
As 12 Melhores Prá0cas de mCommerce
(baseadas na criação de milhares de experiências mobile para centenas de clientes de mCommerce)
[ ]
Deixe os dados conduzir
1
• Use dados para concluir o que é
importante para o seu negócio
• Conheça os seus KPIs
( indicadores chave de performance )
• Compare com os
benchmarks de Mercado
• Faça mudanças que melhorem
obje0vamente índices específicos
• Faça testes A/B para ver o que
realmente funciona
[ ]
Deixe os clientes pagarem da maneira
que eles gostam
Opção sem cadastro
2
Opção com cadastro
Checkout sem cadastro
[ ]
Deixe os clientes pagarem da maneira
que eles gostam
Adicione formas de pagamento que fazem senBdo para os seus clientes
2
Exemplos:
Forma de pagamento alterna0va
[ ]
Informe aos usuários onde eles estão
Nas páginas
3
Nos fluxos header/{tulo de página Chevron detalhando os passos do checkout
[ ]
Informe aos usuários o seu des0no!
Botões vagos
4
Botões específicos next con0nue checkout now con0nue shopping guest checkout ship to this address[ ]
O Checkout reduzido
5
Pagina Inicial & checkout Bpico
[ ]
Need for speed – Acelerar é preciso
6
100ms
de
latencia custa a
Amazon
1%
em
vendas
Loading
12 Formas de Acelerar o Seu Mobile Site
(h}p://www.slideshare.net/Moovweb)
[ ]
Seja Grande
7
13pt font 44 pixels 44 pixels 44 pixels 44 pixels
[ ]
Faça galerias ( se necessário )
List view
8
[ ]
Corte os excessos
Cut fields
9
Cut pages
Single name field
Two checkout pages (cut from five pages)
[ ]
O Retocando a Estrada de Tijlos de Ouro
Selecionando
de formas amigávies
10
O Teclado Correto Campos Largos
[ ]
Mostre o caminho
Use botões com esBlo único para conduzir os usuários pelas páginas
[ ]
Con0nue aprendendo -‐ sempre evoluindo
12
• O Mercado mobile é emergente e
muda rapidamente
• Use os dados a seu favor
• Teste e Aprenda
• Trabalhe com tecnologias flexíveis
[ ]
Perguntas?
• Camila Franklin, Director of Technical Services
camila.franklin@moovweb.com
• Clovis Ma}os, Business Development
clovis.ma}os@objectedge.com
