SlideShare uma empresa Scribd logo
ROI no front-end 
vamos pensar em lucro?
Guilherme Serrano 
Bacharel em Desenho Industrial (ULBRA) 
Pós graduado em Gestão Empreendedora (SENAC) 
Empreendedor 
Programador
EXPERIÊNCIAS
ROI no front-end
LUCRO E ROI
ROI 
também é responsabilidade 
do time de desenvolvimento?
UX 
a experiência do usuário
Nós não temos um time de UX. Se o 
problema com o seu serviço é que os 
servidores estão lentos e o time de UX 
não consegue atuar nisso, então eles 
não estão no controle da experiência do 
usuário e não deveriam ser chamados de 
time de UX. 
" 
What’s the design process at Government Digital Service?
E o front-end?
1. PERFORMANCE
Cada 100ms de latência custa 
para a Amazon 1% em vendas. 
" 
Greg Linden - Make Data Useful
Para o Google, 500ms a mais 
para exibir o resultado de busca 
significa uma queda de 20% de 
tráfego. 
" 
Greg Linden - Make Data Useful
100 bilhões de buscas / mês (2014) 
20% menos de trafego 
20% menos de ads exibidas
- tempo de resposta 
= 
+ ROI
Users really respond to speed. " 
Marissa Mayer - Google VP
Latência importa!
Onde otimizar?
Entre 80% e 90% do tempo de 
resposta é gasto no front-end 
" 
The performance gold rule, Steve Souders
The performance gold rule, Steve Souders
Mas "front-end" 
não é apenas código
Google 
Renderizar 10 resultados: 0,4s 
Renderizar 30 resultados: 0,9s 
Marissa Mayer - Google VP
Google 
Renderizar 10 resultados: 0,4s 
Renderizar 30 resultados: 0,9s 
Alterar o número de respostas não é uma 
otimização "de código"
Qual o time entende 
de repaint / reflow?
Quem sabe mensurar 
o tempo de renderização?
EFEITO 
COLATERAL 
redução do consumo de tráfego
UOL 
42,4 milhões usuários/mês 
991,4 bilhão pageviews/mês 
Mídia KIT UOL
OTIMIZAÇÃO DE ~20Kb 
848Gb de transferência economizados
REFLOW / REPAINT
FERRAMENTAS 
para performance
- PageSpeed 
- Browser Diet 
- JS Perf 
- GruntJS 
- Minimizar redraw e reflow 
- Otimização de imagens* 
- Smush it 
- ImageOptim 
- Cache do navegador* 
- Proponha e teste melhorias* 
*Nem sempre no controle do front-end
AA rraaiizz ddee ttooddoo oo mmaall!!
2. PRODUTIVIDADE
+ produtividade 
= 
+ tempo para estudar, café, ócio 
criativo… 
= 
+ produtividade
50% do tempo de um programador 
é gasto com refação 
" 
The ROI of User Experience, Susan Weinschenk
O custo de arrumar um erro antes do 
desenvolvimento é 100 vezes menor 
do que arrumar depois de 
desenvolvido 
" 
The ROI of User Experience, Susan Weinschenk
ESPECIFICAÇÕES 
de forma clara
COMUNICAÇÃO 
com todo o time
REUSO 
qualidade do código 
modularização
FERRAMENTAS 
E 
FRAMEWORKS
Faça da melhor 
maneira possível
METODOLOGIAS 
GTD, inbox zero, scrum, 
mandinga, meditação, pomodoro... 
Teste o que funciona com você e seu time
Pense no framework como os foguetes de 
lançamento de um ônibus espacial, quando o 
objetivo for alcançado, não passarão de 
sucata, um belo peso extra. 
" 
Scrum: seu time já deveria estar em outra, @jcemer
3. TESTE A/B
Porque as coisas são 
como as coisas são?
Data-driven 
design / development
O USUÁRIO DECIDE
HiPPO 
High paid person opinion
ACHISMO 
e as vezes o ego 
Tomam a decisão
1 - A HIPÓTESE 
o que será testado?
Foto por @torresfelipe
2 - FLIP COIN 
original vs variante
3 - ANÁLISE DE DADOS 
qual foi o resultado?
A opção que performa melhor se 
torna a original
PIECE OF CAKE! 
Foto por @torresfelipe
VOLTE PARA O PASSO 1 
Crie uma nova variante
Tudo deve ser testado 
nunca há regressão de performance
correlação 
e 
causalidade
KPIs
O que não é mensurado 
não pode ser otimizado
AUMENTO DE PAGEVIEWS
CAPTURA DE DADOS
INTERAÇÃO SOCIAL
CADASTRO DE USUÁRIO
VENDAS
AFUNILAMENTO DE FUNIL
REDUÇÃO DE CHAMADOS 
NO SUPORTE
REDUÇÃO DE TEMPO 
PARA EXECUTAR TAREFAS
RETENÇÃO DE USUÁRIO
CASES
CAREER POINT COLLEGE
Career Point College 
Hipótese 
Remover o primeiro nível de navegação e colocar o formulário "acima da 
dobra" vai aumentar as submissões 
O que foi testado 
Submissões do formulário 
Resultado 
336% do aumento da conversão
Shirtnator 
Informações 
Site com versão mobile e versão desktop 
A versão mobile não era otimizada para tablets - todos os usuários de 
tablet eram direcionados para versão mobile 
O que foi testado 
Conversão e faturamento do site desktop no tablet 
Conversão e faturamento do site mobile no tablet 
Resultado 
32% a mais de vendas na versão desktop 
71,81% a mais de faturamento na versão desktop
NeilPatel #1 
Informações 
Na landing page tinha um formulário para captação de dados de 
leadings, com 4 campos: nome, e-mail, site e faturamento. 
O que foi testado 
Troca do campo "faturamento" por um campo aberto "como podemos 
ajudar?" 
Resultado 
Inconclusivo
NeilPatel #2 
Informações 
Na landing page tinha um formulário para captação de dados de 
leadings, com 4 campos: nome, e-mail, site e faturamento. 
O que foi testado 
Remoção do campo faturamento, deixando o form com apenas 3 
campos. 
Resultado 
Aumento de 26% no cadastro
Viver de Blog 
Informações 
Landingpage com captação de e-mail para acesso a conteúdo. 
O que foi testado 
Captura de e-mails na original e na variante. 
Na variante foi adicionado uma imagem de uma seta vermelha.
Viver de Blog 
Informações 
Landingpage com captação de e-mail para acesso a conteúdo. 
O que foi testado 
Captura de e-mails na original e na variante. 
Na variante foi adicionado uma imagem de uma seta vermelha. 
Resultado 
10% a mais de conversão na variante
NETFLIX 
Optimizely Blog
+ retenção 
+ engajamento
Teste de hover
+ 15% de cliques 
= 
+ entradas no funil de conversão
$(".list-products").addClass("hover-red");
window['optimizely']. 
push(["bucketVisitor", experimentId, 
variationIndex]);
OBRIGADO! 
eucompraria.com.br 
Guilherme Serrano 
@gserrano

