meet magento 2014 osc brasil 6 pro 2
DESCRIPTION
Meet Magento 2014 br - OSC brasil 6 pro 2 by Deivison Arthur / InovartiTRANSCRIPT
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: [email protected]
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!