Webinar mobile commerce

Mobile Commerce:
Como criar a melhor
experiência de compra
para seus clientes

Webinar Mobile Commerce
Experiência mobile no seu projeto

1. Quem é o usuário brasileiro?
2. Métricas para Mobile
3. Responsivo, Site Mobile ou App?
4. Como o consumidor se comporta?
5. Conceito Mobile First
6. Melhores práticas de usabilidade
7. Análise de cases: USA, Brasil

1- Quem é o usuário brasileiro?
http://pt.slideshare.net/mmalatam/mma-nielsen-mobile-report-brasil-
q1-2014-completa

q1-2014-completa
Vou transformar Mobile Report
de 2014, criado pela Nielsen e o
Ibope, de porcentagens e
números em dois personagens de
carne e osso: Renato e Adriana.
Renato e Adriana são
consumidores que nos ultimos 30
dias entraram em suas lojas
fisicas, e um deles comparou
preço no celular e decidiu não
comprar.

q1-2014-completa
Os dois usaram um aparelho da Sansung com sistema Android. Renato que tem 30
anos, tem um Sansung Galaxy S5, celular um pouco melhor que o da Adriana pq
ganha mais. Já Adriana é dona de um Motorola Razor e tem 25 anos.
Tanto ela quanto o Roberto usam seu celular para ver e-mails e acessar o facebook.
Os dois trabalham em empregos de tempo integral, e a Adriana o dia todo se
comunica com suas amigas pelo whatsup.

q1-2014-completa
Acreditem os dois usam mais o celular para
acessar a internet que seu computador em
casa.
Os dois nos ultimos 30 dias acessaram lojas
virtuais atraves de seus celulares, e
compraram, acreditem!
E olha que é um sacrificio comprar no
ecommerce com o celular. Renato comprou
eletrodomestcio de até 300 reais e ja Adriana
comprou um kit de maquiagem no boticario.

Fórmula
Quanto minha loja está perdendo?
Uma loja tem 100.000 mil visitantes por mês e converte 1% dos
seus clientes com ticket médio de R$300.
Sabemos que seu acesso mobile é hoje 10% do seu tráfego e que a
taxa de conversão é de 0,15%.

Interface para experiência mobile
Game changer!
Podemos supor que passaria a converter igual a loja desktop.
A cada 30 dias ela perde 60 mil reais
Em 2014 ela irá perder 727 mil reais

Fórmula

Samsung GT-P3110 Galaxy Tab 2
7.0
Android
Motorola XT1033 Moto
Android
Ipad
IOS
Iphone
IOS
Top 4 dispositivos

Top 10 dispositivos
PÓS-PROJETO
Samsung GT-P3110 Galaxy Tab 2 7.0
Motorola XT1033 Moto G
Ipad
Iphone
Samsung GT-I8190L Galaxy S III Mini
Samsung GT-I9082L Galaxy Grand Duos
Samsung GT-I9300 Galaxy S III
Samsung GT-I9505 Galaxy S IV
Samsung GT-I8552B Galaxy Grand Quattro
Nokia Lumia 620

3- Responsivo, Site Mobile ou App?

1) Ter uma idéia ótima por tras
2) Desenvolvimento mais complexo
3) Disponibilidade em pelo menos 4 sistemas
( Apple/Android/Windows/Blackberry
4) Existem conversores de aplicações web
para apps
5) Funções unicas do celular
6) Apenas 10 % das apps deram retorno
financeiro em 2013
App

1) Menor tempo de desenvolvimento
2) Impossível redesenhar a loja atual
3) Preocupação com SEO
4) Mais rápido o carregamento da loja
5) Menor custo e menos tempo
6) Mais complexa a gestão da loja
7) Uso de subdomínio
Site Mobile

1) Novo projeto de design
2) Facilidade para gestão da operação
3) Um pouco mais lento o carregamento
4) Facilidade de atualização
5) Integração com futuras interfaces
6) SEO
7) Mobile Firts
Site Responsivo

4 - Como o consumidor se comporta?
De onde as visitas
vieram?
Onde chegaram?
O que foi
conquistado?
Procurar informações sobre o cenário