Mais conteúdo relacionado

Destaque

Mensurando a Experiência do Usuário ( A Importância dos Dados Para UX ) - ...
Mensurando a Experiência do Usuário ( A Importância dos Dados Para UX ) - ...Mensurando a Experiência do Usuário ( A Importância dos Dados Para UX ) - ...
Mensurando a Experiência do Usuário ( A Importância dos Dados Para UX ) - ...
Huxley Dias
 
USABILIDADE - A IMPORTÂNCIA
USABILIDADE - A IMPORTÂNCIAUSABILIDADE - A IMPORTÂNCIA
USABILIDADE - A IMPORTÂNCIA
Renato Melo
 
UX.. Vale a pena?
UX.. Vale a pena?UX.. Vale a pena?
UX.. Vale a pena?
Everaldo Coelho
 
UX e Fontes de Tráfego
UX e Fontes de TráfegoUX e Fontes de Tráfego
UX e Fontes de Tráfego
Neue Labs
 
The roi of good user experience SDC 2013
The roi of good user experience  SDC 2013The roi of good user experience  SDC 2013
The roi of good user experience SDC 2013
inUse
 
Palestra: Games Físicos e on line: os desafios do mercado com Arthur Protasio...
Palestra: Games Físicos e on line: os desafios do mercado com Arthur Protasio...Palestra: Games Físicos e on line: os desafios do mercado com Arthur Protasio...
Palestra: Games Físicos e on line: os desafios do mercado com Arthur Protasio...
Cultura e Mercado
 
Estratégias mobile da matriz so-lo-mo (pi) à conversão do micro tédio
Estratégias mobile   da matriz so-lo-mo (pi) à conversão do micro tédioEstratégias mobile   da matriz so-lo-mo (pi) à conversão do micro tédio
Estratégias mobile da matriz so-lo-mo (pi) à conversão do micro tédio
Tracto Content Marketing
 
