One Step CheckoutAumento da conversão do seu checkout usando técnicas de UX

2014

ÍndiceÍndice Geral

• Apresentação.

• Como surgiu o projeto OSC Brasil?

• Aumentando a conversão do seu checkout

usando técnicas de UX;

• Aplicando UX Design em seu e-commerce;

• Dados gerais sobre uso do One Step

Checkout;

• Novidades sobre o novo OSC 6 Pro;

Apresentação

Apresentação (Minha história)

• Minhas Raízes

Erudita: Ӄ aquela pessoa que tem vontade

de aprender sempre, que está sempre

estudando, procurando se aprofundar em

assuntos"

• Carreira Profissional

• Vida Acadêmica

• BUMM!! Magento

• Bog e projetos Open Source

• A startup Inovarti

Inovarti e a metodologia iJUMPER

"Um iJUMPER trabalha de onde quiser, como quiser e quando quiser, porém precisa ser eficiente e ter um amplo conhecimento técnico”

Inovarti - Portifólio

Parceiros clientes

Inovarti - Case: leoeletro.com.br

Inovarti - Case: oculosshop.com.br

Como surgiu o projeto OSC Brasil?

Como surgiu o One Step Checkout Brasil

• Sonho de empreender

• Necessidade de padronização

• Escassez mão de obra qualificada

• Networking

• Ampliar o conhecimento

• Entender a demanda do mercado

• Padronizar um produto

• Aumentar as conversões…

Aumentando a conversão do seu checkout usando técnicas de UX

Análise dos consumidores brasileiro

1 - É fato que o comércio eletrônico é uma tendência, mas como ter um diferencial com tanta oferta no mercado?

Pesquisa realizada no Brasil aponta que 24% dos clientes exigem registro(Conta) e 40% se

sentem mais seguro quando se tem login.

2 - A complexidade e falta de informações no processo de compra são os maiores motivos de cancelamento das compras.

3 - A navegação em uma loja virtual, o usuário tem que se sentir “à vontade”, navegando com facilidade e fazendo as transações sem complicações até o checkout.

Estudo sobre confiança e desconfiança em websites/e-commerce1 - O que faz um site não ser confiável não é seu conteúdo de má qualidade, mas sim seu design.

2 - O mais surpreendente, foi que de cada 100 pessoas 94 julgavam que o motivo de um site não ser confiável seria o Design.

3 - A primeira impressão se dá muito rapidamente. Você tem apenas 8 segundos para que o visitante confie no seu site ou tudo estará perdido.

Quantas vezes você lembra ter optado por um "guest checkout”

em uma compra?

Cenário a ser tratado

3 - A primeira impressão se dá muito rapidamente. Você tem apenas 8 segundos para que o visitante confie no seu site ou tudo estará perdido.

Programação NeurolinguisticaComo as palavras (linguística) podem atingir a mente

(neuro) e produzir uma ação (programada) = Persuasão

Teste rápido: Quantos patos aparecem abaixo?

Estudos sobre PNL

User Experience Design“Dar muitas escolhas para as pessoas pode ser ruim, os usuários

têm preferido os produtos e interfaces simples”

O paradoxo das escolhas:

Quando mais opções resultam em menos vendas. Ou seja, o “menos é mais!”.

Estudos sobre UX Design

The Natural User InterfaceCasos de estudo :

UX design do Google evolui na

simplicidade

Estudos sobre UX Design

Teste rápido: Tente reconhecer a imagem abaixo!

O nosso Cérebro é uma máquina de reconhecimento de padrões.

Estudos sobre UX Design

Quanto tempo você demora para abrir essa caixa?

Estudos sobre UX Design

O nosso Cérebro é uma máquina de reconhecimento de padrões.

Estudos sobre Persuasive Design

Persuasive Design

Tem como objectivo principal influenciar o comportamento das pessoas, ou seja, guiar os clientes, persuadir suas decisões e seus comportamentos. Orientando-os para a conversão.

Estudos realizados provaram que os homens tentam atingir a mosca ao urinar e isso reduz em cerca de

80% os salpicos para os lados!

Estudos sobre Persuasive Design

Aplicando UX Design em seu e-commerce

Aplicando UX Design em seu e-commerce

Como melhorar?

Conheça os 8 passos para tornar seu shop

mais vendável

Aplicando UX Design em seu e-commerce

