webinar mobile commerce
DESCRIPTION
Conheça do perfil do cliente que compra com smartphone e exemplos de sucesso no mercado. O webinar irá abordar: planejamento, criação, desenvolvimento e métricas para um projeto de e-commerce mobile ter sucesso Aprenda a aplicar as melhores práticas de usabilidade para a exeperiência mobile em sua loja. Aprenda, também, a responder perguntas como: ter uma loja responsiva, .mob ou aplicativo? Sua loja mobile não é um versão reduzida da sua loja desktop, entenda o conceito Mobile First e aprenda ser mais objetivo facilitando a navegação dos seus clientes. São dicas que ajudarão também a aumentar a conversão em todos os seus pontos de contato com o cliente.TRANSCRIPT
![Page 1: Webinar mobile commerce](https://reader033.vdocuments.mx/reader033/viewer/2022052900/5561580dd8b42a780d8b54ff/html5/thumbnails/1.jpg)
Mobile Commerce: Como criar a melhor
experiência de compra
para seus clientes
![Page 2: Webinar mobile commerce](https://reader033.vdocuments.mx/reader033/viewer/2022052900/5561580dd8b42a780d8b54ff/html5/thumbnails/2.jpg)
Webinar Mobile Commerce
Experiência mobile no seu projeto
![Page 3: Webinar mobile commerce](https://reader033.vdocuments.mx/reader033/viewer/2022052900/5561580dd8b42a780d8b54ff/html5/thumbnails/3.jpg)
Webinar Mobile Commerce
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
![Page 4: Webinar mobile commerce](https://reader033.vdocuments.mx/reader033/viewer/2022052900/5561580dd8b42a780d8b54ff/html5/thumbnails/4.jpg)
Webinar Mobile Commerce
1- Quem é o usuário brasileiro?
http://pt.slideshare.net/mmalatam/mma-nielsen-mobile-report-brasil-q1-2014-completa
![Page 5: Webinar mobile commerce](https://reader033.vdocuments.mx/reader033/viewer/2022052900/5561580dd8b42a780d8b54ff/html5/thumbnails/5.jpg)
Webinar Mobile Commerce
http://pt.slideshare.net/mmalatam/mma-nielsen-mobile-report-brasil-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.
1- Quem é o usuário brasileiro?
![Page 6: Webinar mobile commerce](https://reader033.vdocuments.mx/reader033/viewer/2022052900/5561580dd8b42a780d8b54ff/html5/thumbnails/6.jpg)
Webinar Mobile Commerce
http://pt.slideshare.net/mmalatam/mma-nielsen-mobile-report-brasil-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.
1- Quem é o usuário brasileiro?
![Page 7: Webinar mobile commerce](https://reader033.vdocuments.mx/reader033/viewer/2022052900/5561580dd8b42a780d8b54ff/html5/thumbnails/7.jpg)
Webinar Mobile Commerce
http://pt.slideshare.net/mmalatam/mma-nielsen-mobile-report-brasil-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.
1- Quem é o usuário brasileiro?
![Page 8: Webinar mobile commerce](https://reader033.vdocuments.mx/reader033/viewer/2022052900/5561580dd8b42a780d8b54ff/html5/thumbnails/8.jpg)
2- Métricas para Mobile
![Page 9: Webinar mobile commerce](https://reader033.vdocuments.mx/reader033/viewer/2022052900/5561580dd8b42a780d8b54ff/html5/thumbnails/9.jpg)
Meus clientes usam mobile?
![Page 10: Webinar mobile commerce](https://reader033.vdocuments.mx/reader033/viewer/2022052900/5561580dd8b42a780d8b54ff/html5/thumbnails/10.jpg)
Webinar Mobile Commerce
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%.
![Page 11: Webinar mobile commerce](https://reader033.vdocuments.mx/reader033/viewer/2022052900/5561580dd8b42a780d8b54ff/html5/thumbnails/11.jpg)
Webinar Mobile Commerce
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
![Page 12: Webinar mobile commerce](https://reader033.vdocuments.mx/reader033/viewer/2022052900/5561580dd8b42a780d8b54ff/html5/thumbnails/12.jpg)
Webinar Mobile Commerce
Fórmula
![Page 13: Webinar mobile commerce](https://reader033.vdocuments.mx/reader033/viewer/2022052900/5561580dd8b42a780d8b54ff/html5/thumbnails/13.jpg)
Webinar Mobile Commerce
Samsung GT-P3110 Galaxy Tab 2
7.0
Android
Motorola XT1033 Moto
Android
Ipad
IOS
Iphone
IOS
Top 4 dispositivos
![Page 14: Webinar mobile commerce](https://reader033.vdocuments.mx/reader033/viewer/2022052900/5561580dd8b42a780d8b54ff/html5/thumbnails/14.jpg)
Webinar Mobile Commerce
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
![Page 15: Webinar mobile commerce](https://reader033.vdocuments.mx/reader033/viewer/2022052900/5561580dd8b42a780d8b54ff/html5/thumbnails/15.jpg)
Webinar Mobile Commerce
3- Responsivo, Site Mobile ou App?
![Page 16: Webinar mobile commerce](https://reader033.vdocuments.mx/reader033/viewer/2022052900/5561580dd8b42a780d8b54ff/html5/thumbnails/16.jpg)
Webinar Mobile Commerce
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
![Page 17: Webinar mobile commerce](https://reader033.vdocuments.mx/reader033/viewer/2022052900/5561580dd8b42a780d8b54ff/html5/thumbnails/17.jpg)
Webinar Mobile Commerce
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
![Page 18: Webinar mobile commerce](https://reader033.vdocuments.mx/reader033/viewer/2022052900/5561580dd8b42a780d8b54ff/html5/thumbnails/18.jpg)
Webinar Mobile Commerce
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
![Page 19: Webinar mobile commerce](https://reader033.vdocuments.mx/reader033/viewer/2022052900/5561580dd8b42a780d8b54ff/html5/thumbnails/19.jpg)
Webinar Mobile Commerce
4 - Como o consumidor se comporta?
De onde as visitas vieram?
Onde chegaram? O que foi
conquistado?
Procurar informações sobre o cenário
![Page 20: Webinar mobile commerce](https://reader033.vdocuments.mx/reader033/viewer/2022052900/5561580dd8b42a780d8b54ff/html5/thumbnails/20.jpg)
Webinar Mobile Commerce
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.
4 - Como o consumidor se comporta?
Como você aparece no Google?
![Page 21: Webinar mobile commerce](https://reader033.vdocuments.mx/reader033/viewer/2022052900/5561580dd8b42a780d8b54ff/html5/thumbnails/21.jpg)
Webinar Mobile Commerce
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!
4 - Como o consumidor se comporta?
![Page 22: Webinar mobile commerce](https://reader033.vdocuments.mx/reader033/viewer/2022052900/5561580dd8b42a780d8b54ff/html5/thumbnails/22.jpg)
Webinar Mobile Commerce
http://gs.statcounter.com/#desktop+mobile+tablet-comparison-BR-monthly-201304-201403
Comparação entre plataformas
Mobile, Desktop e Tablet
4 - Como o consumidor se comporta?
![Page 23: Webinar mobile commerce](https://reader033.vdocuments.mx/reader033/viewer/2022052900/5561580dd8b42a780d8b54ff/html5/thumbnails/23.jpg)
Webinar Mobile Commerce
http://www.lukew.com/presos/preso.asp?32
4 - Como o consumidor se comporta?
Comportamento utilizando o Smartphone
![Page 24: Webinar mobile commerce](https://reader033.vdocuments.mx/reader033/viewer/2022052900/5561580dd8b42a780d8b54ff/html5/thumbnails/24.jpg)
Webinar Mobile Commerce
https://software.intel.com/en-us/videos/how-to-rethink-navigation-for-2in1s
4 - Como o consumidor se comporta?
Resultado = comportamento X facilidade de uso
![Page 25: Webinar mobile commerce](https://reader033.vdocuments.mx/reader033/viewer/2022052900/5561580dd8b42a780d8b54ff/html5/thumbnails/25.jpg)
Webinar Mobile Commerce
5- Conceito Mobile First
Começar pelo mais objetivo
![Page 26: Webinar mobile commerce](https://reader033.vdocuments.mx/reader033/viewer/2022052900/5561580dd8b42a780d8b54ff/html5/thumbnails/26.jpg)
Webinar Mobile Commerce
5- Conceito Mobile First
Site Desktop
•Navegação mais demorada •Necessidade de absorver mais informação
![Page 27: Webinar mobile commerce](https://reader033.vdocuments.mx/reader033/viewer/2022052900/5561580dd8b42a780d8b54ff/html5/thumbnails/27.jpg)
Webinar Mobile Commerce
Site Mobile
•Navegação rápida e direta •Foco em encontrar o produto e realizar a conversão •Presente com o cliente 24x7
5- Conceito Mobile First
![Page 28: Webinar mobile commerce](https://reader033.vdocuments.mx/reader033/viewer/2022052900/5561580dd8b42a780d8b54ff/html5/thumbnails/28.jpg)
Webinar Mobile Commerce
5- Conceito Mobile First
Co-Criation = CRIAR VALOR
http://bergdesign.com.br/V1/co-criacao/
![Page 29: Webinar mobile commerce](https://reader033.vdocuments.mx/reader033/viewer/2022052900/5561580dd8b42a780d8b54ff/html5/thumbnails/29.jpg)
Webinar Mobile Commerce
Mobile como MIDIA
![Page 30: Webinar mobile commerce](https://reader033.vdocuments.mx/reader033/viewer/2022052900/5561580dd8b42a780d8b54ff/html5/thumbnails/30.jpg)
Webinar Mobile Commerce
•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
![Page 31: Webinar mobile commerce](https://reader033.vdocuments.mx/reader033/viewer/2022052900/5561580dd8b42a780d8b54ff/html5/thumbnails/31.jpg)
Webinar Mobile Commerce
Mobile como MIDIA
![Page 32: Webinar mobile commerce](https://reader033.vdocuments.mx/reader033/viewer/2022052900/5561580dd8b42a780d8b54ff/html5/thumbnails/32.jpg)
Webinar Mobile Commerce
Mobile como MIDIA
![Page 33: Webinar mobile commerce](https://reader033.vdocuments.mx/reader033/viewer/2022052900/5561580dd8b42a780d8b54ff/html5/thumbnails/33.jpg)
Webinar Mobile Commerce
Vendo o mobile como MIDIA
Conceito
![Page 34: Webinar mobile commerce](https://reader033.vdocuments.mx/reader033/viewer/2022052900/5561580dd8b42a780d8b54ff/html5/thumbnails/34.jpg)
Webinar Mobile Commerce
A Tv não é o rádio
https://www.youtube.com/watch?v=6iWJ5LObN2o
Conceito
![Page 35: Webinar mobile commerce](https://reader033.vdocuments.mx/reader033/viewer/2022052900/5561580dd8b42a780d8b54ff/html5/thumbnails/35.jpg)
Webinar Mobile Commerce
A web não é uma revista
Conceito
![Page 36: Webinar mobile commerce](https://reader033.vdocuments.mx/reader033/viewer/2022052900/5561580dd8b42a780d8b54ff/html5/thumbnails/36.jpg)
Webinar Mobile Commerce
Pensar no usuário.
Como ele vai utilizar a interface
Antes Depois
6- Melhores práticas de usabilidade
Melhorias que podemos fazer
![Page 37: Webinar mobile commerce](https://reader033.vdocuments.mx/reader033/viewer/2022052900/5561580dd8b42a780d8b54ff/html5/thumbnails/37.jpg)
Webinar Mobile Commerce
Sketch em papel
sempre
http://www.mrare.ca/blog/iphone-ipad-and-
browser-wireframe-templates/rarepad-iphone
imprima
6- Melhores práticas de usabilidade
Paper frame
![Page 38: Webinar mobile commerce](https://reader033.vdocuments.mx/reader033/viewer/2022052900/5561580dd8b42a780d8b54ff/html5/thumbnails/38.jpg)
Webinar Mobile Commerce
6- Melhores práticas de usabilidade
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
![Page 39: Webinar mobile commerce](https://reader033.vdocuments.mx/reader033/viewer/2022052900/5561580dd8b42a780d8b54ff/html5/thumbnails/39.jpg)
Webinar Mobile Commerce
6- Melhores práticas de usabilidade
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
>
> > >
![Page 40: Webinar mobile commerce](https://reader033.vdocuments.mx/reader033/viewer/2022052900/5561580dd8b42a780d8b54ff/html5/thumbnails/40.jpg)
Webinar Mobile Commerce
6- Melhores práticas de usabilidade
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
![Page 41: Webinar mobile commerce](https://reader033.vdocuments.mx/reader033/viewer/2022052900/5561580dd8b42a780d8b54ff/html5/thumbnails/41.jpg)
Webinar Mobile Commerce
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
![Page 42: Webinar mobile commerce](https://reader033.vdocuments.mx/reader033/viewer/2022052900/5561580dd8b42a780d8b54ff/html5/thumbnails/42.jpg)
Webinar Mobile Commerce
Até 5 cliques para se conseguir comprar
1-800-Flowers.com
7- Análise de cases: USA, Brasil
![Page 43: Webinar mobile commerce](https://reader033.vdocuments.mx/reader033/viewer/2022052900/5561580dd8b42a780d8b54ff/html5/thumbnails/43.jpg)
Webinar Mobile Commerce
Até 5 cliques para se conseguir comprar
1-800-Flowers.com
7- Análise de cases: USA, Brasil
![Page 44: Webinar mobile commerce](https://reader033.vdocuments.mx/reader033/viewer/2022052900/5561580dd8b42a780d8b54ff/html5/thumbnails/44.jpg)
Webinar Mobile Commerce
Até 5 cliques para se conseguir comprar
1-800-Flowers.com
7- Análise de cases: USA, Brasil
![Page 45: Webinar mobile commerce](https://reader033.vdocuments.mx/reader033/viewer/2022052900/5561580dd8b42a780d8b54ff/html5/thumbnails/45.jpg)
Webinar Mobile Commerce
Abercrombie & Fitch,
Até 5 cliques para se conseguir comprar
7- Análise de cases: USA, Brasil
![Page 46: Webinar mobile commerce](https://reader033.vdocuments.mx/reader033/viewer/2022052900/5561580dd8b42a780d8b54ff/html5/thumbnails/46.jpg)
Webinar Mobile Commerce
Abercrombie & Fitch,
Até 5 cliques para se conseguir comprar
7- Análise de cases: USA, Brasil
![Page 47: Webinar mobile commerce](https://reader033.vdocuments.mx/reader033/viewer/2022052900/5561580dd8b42a780d8b54ff/html5/thumbnails/47.jpg)
Webinar Mobile Commerce
Toys ‘R’ Us
Até 5 cliques para se conseguir comprar
7- Análise de cases: USA, Brasil
![Page 48: Webinar mobile commerce](https://reader033.vdocuments.mx/reader033/viewer/2022052900/5561580dd8b42a780d8b54ff/html5/thumbnails/48.jpg)
Webinar Mobile Commerce
Toys ‘R’ Us
Até 5 cliques para se conseguir comprar
7- Análise de cases: USA, Brasil
![Page 49: Webinar mobile commerce](https://reader033.vdocuments.mx/reader033/viewer/2022052900/5561580dd8b42a780d8b54ff/html5/thumbnails/49.jpg)
Webinar Mobile Commerce
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) :
![Page 50: Webinar mobile commerce](https://reader033.vdocuments.mx/reader033/viewer/2022052900/5561580dd8b42a780d8b54ff/html5/thumbnails/50.jpg)
Renato Wajnberg Arquiteto de Informação
Pablo Canano Diretor de Projetos
obrigado!