Scrum treinamento
Scrum   treinamentoScrum   treinamento
Scrum treinamento
Fernando Celarino
 
Scrum - Valorizando pessoas e obtendo benefícios
Scrum   - Valorizando pessoas e obtendo benefíciosScrum   - Valorizando pessoas e obtendo benefícios
Scrum - Valorizando pessoas e obtendo benefícios
Fernando Celarino
 
Estratégias Mobile - The Developer's Conference 2013
Estratégias Mobile - The Developer's Conference 2013Estratégias Mobile - The Developer's Conference 2013
Estratégias Mobile - The Developer's Conference 2013
Arthur de Castro Araujo
 
Métricas + UX - Huxley Dias
Métricas + UX - Huxley DiasMétricas + UX - Huxley Dias
Métricas + UX - Huxley Dias
Huxley Dias
 
User Experience orientada às melhores práticas de SEO, por Will Trannin
User Experience orientada às melhores práticas de SEO, por Will TranninUser Experience orientada às melhores práticas de SEO, por Will Trannin
User Experience orientada às melhores práticas de SEO, por Will Trannin
iMasters
 
Arthur Castro em Follow Teresina 2014
Arthur Castro em Follow Teresina 2014Arthur Castro em Follow Teresina 2014
Arthur Castro em Follow Teresina 2014
Evento Follow
 
UX Design como estratégia para conquistar mais clientes e impactar negócios
UX Design como estratégia para conquistar mais clientes e impactar negóciosUX Design como estratégia para conquistar mais clientes e impactar negócios
UX Design como estratégia para conquistar mais clientes e impactar negócios
Catarinas Design de Interação
 
UX for developers
UX for developersUX for developers
UX for developers
Fabiane Auler
 
[Interaction South America 2014] Beyond Creativity
[Interaction South America 2014] Beyond Creativity[Interaction South America 2014] Beyond Creativity
[Interaction South America 2014] Beyond Creativity
Tássia Spinelli
 
Mobile UX - MobileConf 2014 - RJ
Mobile UX - MobileConf 2014 - RJMobile UX - MobileConf 2014 - RJ
Mobile UX - MobileConf 2014 - RJ
Horácio Soares
 
Ux design como estrategia conquistar clientes impactar negocios
Ux design como estrategia conquistar clientes impactar negociosUx design como estrategia conquistar clientes impactar negocios
Ux design como estrategia conquistar clientes impactar negocios
tdc-globalcode
 
Programador (front|back) end moderno, por Leonardo Hackin
Programador (front|back) end moderno, por Leonardo HackinProgramador (front|back) end moderno, por Leonardo Hackin
Programador (front|back) end moderno, por Leonardo Hackin
iMasters
 
LEAN UX - Campus Party 2014
LEAN UX - Campus Party 2014LEAN UX - Campus Party 2014
LEAN UX - Campus Party 2014
Horácio Soares
 

Destaque (20)

Mensurando a Experiência do Usuário ( A Importância dos Dados Para UX ) - ...
Mensurando a Experiência do Usuário ( A Importância dos Dados Para UX ) - ...Mensurando a Experiência do Usuário ( A Importância dos Dados Para UX ) - ...
Mensurando a Experiência do Usuário ( A Importância dos Dados Para UX ) - ...
 
USABILIDADE - A IMPORTÂNCIA
USABILIDADE - A IMPORTÂNCIAUSABILIDADE - A IMPORTÂNCIA
USABILIDADE - A IMPORTÂNCIA
 
UX.. Vale a pena?
UX.. Vale a pena?UX.. Vale a pena?
UX.. Vale a pena?
 
UX e Fontes de Tráfego
UX e Fontes de TráfegoUX e Fontes de Tráfego
UX e Fontes de Tráfego
 
The roi of good user experience SDC 2013
The roi of good user experience  SDC 2013The roi of good user experience  SDC 2013
The roi of good user experience SDC 2013
 
Palestra: Games Físicos e on line: os desafios do mercado com Arthur Protasio...
Palestra: Games Físicos e on line: os desafios do mercado com Arthur Protasio...Palestra: Games Físicos e on line: os desafios do mercado com Arthur Protasio...
Palestra: Games Físicos e on line: os desafios do mercado com Arthur Protasio...
 
Estratégias mobile da matriz so-lo-mo (pi) à conversão do micro tédio
Estratégias mobile   da matriz so-lo-mo (pi) à conversão do micro tédioEstratégias mobile   da matriz so-lo-mo (pi) à conversão do micro tédio
Estratégias mobile da matriz so-lo-mo (pi) à conversão do micro tédio
 
