Meet Magento 2014 OSC brasil 6 pro 2
-
Upload
deivison-serpa -
Category
Technology
-
view
374 -
download
0
description
Transcript of Meet Magento 2014 OSC brasil 6 pro 2
![Page 1: Meet Magento 2014 OSC brasil 6 pro 2](https://reader035.fdocument.pub/reader035/viewer/2022062406/55919ff31a28ab9f268b45ab/html5/thumbnails/1.jpg)
One Step CheckoutAumento da conversão do seu checkout usando técnicas de UX
2014
![Page 2: Meet Magento 2014 OSC brasil 6 pro 2](https://reader035.fdocument.pub/reader035/viewer/2022062406/55919ff31a28ab9f268b45ab/html5/thumbnails/2.jpg)
Í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;
![Page 3: Meet Magento 2014 OSC brasil 6 pro 2](https://reader035.fdocument.pub/reader035/viewer/2022062406/55919ff31a28ab9f268b45ab/html5/thumbnails/3.jpg)
Apresentação
![Page 4: Meet Magento 2014 OSC brasil 6 pro 2](https://reader035.fdocument.pub/reader035/viewer/2022062406/55919ff31a28ab9f268b45ab/html5/thumbnails/4.jpg)
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
![Page 5: Meet Magento 2014 OSC brasil 6 pro 2](https://reader035.fdocument.pub/reader035/viewer/2022062406/55919ff31a28ab9f268b45ab/html5/thumbnails/5.jpg)
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”
![Page 6: Meet Magento 2014 OSC brasil 6 pro 2](https://reader035.fdocument.pub/reader035/viewer/2022062406/55919ff31a28ab9f268b45ab/html5/thumbnails/6.jpg)
Inovarti - Portifólio
Parceiros clientes
![Page 9: Meet Magento 2014 OSC brasil 6 pro 2](https://reader035.fdocument.pub/reader035/viewer/2022062406/55919ff31a28ab9f268b45ab/html5/thumbnails/9.jpg)
Como surgiu o projeto OSC Brasil?
![Page 10: Meet Magento 2014 OSC brasil 6 pro 2](https://reader035.fdocument.pub/reader035/viewer/2022062406/55919ff31a28ab9f268b45ab/html5/thumbnails/10.jpg)
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…
![Page 11: Meet Magento 2014 OSC brasil 6 pro 2](https://reader035.fdocument.pub/reader035/viewer/2022062406/55919ff31a28ab9f268b45ab/html5/thumbnails/11.jpg)
Aumentando a conversão do seu checkout usando técnicas de UX
![Page 12: Meet Magento 2014 OSC brasil 6 pro 2](https://reader035.fdocument.pub/reader035/viewer/2022062406/55919ff31a28ab9f268b45ab/html5/thumbnails/12.jpg)
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.
![Page 13: Meet Magento 2014 OSC brasil 6 pro 2](https://reader035.fdocument.pub/reader035/viewer/2022062406/55919ff31a28ab9f268b45ab/html5/thumbnails/13.jpg)
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
![Page 14: Meet Magento 2014 OSC brasil 6 pro 2](https://reader035.fdocument.pub/reader035/viewer/2022062406/55919ff31a28ab9f268b45ab/html5/thumbnails/14.jpg)
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
![Page 15: Meet Magento 2014 OSC brasil 6 pro 2](https://reader035.fdocument.pub/reader035/viewer/2022062406/55919ff31a28ab9f268b45ab/html5/thumbnails/15.jpg)
The Natural User InterfaceCasos de estudo :
UX design do Google evolui na
simplicidade
Estudos sobre UX Design
![Page 16: Meet Magento 2014 OSC brasil 6 pro 2](https://reader035.fdocument.pub/reader035/viewer/2022062406/55919ff31a28ab9f268b45ab/html5/thumbnails/16.jpg)
Teste rápido: Tente reconhecer a imagem abaixo!
O nosso Cérebro é uma máquina de reconhecimento de padrões.
Estudos sobre UX Design
![Page 17: Meet Magento 2014 OSC brasil 6 pro 2](https://reader035.fdocument.pub/reader035/viewer/2022062406/55919ff31a28ab9f268b45ab/html5/thumbnails/17.jpg)
Quanto tempo você demora para abrir essa caixa?
Estudos sobre UX Design
O nosso Cérebro é uma máquina de reconhecimento de padrões.
![Page 18: Meet Magento 2014 OSC brasil 6 pro 2](https://reader035.fdocument.pub/reader035/viewer/2022062406/55919ff31a28ab9f268b45ab/html5/thumbnails/18.jpg)
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.
![Page 19: Meet Magento 2014 OSC brasil 6 pro 2](https://reader035.fdocument.pub/reader035/viewer/2022062406/55919ff31a28ab9f268b45ab/html5/thumbnails/19.jpg)
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
![Page 20: Meet Magento 2014 OSC brasil 6 pro 2](https://reader035.fdocument.pub/reader035/viewer/2022062406/55919ff31a28ab9f268b45ab/html5/thumbnails/20.jpg)
Aplicando UX Design em seu e-commerce
![Page 21: Meet Magento 2014 OSC brasil 6 pro 2](https://reader035.fdocument.pub/reader035/viewer/2022062406/55919ff31a28ab9f268b45ab/html5/thumbnails/21.jpg)
Aplicando UX Design em seu e-commerce
Como melhorar?
Conheça os 8 passos para tornar seu shop
mais vendável
![Page 22: Meet Magento 2014 OSC brasil 6 pro 2](https://reader035.fdocument.pub/reader035/viewer/2022062406/55919ff31a28ab9f268b45ab/html5/thumbnails/22.jpg)
Aplicando UX Design em seu e-commerce
Como melhorar?1 - Utilizar espaços e fontes para facilitar o entendimento.
![Page 23: Meet Magento 2014 OSC brasil 6 pro 2](https://reader035.fdocument.pub/reader035/viewer/2022062406/55919ff31a28ab9f268b45ab/html5/thumbnails/23.jpg)
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.
![Page 24: Meet Magento 2014 OSC brasil 6 pro 2](https://reader035.fdocument.pub/reader035/viewer/2022062406/55919ff31a28ab9f268b45ab/html5/thumbnails/24.jpg)
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.
![Page 25: Meet Magento 2014 OSC brasil 6 pro 2](https://reader035.fdocument.pub/reader035/viewer/2022062406/55919ff31a28ab9f268b45ab/html5/thumbnails/25.jpg)
Aplicando UX Design em seu e-commerce
Convencional
![Page 26: Meet Magento 2014 OSC brasil 6 pro 2](https://reader035.fdocument.pub/reader035/viewer/2022062406/55919ff31a28ab9f268b45ab/html5/thumbnails/26.jpg)
Aplicando UX Design em seu e-commerce
UX Design Sugerido
![Page 27: Meet Magento 2014 OSC brasil 6 pro 2](https://reader035.fdocument.pub/reader035/viewer/2022062406/55919ff31a28ab9f268b45ab/html5/thumbnails/27.jpg)
Como melhorar?
Aplicando UX Design em seu e-commerce
4 - Objetivar o processo de compra.
![Page 28: Meet Magento 2014 OSC brasil 6 pro 2](https://reader035.fdocument.pub/reader035/viewer/2022062406/55919ff31a28ab9f268b45ab/html5/thumbnails/28.jpg)
Aplicando UX Design em seu e-commerce
Como melhorar?5 - Sinalizar bem o passo a passo.
![Page 29: Meet Magento 2014 OSC brasil 6 pro 2](https://reader035.fdocument.pub/reader035/viewer/2022062406/55919ff31a28ab9f268b45ab/html5/thumbnails/29.jpg)
Aplicando UX Design em seu e-commerce
Como melhorar?6 - Simplificar o cadastro.
![Page 30: Meet Magento 2014 OSC brasil 6 pro 2](https://reader035.fdocument.pub/reader035/viewer/2022062406/55919ff31a28ab9f268b45ab/html5/thumbnails/30.jpg)
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.
![Page 31: Meet Magento 2014 OSC brasil 6 pro 2](https://reader035.fdocument.pub/reader035/viewer/2022062406/55919ff31a28ab9f268b45ab/html5/thumbnails/31.jpg)
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.
![Page 32: Meet Magento 2014 OSC brasil 6 pro 2](https://reader035.fdocument.pub/reader035/viewer/2022062406/55919ff31a28ab9f268b45ab/html5/thumbnails/32.jpg)
Aplicando UX Design em seu e-commerce
Como melhorar?8 - Exibir informações detalhadas e objetivas sobre as compras.
![Page 33: Meet Magento 2014 OSC brasil 6 pro 2](https://reader035.fdocument.pub/reader035/viewer/2022062406/55919ff31a28ab9f268b45ab/html5/thumbnails/33.jpg)
Dados gerais sobre uso do OSC
![Page 34: Meet Magento 2014 OSC brasil 6 pro 2](https://reader035.fdocument.pub/reader035/viewer/2022062406/55919ff31a28ab9f268b45ab/html5/thumbnails/34.jpg)
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
![Page 35: Meet Magento 2014 OSC brasil 6 pro 2](https://reader035.fdocument.pub/reader035/viewer/2022062406/55919ff31a28ab9f268b45ab/html5/thumbnails/35.jpg)
Novidades sobre o novo OSC 6 Pro
![Page 36: Meet Magento 2014 OSC brasil 6 pro 2](https://reader035.fdocument.pub/reader035/viewer/2022062406/55919ff31a28ab9f268b45ab/html5/thumbnails/36.jpg)
Dados gerais sobre uso do OSC
Em apenas 5 dias o novo OSC 6 Pro teve 306 downloads.
![Page 37: Meet Magento 2014 OSC brasil 6 pro 2](https://reader035.fdocument.pub/reader035/viewer/2022062406/55919ff31a28ab9f268b45ab/html5/thumbnails/37.jpg)
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;
![Page 38: Meet Magento 2014 OSC brasil 6 pro 2](https://reader035.fdocument.pub/reader035/viewer/2022062406/55919ff31a28ab9f268b45ab/html5/thumbnails/38.jpg)
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;
![Page 39: Meet Magento 2014 OSC brasil 6 pro 2](https://reader035.fdocument.pub/reader035/viewer/2022062406/55919ff31a28ab9f268b45ab/html5/thumbnails/39.jpg)
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!