https://www.google.com/webmasters/tools/home?hl=pt-BR&pli=1
Altere para “Mobile”
analisar a palavra-chave e também a página que
recebe tráfego.
Como você aparece no Google?

Matt Cutts, um dos engenheiros responsáveis
pela área de qualidade e combate ao spam da
Google, comentou que “não ficaria
surpreso se as buscas mobile
ultrapassassem as buscas
desktop este ano”.
http://www.mattcutts.com/blog/
Recomendo a
leitura do site dele!

http://gs.statcounter.com/#desktop+mobile+tablet-comparison-BR-monthly-201304-201403
Comparação entre plataformas
Mobile, Desktop e Tablet

http://www.lukew.com/presos/preso.asp?32
Comportamento utilizando o Smartphone

https://software.intel.com/en-us/videos/how-to-rethink-navigation-for-
2in1s
Resultado = comportamento X facilidade de uso

5- Conceito Mobile First
Começar pelo mais objetivo

Site Desktop
•Navegação mais demorada
•Necessidade de absorver
mais informação

Site Mobile
•Navegação rápida e
direta
•Foco em encontrar o
produto e realizar a
conversão
•Presente com o cliente
24x7

Co-Criation = CRIAR VALOR
http://bergdesign.com.br/V1/co-criacao/

Mobile como MIDIA

•Levamos para todos os lugares
•Sempre ligado
•Sistema de pagamento integrado
•Te conecta com outras pessoas
•Permite criação de arte
•Inclui voce socliamente
•Expande a realidade
Mobile como MIDIA

Vendo o mobile como MIDIA
Conceito

A Tv
não é
o
rádio
https://www.youtube.com/watch?v=6iWJ5LObN2o
Conceito

A web
não é
uma
revista
Conceito

Pensar no
usuário.
Como ele vai
utilizar a
interface
Antes Depois
6- Melhores práticas de usabilidade
Melhorias que podemos fazer

Sketch em
papel
sempre
http://www.mrare.ca/blog/iphone-ipad-and-
browser-wireframe-templates/rarepad-iphone
imprima
Paper frame

Palavras chaves
Palavras menores são as mais
adequadas pois a área é
pequena.
Seja especifico
Deixar a informação essencial
em evidência.
Textos concisos
Os textos devem ser concisos e
indexáveis

A Apple recomenda que todos
os botões de controle devem
ser maiores que 44x44 px.
Botões
botão
Para uma coluna de tabelas os
elementos devem ser
reescalonáveis.
Botões
>
>>
>

O que faz a navegação móbile
ser diferente e desejada?
Pense em ser
simples e direto.
Simples
Diferente de uma navegação desktop,
onde o usuário possui tempo para
visualizar todos os elementos, no móbile
o usuário deve navegar com rapidez e
eficiência sem incômodos visuais.
Fluxo

Com funcionalidade de Guesto Checkout e com até 5 cliques
para se conseguir comprar
1-800-Flowers.com,
Abercrombie & Fitch,
Dick’s Sporting Goods,
Foot Locker,
FTD,
Hayneedle,
L.L. Bean,
Macy’s,
Office Max,
Toys ‘R’ Us,
Vitacost.com
Victoria’s Secret.
7- Análise de cases: USA, Brasil
Melhores lojas mobiles segundo a Internet Retail Magazine

Até 5 cliques para se conseguir comprar
1-800-Flowers.com

Abercrombie & Fitch,

Toys ‘R’ Us

www.apple.com
www.amazon.com
www.victoriassecret.com
www.vitacost.com
www.toysrus.com
www.officemax.com
www1.macys.com
www.llbean.com
www.hayneedle.com
www.ftdfloristsonline.com
www.footlocker.com
ww31.1800flowers.com
www.abercrombie.com
www.dickssportinggoods.com
www.apple.com
Referencias (links) :

Renato Wajnberg
Arquiteto de Informação
renato@profite.com.br
Pablo Canano
Diretor de Projetos
pablo@profite.com.br
obrigado!

Webinar mobile commerce

Recomendados

Recomendados

Mais conteúdo relacionado

Destaque

Destaque (17)

Webinar mobile commerce