Scrum treinamento
Scrum   treinamentoScrum   treinamento
Scrum treinamento
 
Scrum - Valorizando pessoas e obtendo benefícios
Scrum   - Valorizando pessoas e obtendo benefíciosScrum   - Valorizando pessoas e obtendo benefícios
Scrum - Valorizando pessoas e obtendo benefícios
 
Estratégias Mobile - The Developer's Conference 2013
Estratégias Mobile - The Developer's Conference 2013Estratégias Mobile - The Developer's Conference 2013
Estratégias Mobile - The Developer's Conference 2013
 
Métricas + UX - Huxley Dias
Métricas + UX - Huxley DiasMétricas + UX - Huxley Dias
Métricas + UX - Huxley Dias
 
User Experience orientada às melhores práticas de SEO, por Will Trannin
User Experience orientada às melhores práticas de SEO, por Will TranninUser Experience orientada às melhores práticas de SEO, por Will Trannin
User Experience orientada às melhores práticas de SEO, por Will Trannin
 
Arthur Castro em Follow Teresina 2014
Arthur Castro em Follow Teresina 2014Arthur Castro em Follow Teresina 2014
Arthur Castro em Follow Teresina 2014
 
UX Design como estratégia para conquistar mais clientes e impactar negócios
UX Design como estratégia para conquistar mais clientes e impactar negóciosUX Design como estratégia para conquistar mais clientes e impactar negócios
UX Design como estratégia para conquistar mais clientes e impactar negócios
 
UX for developers
UX for developersUX for developers
UX for developers
 
[Interaction South America 2014] Beyond Creativity
[Interaction South America 2014] Beyond Creativity[Interaction South America 2014] Beyond Creativity
[Interaction South America 2014] Beyond Creativity
 
Mobile UX - MobileConf 2014 - RJ
Mobile UX - MobileConf 2014 - RJMobile UX - MobileConf 2014 - RJ
Mobile UX - MobileConf 2014 - RJ
 
Ux design como estrategia conquistar clientes impactar negocios
Ux design como estrategia conquistar clientes impactar negociosUx design como estrategia conquistar clientes impactar negocios
Ux design como estrategia conquistar clientes impactar negocios
 
Programador (front|back) end moderno, por Leonardo Hackin
Programador (front|back) end moderno, por Leonardo HackinProgramador (front|back) end moderno, por Leonardo Hackin
Programador (front|back) end moderno, por Leonardo Hackin
 
LEAN UX - Campus Party 2014
LEAN UX - Campus Party 2014LEAN UX - Campus Party 2014
LEAN UX - Campus Party 2014
 

Semelhante a ROI no front end - vamos pensar em lucro?

TDC2018SP | Trilha UX Design - ROI de UX: Como UX influencia o retorno de inv...
TDC2018SP | Trilha UX Design - ROI de UX: Como UX influencia o retorno de inv...TDC2018SP | Trilha UX Design - ROI de UX: Como UX influencia o retorno de inv...
TDC2018SP | Trilha UX Design - ROI de UX: Como UX influencia o retorno de inv...
tdc-globalcode
 
[GetNinjas] Business Intelligence Workshop @ Google Campus SP
[GetNinjas] Business Intelligence Workshop @ Google Campus SP[GetNinjas] Business Intelligence Workshop @ Google Campus SP
[GetNinjas] Business Intelligence Workshop @ Google Campus SP
Bernardo Srulzon
 
Métricas Para a Web 2.0
Métricas Para a Web 2.0Métricas Para a Web 2.0
Métricas Para a Web 2.0
Rafael Damasceno
 
Marketing industrial - Tendências e desafios
Marketing industrial - Tendências e desafiosMarketing industrial - Tendências e desafios
Marketing industrial - Tendências e desafios
Will Sertório
 
Business Case: Fintech (Product Manager)
Business Case: Fintech (Product Manager)Business Case: Fintech (Product Manager)
Business Case: Fintech (Product Manager)
Tiago Ferreira
 
Teste A/B - O que fazer para extrair o máximo de um teste - Marcell Almeida -...
Teste A/B - O que fazer para extrair o máximo de um teste - Marcell Almeida -...Teste A/B - O que fazer para extrair o máximo de um teste - Marcell Almeida -...
Teste A/B - O que fazer para extrair o máximo de um teste - Marcell Almeida -...
Marcell Almeida
 
