Este documento discute técnicas de UX para melhorar a taxa de conversão no checkout, incluindo: (1) simplificar o processo de cadastro; (2) usar design persuasivo para guiar os clientes à conversão; (3) o módulo One Step Checkout teve mais de 30.000 downloads e aumentou as taxas de conversão em 700 lojas no Brasil.

1. One Step Checkout
Aumento da conversão do seu checkout usando técnicas de UX 2014

2. Índice Geral Índice
• 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;

3. Apresentação

4. 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

5. 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”

6. Inovarti - Portifólio
Parceiros clientes

7. Inovarti - Case: leoeletro.com.br

8. Inovarti - Case: oculosshop.com.br

9. Como surgiu o projeto
OSC Brasil?

10. 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…

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

12. 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-commerce
1 - 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

13. Estudos sobre PNL
Programação Neurolinguistica
Como as palavras (linguística) podem atingir a mente
(neuro) e produzir uma ação (programada) = Persuasão
Teste rápido: Quantos patos aparecem abaixo?

14. Estudos sobre UX Design
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!”.

15. Estudos sobre UX Design
The Natural User Interface
Casos de estudo :
UX design do
Google evolui na
simplicidade

16. Estudos sobre UX Design
O nosso Cérebro é uma máquina de
reconhecimento de padrões.
Teste rápido: Tente reconhecer a imagem abaixo!

17. Estudos sobre UX Design
O nosso Cérebro é uma máquina de
reconhecimento de padrões.
Quanto tempo você demora para abrir
essa caixa?

18. 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.

19. Estudos sobre Persuasive Design
Estudos realizados provaram que os homens tentam
atingir a mosca ao urinar e isso reduz em cerca de
80% os salpicos para os lados!

20. Aplicando UX Design em seu
e-commerce

21. Aplicando UX Design em seu e-commerce
Como melhorar?
Conheça os 8 passos
para tornar seu shop
mais vendável

22. Aplicando UX Design em seu e-commerce
Como melhorar?
1 - Utilizar espaços e fontes para facilitar o entendimento.

23. Aplicando UX Design em seu e-commerce
Como melhorar?
Evitar o uso de botões iguais para não confundir o usuário e destacar informações importantes.

24. Aplicando UX Design em seu e-commerce
Como melhorar?
3 - Estudar as cores e seus significados.
Observamos que usuários ainda dão duplo-clique
em links e botões de websites.

25. Aplicando UX Design em seu e-commerce
Convencional

26. Aplicando UX Design em seu e-commerce
UX Design Sugerido

27. Aplicando UX Design em seu e-commerce
Como melhorar?
4 - Objetivar o processo de compra.

28. Aplicando UX Design em seu e-commerce
Como melhorar?
5 - Sinalizar bem o passo a passo.

29. Aplicando UX Design em seu e-commerce
Como melhorar?
6 - Simplificar o cadastro.

30. 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.

31. 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.

32. Aplicando UX Design em seu e-commerce
Como melhorar?
8 - Exibir informações detalhadas e objetivas sobre as compras.

33. Dados gerais sobre uso do OSC

34. 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.maskedinp
ut-1.2.2.min.js
https://vinhos.ricardoeletro.com.br/skin/frontend/base/default/deivison/jquery.maskedinp
ut-1.2.2.min.js
http://www.lema21.com.br/skin/frontend/base/default/deivison/jquery.maskedinput
-1.2.2.min.js
https://www.itaro.com.br/skin/frontend/base/default/deivison/deivison.js?v
=20140604
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

35. Novidades sobre o novo
OSC 6 Pro

36. Dados gerais sobre uso do OSC
Em apenas 5 dias o novo OSC 6 Pro
teve 306 downloads.

37. 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;

38. 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;

39. FIM Magento
Nossos Contatos:
Tel: (21) 3942-4942
Cel: (21) 99203-8986
Skype: deivisonarthur
Email: deivison@inovarti.com.br
www.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!