Como melhorar?1 - Utilizar espaços e fontes para facilitar o entendimento.

Como melhorar?

Aplicando UX Design em seu e-commerce

2 - Evitar o uso de botões iguais para não confundir o usuário e destacar informações importantes.

Como melhorar?

Aplicando UX Design em seu e-commerce

3 - Estudar as cores e seus significados.

Observamos que usuários ainda dão duplo-clique em links e botões de websites.

Aplicando UX Design em seu e-commerce

Convencional

Aplicando UX Design em seu e-commerce

UX Design Sugerido

Como melhorar?

Aplicando UX Design em seu e-commerce

4 - Objetivar o processo de compra.

Aplicando UX Design em seu e-commerce

Como melhorar?5 - Sinalizar bem o passo a passo.

Aplicando UX Design em seu e-commerce

Como melhorar?6 - Simplificar o cadastro.

Aplicando UX Design em seu e-commerce

Como melhorar?6 - Simplificar o cadastro;

Pesquisas informam que ações complexas são mais aceitas quando são divididas em etapas menores e bem sinalizadas.

Aplicando UX Design em seu e-commerce

Como melhorar?7 - Iconografia: Porque uma imagem fala mais do que mil palavras.

A palavra iconografia pode

ser traduzida literalmente como

"escrita de imagem".A seta tem a capacidade de

informar ao cliente que ali é o lugar para clicar para

prosseguir.

Aplicando UX Design em seu e-commerce

Como melhorar?8 - Exibir informações detalhadas e objetivas sobre as compras.

Dados gerais sobre uso do OSC

Dados gerais sobre uso do OSC

A versão 4.0 chegou a + 30.000 Downloads

Nosso módulo One Step Checkout Brasil chegou em menos de 2 anos a incrível marca de + de 30mil downloads e esta presente em + de 700 lojas em todo Brasil. (visite: http://onestepcheckout.com.br)

https://portal.serasaexperian.com.br/skin/frontend/base/default/deivison/jquery.maskedinput-1.2.2.min.js

https://vinhos.ricardoeletro.com.br/skin/frontend/base/default/deivison/jquery.maskedinput-1.2.2.min.js

http://www.lema21.com.br/skin/frontend/base/default/deivison/jquery.maskedinput-1.2.2.min.js

http://loja.puket.com.br/skin/frontend/base/default/deivison/jquery.maskedinput-1.2.2.min.js

https://lojaortodonticos.3m.com.br/skin/frontend/base/default/soulmkt/soulmkt.js

https://www.itaro.com.br/skin/frontend/base/default/deivison/deivison.js?v=20140604

Novidades sobre o novo OSC 6 Pro

Dados gerais sobre uso do OSC

Em apenas 5 dias o novo OSC 6 Pro teve 306 downloads.

Dados gerais sobre uso do OSC

O módulo foi totalmente rescrito visando a padronização, aumento das conversões e performance.

• Validação do CPF/CNPJ cross browser;

• Validação de e-mail já registrado;

• Validação de CFP/CNPJ já registrado;

• CPF/CNPJ usando o Taxvat;

• Seleção do tipo pessoa;

• Adição de todos os estados do Brasil;

• Uso do campo Fax como Celular;

• Formatação dos campos do Telefone e

Celular cross browser;

• Uso do campo firstname como Razão

Social para seleção de PJ;

• Uso do campo lastname como Nome

Fantasia para seleção de PJ;

Dados gerais sobre uso do OSC

O módulo foi totalmente rescrito visando a padronização, aumento das conversões e performance.

• Opção de autenticação antes de ir para o checkout;

• Homologado em projetos com grande volume de

vendas;

• Suporte as versões acima da 1.6+;

• Busca do CEP para auto complete do endereço

cross browser;

• Bloqueio da edição do e-mail, CPF, CNPJ na tela de

edição de endereços;

• Uso do CSS padrão da theme Default do Magento;

MagentoFIM

Nossos Contatos:

Tel: (21) 3942-4942Cel: (21) 99203-8986Skype: deivisonarthurEmail: deivison@inovarti.com.brwww.inovarti.com.br

Certamente se você pensa em desenvolver seu projeto com a melhor plataforma de

Ecommerce, somos a melhor e mais especializada equipe de densenvolvedores

Magento no Brasil.

Pesquise antes de tomar qualquer atitude, pois o futuro da sua empresa esta em jogo!