Forca de Digital & RPA
Forca de Digital & RPAForca de Digital & RPA
Forca de Digital & RPA
Eduardo Britto
 
Estratégia de Produto Eficaz - Marcell Almeida - Live PM3 + Impulso
Estratégia de Produto Eficaz - Marcell Almeida - Live PM3 + ImpulsoEstratégia de Produto Eficaz - Marcell Almeida - Live PM3 + Impulso
Estratégia de Produto Eficaz - Marcell Almeida - Live PM3 + Impulso
Marcell Almeida
 
O Impacto das Capacidades Robóticas - Adoção da Força de Trabalho Digital (RPA)
O Impacto das Capacidades Robóticas - Adoção da Força de Trabalho Digital (RPA)O Impacto das Capacidades Robóticas - Adoção da Força de Trabalho Digital (RPA)
O Impacto das Capacidades Robóticas - Adoção da Força de Trabalho Digital (RPA)
Eduardo Britto
 
Métricas no processo de design de produtos
Métricas no processo de design de produtosMétricas no processo de design de produtos
Métricas no processo de design de produtos
Will Sertório
 
Desenvolvimento de Software: Navegando em Águas Misteriosas
Desenvolvimento de Software: Navegando em Águas MisteriosasDesenvolvimento de Software: Navegando em Águas Misteriosas
Desenvolvimento de Software: Navegando em Águas Misteriosas
Nícolas Iensen
 
Virei CTO, e agora?
Virei CTO, e agora?Virei CTO, e agora?
Virei CTO, e agora?
Gabriel Rodrigues Couto
 
Keynote de Produto - RD Summit 2019
Keynote de Produto - RD Summit 2019Keynote de Produto - RD Summit 2019
Keynote de Produto - RD Summit 2019
Resultados Digitais
 
Resumo do Evento de SEO Search Master 2012
Resumo do Evento de SEO Search Master 2012Resumo do Evento de SEO Search Master 2012
Resumo do Evento de SEO Search Master 2012
Daniel Marcos
 
The Future of E-Commerce - Enterprise | Como transformar dados em ação e se d...
The Future of E-Commerce - Enterprise | Como transformar dados em ação e se d...The Future of E-Commerce - Enterprise | Como transformar dados em ação e se d...
The Future of E-Commerce - Enterprise | Como transformar dados em ação e se d...
E-Commerce Brasil
 
Google Update Page Experience - RD Hostel
Google Update Page Experience - RD HostelGoogle Update Page Experience - RD Hostel
Google Update Page Experience - RD Hostel
Seo Martin
 
"Designers devem programar?" - Trilha UX Design | The Developers Conference 2016
"Designers devem programar?" - Trilha UX Design | The Developers Conference 2016"Designers devem programar?" - Trilha UX Design | The Developers Conference 2016
"Designers devem programar?" - Trilha UX Design | The Developers Conference 2016
Victor Ferreira Santos
 
Aplicações de BI e data science no funil de aquisição | Product Camp 2018 - T...
Aplicações de BI e data science no funil de aquisição | Product Camp 2018 - T...Aplicações de BI e data science no funil de aquisição | Product Camp 2018 - T...
Aplicações de BI e data science no funil de aquisição | Product Camp 2018 - T...
Product Camp Brasil
 
Jornada do Cliente em SaaS: Assinaturas Day 2017
Jornada do Cliente em SaaS: Assinaturas Day 2017Jornada do Cliente em SaaS: Assinaturas Day 2017
Jornada do Cliente em SaaS: Assinaturas Day 2017
Salesforce Brasil
 
Lean startup - Agile Brazil 2011
Lean startup - Agile Brazil 2011Lean startup - Agile Brazil 2011
Lean startup - Agile Brazil 2011
Webgoal
 

Semelhante a ROI no front end - vamos pensar em lucro? (20)

TDC2018SP | Trilha UX Design - ROI de UX: Como UX influencia o retorno de inv...
TDC2018SP | Trilha UX Design - ROI de UX: Como UX influencia o retorno de inv...TDC2018SP | Trilha UX Design - ROI de UX: Como UX influencia o retorno de inv...
TDC2018SP | Trilha UX Design - ROI de UX: Como UX influencia o retorno de inv...
 
[GetNinjas] Business Intelligence Workshop @ Google Campus SP
[GetNinjas] Business Intelligence Workshop @ Google Campus SP[GetNinjas] Business Intelligence Workshop @ Google Campus SP
[GetNinjas] Business Intelligence Workshop @ Google Campus SP
 
