Download - 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



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.




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.




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.


2- Métricas para Mobile

Meus clientes usam mobile?


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://www.mattcutts.com/blog/


http://gs.statcounter.com/#desktop+mobile+tablet-comparison-BR-monthly-201304-201403

Comparação entre plataformas

Mobile, Desktop e Tablet


http://gs.statcounter.com/












http://www.lukew.com/presos/preso.asp?32


Comportamento utilizando o Smartphone

http://www.lukew.com/presos/preso.asp?32


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


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

http://www.mrare.ca/blog/iphone-ipad-and-browser-wireframe-templates/rarepad-iphone















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) :

http://www.apple.com/

http://www.amazon.com/

http://www.victoriassecret.com/

http://www.vitacost.com/

http://www.toysrus.com/

http://www.officemax.com/

www1.macys.com

http://www.llbean.com/

http://www.hayneedle.com/

http://www.ftdfloristsonline.com/

http://www.ftdfloristsonline.com/

http://www.footlocker.com/

ww31.1800flowers.com

http://www.abercrombie.com/

http://www.dickssportinggoods.com/

http://www.apple.com/

Renato Wajnberg Arquiteto de Informação

[email protected]

Pablo Canano Diretor de Projetos

[email protected]

obrigado!

mailto:[email protected]

mailto:[email protected]

Download - Webinar mobile commerce

Top Related