Métricas Para a Web 2.0
Métricas Para a Web 2.0Métricas Para a Web 2.0
Métricas Para a Web 2.0
 
Marketing industrial - Tendências e desafios
Marketing industrial - Tendências e desafiosMarketing industrial - Tendências e desafios
Marketing industrial - Tendências e desafios
 
Business Case: Fintech (Product Manager)
Business Case: Fintech (Product Manager)Business Case: Fintech (Product Manager)
Business Case: Fintech (Product Manager)
 
Teste A/B - O que fazer para extrair o máximo de um teste - Marcell Almeida -...
Teste A/B - O que fazer para extrair o máximo de um teste - Marcell Almeida -...Teste A/B - O que fazer para extrair o máximo de um teste - Marcell Almeida -...
Teste A/B - O que fazer para extrair o máximo de um teste - Marcell Almeida -...
 
Forca de Digital & RPA
Forca de Digital & RPAForca de Digital & RPA
Forca de Digital & RPA
 
Estratégia de Produto Eficaz - Marcell Almeida - Live PM3 + Impulso
Estratégia de Produto Eficaz - Marcell Almeida - Live PM3 + ImpulsoEstratégia de Produto Eficaz - Marcell Almeida - Live PM3 + Impulso
Estratégia de Produto Eficaz - Marcell Almeida - Live PM3 + Impulso
 
O Impacto das Capacidades Robóticas - Adoção da Força de Trabalho Digital (RPA)
O Impacto das Capacidades Robóticas - Adoção da Força de Trabalho Digital (RPA)O Impacto das Capacidades Robóticas - Adoção da Força de Trabalho Digital (RPA)
O Impacto das Capacidades Robóticas - Adoção da Força de Trabalho Digital (RPA)
 
Métricas no processo de design de produtos
Métricas no processo de design de produtosMétricas no processo de design de produtos
Métricas no processo de design de produtos
 
Desenvolvimento de Software: Navegando em Águas Misteriosas
Desenvolvimento de Software: Navegando em Águas MisteriosasDesenvolvimento de Software: Navegando em Águas Misteriosas
Desenvolvimento de Software: Navegando em Águas Misteriosas
 
Virei CTO, e agora?
Virei CTO, e agora?Virei CTO, e agora?
Virei CTO, e agora?
 
Keynote de Produto - RD Summit 2019
Keynote de Produto - RD Summit 2019Keynote de Produto - RD Summit 2019
Keynote de Produto - RD Summit 2019
 
Resumo do Evento de SEO Search Master 2012
Resumo do Evento de SEO Search Master 2012Resumo do Evento de SEO Search Master 2012
Resumo do Evento de SEO Search Master 2012
 
The Future of E-Commerce - Enterprise | Como transformar dados em ação e se d...
The Future of E-Commerce - Enterprise | Como transformar dados em ação e se d...The Future of E-Commerce - Enterprise | Como transformar dados em ação e se d...
The Future of E-Commerce - Enterprise | Como transformar dados em ação e se d...
 
Google Update Page Experience - RD Hostel
Google Update Page Experience - RD HostelGoogle Update Page Experience - RD Hostel
Google Update Page Experience - RD Hostel
 
"Designers devem programar?" - Trilha UX Design | The Developers Conference 2016
"Designers devem programar?" - Trilha UX Design | The Developers Conference 2016"Designers devem programar?" - Trilha UX Design | The Developers Conference 2016
"Designers devem programar?" - Trilha UX Design | The Developers Conference 2016
 
Aplicações de BI e data science no funil de aquisição | Product Camp 2018 - T...
Aplicações de BI e data science no funil de aquisição | Product Camp 2018 - T...Aplicações de BI e data science no funil de aquisição | Product Camp 2018 - T...
Aplicações de BI e data science no funil de aquisição | Product Camp 2018 - T...
 
Jornada do Cliente em SaaS: Assinaturas Day 2017
Jornada do Cliente em SaaS: Assinaturas Day 2017Jornada do Cliente em SaaS: Assinaturas Day 2017
Jornada do Cliente em SaaS: Assinaturas Day 2017
 
Lean startup - Agile Brazil 2011
Lean startup - Agile Brazil 2011Lean startup - Agile Brazil 2011
Lean startup - Agile Brazil 2011
 

Mais de Guilherme Serrano

Performance em javascript
Performance em javascriptPerformance em javascript
Performance em javascript
Guilherme Serrano
 
Empreendedorismo sem maquiagem
Empreendedorismo sem maquiagemEmpreendedorismo sem maquiagem
Empreendedorismo sem maquiagem
Guilherme Serrano
 
Componetização de CSS com o Compass (Front in Sampa 2013)
Componetização de CSS com o Compass (Front in Sampa 2013)Componetização de CSS com o Compass (Front in Sampa 2013)
Componetização de CSS com o Compass (Front in Sampa 2013)
Guilherme Serrano
 
Responsive design
Responsive designResponsive design
Responsive design
Guilherme Serrano
 
Usabilidade na web
Usabilidade na webUsabilidade na web
Usabilidade na web
Guilherme Serrano
 
Análise Heuristica
Análise HeuristicaAnálise Heuristica
Análise Heuristica
Guilherme Serrano
 

Mais de Guilherme Serrano (6)

Performance em javascript
Performance em javascriptPerformance em javascript
Performance em javascript
 
Empreendedorismo sem maquiagem
Empreendedorismo sem maquiagemEmpreendedorismo sem maquiagem
Empreendedorismo sem maquiagem
 
Componetização de CSS com o Compass (Front in Sampa 2013)
Componetização de CSS com o Compass (Front in Sampa 2013)Componetização de CSS com o Compass (Front in Sampa 2013)
Componetização de CSS com o Compass (Front in Sampa 2013)
 
Responsive design
Responsive designResponsive design
Responsive design
 
Usabilidade na web
Usabilidade na webUsabilidade na web
Usabilidade na web
 
Análise Heuristica
Análise HeuristicaAnálise Heuristica
Análise Heuristica
 

ROI no front end - vamos pensar em lucro?

Notas do Editor

  1. Essa é uma palestra sobre desobediência! Tudo o que eu falar aqui deve ser considerado "sorte" ou "mentira" até que você teste. Seguir boas práticas não é garantia de sucesso, mas ajuda a reduzir as chances de fracasso.
  2. O que ROI Como o time de front-end é responsável por ajudar nos lucros? 1) Performance 2) Produtividade 3) Testes A/B
  3. Quanto mais valor uma ação agrega a um produto (app, serviço web, etc) e quanto menos o custo desta ação MAIOR o ROI Toda a empresa é movida e sustentada por lucros. O bom negócio é aquele que gera mais valor do que ele custa: Minha empresa faz um site por 10k para um cliente, mas eu gasto 4k para fazer - e o meu cliente ganha 16k com o novo site - todos ganham.
  4. Quanto mais valor uma ação agrega a um produto (app, serviço web, etc) e quanto menos o custo desta ação MAIOR o ROI Toda a empresa é movida e sustentada por lucros. O bom negócio é aquele que gera mais valor do que ele custa: Minha empresa faz um site por 10k para um cliente, mas eu gasto 4k para fazer - e o meu cliente ganha 16k com o novo site - todos ganham.
  5. Todo o time envolvido em um processo de produção tem responsabilidade no ROI Estimativa de horas - influência clara e direta no ROI de um produto Como o Ítalo falou, a experiência do usuário é responsabilidade de todos da equipe - e o ROI tá ligando a boa experiência do usuário
  6. Todo o time envolvido em um processo de produção tem responsabilidade no ROI Estimativa de horas - influência clara e direta no ROI de um produto
  7. Tudo é UX
  8. Government Digital Service (UK - Reino Unido)
  9. Ok, falamos de ROI e lucro… mas onde entra o front-end para aumentar os lucros? PERFORMANCE
  10. Temos controle total sobre o back-end - e qualquer gargalo pode ser resolvido "subindo mais máquina", principalmente com as facilidades de Cloud que temos hoje. Porém o front-end é mais "sensível" pois depende muito de um ambiente que não controlamos - o do usuário. Depende do dispositivo, conexão, periféricos...
  11. As decisões não cabem somente a uma equipe, é necessário integração e comunicação. Uma alteração e teste de layout exige ou interdisciplinariedade ou uma comunicação eficiente entre o time de design e desenvolvimento - o mesmo para testes A/B.
  12. Algumas alterações estão fora do poder de tomada de decisão do time de desenvolvimento ou do time de design - mas porque? Testem!
  13. O time de front-end pode testar o que carrega mais rápido - e junto com o time de design definir o que será usado.
  14. As decisões não cabem somente a uma equipe, é necessário integração e comunicação. Alteração e teste de layout, teste A/B
  15. Home do UOL
  16. Carregar a mesma coisa mas mudar a PERCEPÇÃO DO USUÁRIO SLOWSTUFF - http://jsbin.com/aqavin/2/quiet
  17. Idealmente todas as decisões são tomadas baseadas em dados e não "achismos" Muitas vezes é contra-intuitivo
  18. Otimização prematura, a raiz de todo o mal!
  19. Tem um sábio que dizia "quanto menos produtivo você é, menos produtivo você tende a ser"
  20. No início do projeto é a hora de tirar todas as dúvidas, esclarecer o escopo e levantar pontos de atenção. ESPECIFICAÇÕES
  21. ESPECIFICAÇÕES COMUNICAÇÃO
  22. COMUNICAÇÃO REUSO, COMPONETIZAÇÃO
  23. REUSO, COMPONETIZAÇÃO DOMINE FERRAMENTAS E FRAMEWORKS - SAIBA TUDO SOBRE O SEU EDITOR
  24. DOMINE FERRAMENTAS E FRAMEWORKS - SAIBA TUDO SOBRE O SEU EDITOR FAÇA DA MELHOR MANEIRA POSSÍVEL - 50% TEMPO REWORK
  25. FAÇA DA MELHOR MANEIRA POSSÍVEL - 50% TEMPO REWORK METODOLOGIAS
  26. METODOLOGIAS FRAMEWORK = FOGUETE DE LANÇAMENTO
  27. Teste A/B - surgiu do case Google, para testar quantos resultados seriam o ideal (validar hipótese) Dados não mentem! "Em deus nós acreditamos, todos os outros devem trazer dados"
  28. Se algum de vocês sair daqui pensando "não sei se o que o Guilherme tá falando é verdade, vou testar depois" já valeu a palestra. Questione técnicas, metodologias, frameworks… adapte ao que funciona para o seu time!
  29. Idealmente todas as decisões são tomadas baseadas em dados e não "achismos" Muitas vezes é contra-intuitivo
  30. Idealmente todas as decisões são tomadas baseadas em dados e não "achismos" Muitas vezes é contra-intuitivo
  31. O que é sucesso no teste? O que será testado?
  32. Dividir os usuários entre a ORIGINAL e a VARIANTE bucketing - optimizely
  33. COLETAR E ANALISAR OS DADOS
  34. Iteração contínua, se você não tem um teste A/B rodando para alguma coisa você não está melhorando ela.
  35. É necessário um software que faça cálculos de estatísticas O teste A/B por rodar ao mesmo tempo a ORIGINAL e a VARIANTE isola fatores externos que poderiam influenciar nos resultados
  36. Testar mudanças pequenas ajuda a entender melhor o que realmente é a causa da alteração.
  37. Key Performance Indicator - indicadores de performance
  38. As KPIs importantes depende dos objetivos do negócio: PAGEVIEWS
  39. PAGEVIEWS CAPTURA DE DADOS
  40. CAPTURA DE DADOS INTERAÇÃO SOCIAL
  41. INTERAÇÃO SOCIAL CADASTRO DE USUÁRIO
  42. CADASTRO DE USUÁRIO VENDAS
  43. VENDAS AFUNLIAMENTO DE FUNIL
  44. AFUNLIAMENTO DE FUNIL REDUÇÃO SUPORTE
  45. REDUÇÃO SUPORTE REDUÇÃO TEMPO - INTRANET
  46. REDUÇÃO TEMPO - INTRANET RETENÇÃO USUÁRIO
  47. RETENÇÃO USUÁRIO CASES
  48. Iteração contínua, se você não tem um teste A/B rodando para alguma coisa você não está melhorando ela.
  49. Apples to Oranges - teste com layouts bem diferentes para afunilar melhorias depois.
  50. Versão mobile VS desktop
  51. Versão mobile VS desktop
  52. Versão mobile vs desktop
  53. NeilPatel
  54. Versão mobile vs desktop
  55. Qual teve melhor conversão?
  56. Testar mudanças pequenas ajuda a entender melhor o que realmente é a causa da alteração.
  57. Original vs variação
  58. Mesmo com um "rage" nas redes sociais os dados confirmaram um aumento na retenção e engajamento - mais usuários assistindo os videos.
  59. A/B não é só grandes empresas! Menos de 500 visitas únicas/dia Mais de 1 experimento rolando por vez
  60. Mesmo com um "rage" nas redes sociais os dados confirmaram um aumento na retenção e engajamento - mais usuários assistindo os videos.
  61. Mais de 1 experimento rolando por vez
  62. API do Optimizely ativar manualmente experimentos definir qual usuário vai para qual “bucket” rastrear ações (ou GOALS) remover user dos testes tracking de valor - REVENUE