UX para agências de publicidade
-
Upload
richard-jesus -
Category
Marketing
-
view
12.243 -
download
3
description
Transcript of UX para agências de publicidade
![Page 1: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/1.jpg)
UX para agências de publicidade
Richard Jesus @richardrx
![Page 2: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/2.jpg)
Antes de qualquer coisa...
![Page 3: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/3.jpg)
UI não é UX
![Page 4: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/4.jpg)
INTERFACE
PESSOAS SISTEMAS
INTERFACE DE USUÁRIO (UI)
![Page 5: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/5.jpg)
UX não é só usabilidade
![Page 6: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/6.jpg)
SALVAR PRINCESA
PRESSIONE O BOTÃO PARA SALVAR A PRINCESA
Matador de DragõesX
ref: Why Usability Engineers Don’t Design Video Games - SmashingApps
![Page 7: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/7.jpg)
FUNCIONAL trabalhar como o programado
Foco emTAREFAS
(produtos, características)
CONFIÁVEL sempre disponível quando preciso
USÁVEL pode ser usável sem dificuldade
CONVENIENTE Funciona examente como você pensa
AGRADÁVEL vale a pena compartilhar
Foco emEXPERIÊNCIAS
(pessoas, atividades, contexto)
SIGNIFICATIVA possui significado pessoal
ref: UX Hierarchy of neeeds - Stephen Anderson
![Page 8: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/8.jpg)
DIGITAL ONTEM
Anúncios Web
![Page 9: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/9.jpg)
Anúncios Web Search Mobile
Social Eventos PDV Embalagem
DIGITAL HOJE
![Page 10: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/10.jpg)
Garantir que a experiência seja positiva em todos os pontos de contato com a marca.
![Page 11: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/11.jpg)
1Desconhecido UX não é importante
2 Interessado UX é importante, mas recebe pequeno incentivo
3 Investido UX é muito importante e programas formais surgem
4 Praticado UX é crítico e executivos estão ativamente envolvidos
5 Comprometido UX é um dos principais princípios da estratégia organizacional
6 Embutido UX está no tecido da organização, não discutido separadamente
MODELO DE MATURIDADEUX
![Page 12: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/12.jpg)
DESIGNPESQUISA FRONT-END BACK-END
Humano Tecnologia
Diretor de Arte Desenvolvedor
?Planejamento
MODELO DE MATURIDADE
Fornecedor
![Page 13: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/13.jpg)
DESIGNPESQUISA FRONT-END BACK-END
Humano Tecnologia
Arquiteto da Informação UI Designer Desenvolvedor
MODELO DE MATURIDADE
![Page 14: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/14.jpg)
DESIGNPESQUISA FRONT-END BACK-END
Humano Tecnologia
UI Designer DesenvolvedorArquiteto da InformaçãoUX Designer
MODELO DE MATURIDADE
![Page 15: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/15.jpg)
CONTEÚDO USUÁRIO
UX depende de...
CONTEXTO
![Page 16: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/16.jpg)
Contexto é ao mesmo tempoQUANTITATIVO & QUALITATIVO
Tamanho da tela
Conectividade
Processamento
Capacidade
Métodos de entrada
Objetivos do usuário
Ambiente do usuário
Atenção do usuário
Capacidade do usuário
![Page 17: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/17.jpg)
Como entregamos isso?
![Page 18: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/18.jpg)
Pesquisa e Análise
Estratégia e Conceito
Design
Desenvolvimento
Implementação
Monitoramento
![Page 19: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/19.jpg)
•Benchmark •Entrevistas •Pesquisa Quantitativa •Definição de KPI’s •Análise de Tarefas •Inventário de Conteúdo
ENTREGÁVEIS
Pesquisa e Análise
Estratégia e Conceito
Design
Desenvolvimento
Implementação
Monitoramento
![Page 20: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/20.jpg)
•Personas •Blueprint •Jornada de Consumidor •Ecossistema •Mapa do Site •Card Sorting •Wireframe •Protótipos Navegáveis
ENTREGÁVEIS
Pesquisa e Análise
Estratégia e Conceito
Design
Desenvolvimento
Implementação
Monitoramento
![Page 21: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/21.jpg)
•Moodboards
ENTREGÁVEIS
Pesquisa e Análise
Estratégia e Conceito
Design
Desenvolvimento
Implementação
Monitoramento
![Page 22: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/22.jpg)
•Especificações de Projeto •Recomendações de SEO
ENTREGÁVEIS
Pesquisa e Análise
Estratégia e Conceito
Design
Desenvolvimento
Implementação
Monitoramento
![Page 23: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/23.jpg)
•Controle de Qualidade
ENTREGÁVEIS
Pesquisa e Análise
Estratégia e Conceito
Design
Desenvolvimento
Implementação
Monitoramento
![Page 24: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/24.jpg)
•Teste de Usabilidade •Avaliação Heurística •Testes A/B •Análise de Métricas
ENTREGÁVEIS
Pesquisa e Análise
Estratégia e Conceito
Design
Desenvolvimento
Implementação
Monitoramento
![Page 25: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/25.jpg)
É sobre pessoas, e não dispositivos.
Pesquisa e Análise
![Page 26: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/26.jpg)
•TELA GRANDE •CONEXÃO RÁPIDA •NAVEGADOR CAPAZ •HARDWARE POTENTE •POSIÇÃO ESTACIONÁRIA •AMBIENTE CONFORTÁVEL •SISTEMA OPERACIONAL ROBUSTO •ENTRADA EFICIENTE DE INFORMAÇÃO
ANTIGO CONTEXTO
![Page 27: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/27.jpg)
•MÚLTIPLAS TELAS •CONEXÕES DIVERSAS •NAVEGADORES VARIADOS •HARDWARE VARIÁVEL •INÚMERAS POSIÇÕES •QUALQUER AMBIENTE •SISTEMAS OPERACIONAIS LIMITADOS •ENTRADA LIMITADA DE INFORMAÇÃO
NOVO CONTEXTO
![Page 28: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/28.jpg)
Mobile não é um nicho.
![Page 29: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/29.jpg)
MOBILE
Brasil já possui 14% de adoção representando um total de
27 milhões de pessoas.
28% Android 13% Symbian 12% iOS
ref: ThinkwithGoogle 2012 - Ipsos, iab and Mobile Marketing Association
1.2 bilhões
de pessoas
usuários conectados no mundo hoje
58% EUA JÁ POSSUI SMARTPHONES
2015 MOBILE ULTRAPASSA DESKTOP
15% DO TRÁFEGO GLOBAL É MOBILE
48% JÁ USOU PARA COMPRAR
![Page 30: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/30.jpg)
20%Nenhum tamanho
de tela possui mais de
de marketshare
![Page 31: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/31.jpg)
Não ser otimizado para mobile é como fechar sua loja um dia por semana.
![Page 32: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/32.jpg)
3GNO BRASIL
Vivo 724 Claro 421 Oi Brasil Telecom 429,6 Oi Telemar 368,7 Tim 363,6 Números em kilobits por segundo.
Operadoras 3G no Brasil
![Page 33: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/33.jpg)
Um iPad com 3G da TIM leva quase 2 minutos a página inicial do NãoSalvo.
#significa
3GNO BRASIL
![Page 34: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/34.jpg)
QR CODE
![Page 35: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/35.jpg)
NÃO VEM INSTALADO NA MAIORIA DOS
SMARTPHONES
EXIGE CONEXÃO COM
A INTERNET
QR CODE
![Page 36: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/36.jpg)
DA AUDIENCIA TOTAL NOS ESTADOS UNIDOS JÁ USOU QR CODE6.2%
53% homens 18-34
49% revistas ou jornais
35% embalagem de produto
58% escanearam em casa
ref: 14 Million Americans Scanned QR Codes in june 2011 - comScore
![Page 37: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/37.jpg)
49%
ref: Q3 Tablet Shipments Up 49.5% Vs. Yr Ago; Up 6.7% Vs.Q2 - FORBES / IDC
Tablets cresceram 49.5% em 2012 em relação ao ano anterior.
Cada vez mais mobilidade
tablets
![Page 38: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/38.jpg)
ref: Advertising and Audiences: The State of the Media 2012 - NIELSEN
Atividades consecutivas no tablet enquanto assistem televisão
Buscaram informação de um produto que viram o anúncio na TV.20%
33%Buscaram informação relacionada ao programa que assistiam.
Buscaram cupons e ofertas relacionadas ao comercial que assistiram.
13%
CONSUMO DE INFORMAÇÃO
![Page 39: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/39.jpg)
Atividades consecutivas no tablet enquanto assistem televisão
Buscaram informação de um produto que viram o anúncio na TV.20%
33%Buscaram informação relacionada ao programa que assistiam.
Buscaram cupons e ofertas relacionadas ao comercial que assistiram.
13%
CONSUMO DE INFORMAÇÃO
ref: Advertising and Audiences: The State of the Media 2012 - NIELSEN
![Page 40: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/40.jpg)
Buscaram informação de um produto que viram o anúncio na TV.20%
33%Buscaram informação relacionada ao programa que assistiam.
Buscaram cupons e ofertas relacionadas ao comercial que assistiram.
13%
CONSUMO DE INFORMAÇÃO
ref: Advertising and Audiences: The State of the Media 2012 - NIELSEN
Atividades consecutivas no tablet enquanto assistem televisão
![Page 41: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/41.jpg)
dos consumidores simultâneos navegam motivados pela TV
destes consumidores que também comentam assistem TV motivados pela internet70% 80%
CONSUMO SIMULTÂNEOINTERNET + TELEVISÃO
![Page 42: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/42.jpg)
10’’
125 pageviews
9’’7’’
5’’
116 pageviews 90 pageviews 79 pageviews
ref: Amazon Kindle Fire is 54% of US Android tablets 2012 - comScore / Luke Wroblewski
TAMANHO FAZ DIFERENÇA
![Page 43: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/43.jpg)
17 30 39 43*
ref: The Multi Screen World 2012 - Google / Sterling Brand / Ipsos(*) NÚMERO DE MINUTOS EM MÉDIA
TAMANHO FAZ DIFERENÇA
![Page 44: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/44.jpg)
“Você deve começar com a experiência do usuário e depois ir pra tecnologia.
Steve Jobs
![Page 45: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/45.jpg)
CRIAR UM APLICATIVO NÃO IRÁ RESOLVER O PROBLEMA.
Estratégia e Conceito
![Page 46: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/46.jpg)
Aplicativator
CRIAR APLICATIVO
OU SELECIONE PELO TIPO
Geo-localização
Fotos com filtros
Mensagens instantâneas
![Page 47: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/47.jpg)
Obj
etivo
s de
Neg
ócio
Necessidades de Pessoas
Enganando
Destruindo Sonhando
Equilibrando
Negócio Usuário Negócio Usuário
Negócio Usuário Negócio Usuário
![Page 48: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/48.jpg)
Quais são os objetivos do negócio e como eles se conectam nas necessidades das pessoas.
![Page 49: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/49.jpg)
O QUE É REALMENTE É NECESSÁRIO?
Pão e Salsicha Mostarda Ketchup Purê Batata Palha Vinagrete
![Page 50: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/50.jpg)
Pão e Salsicha Mostarda Ketchup Purê Batata Palha Vinagrete
O QUE É REALMENTE É OPCIONAL?
![Page 51: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/51.jpg)
A MENSAGEM É ACESSÍVEL?
![Page 52: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/52.jpg)
Galaxy S9 iPhone 8S
NEM TODO MUNDO TEM UM...
![Page 53: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/53.jpg)
Sistema operacional limitado
Tamanho de tela
Processador limitado
Conectividade reduzida
Aquilo que chamamos de mobile compreende mais que apenas celulares e smartphones, mas também tablets, jogos portáteis.
MOBILE
![Page 54: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/54.jpg)
Um caso clássico de tecnologia não acessível para alguns dispositivos móveis, mas que pode se repetir com outras tecnologias que não considerem dispositivos móveis.
Uso desnecessário de Flash
MOBILE
![Page 55: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/55.jpg)
Conexão Limitada 3GA conexão 3G no Brasil não atinge 1 Mbps (megabit por segundo)
MOBILE
![Page 56: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/56.jpg)
A MENSAGEM É COMPREENSÍVEL?
![Page 57: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/57.jpg)
A MENSAGEM É RELEVANTE?
![Page 58: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/58.jpg)
Calma. Estamos quase lá.
![Page 59: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/59.jpg)
BOM DESIGN
BOA EXPERIÊNCIA
≠
Design
![Page 60: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/60.jpg)
Passos antes de abrir o PSD4
![Page 61: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/61.jpg)
DESENVOLVA PROTÓTIPOS
VALIDE INTERNAMENTE
APRENDA COM O COMPORTAMENTO DO USUÁRIO
TESTE EXTERNAMENTE
![Page 62: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/62.jpg)
VALIDE INTERNAMENTE
· Entreviste sua mãe · Entreviste seu vizinho · Não precisa gastar
![Page 63: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/63.jpg)
Wireframe Protótipo Simulação
Esboço FluxogramaNavegação
Elementos Visuais
Interação
Funcionalidades Alta Fidelidade
Processo Dinâmico
DESENVOLVA PROTÓTIPOS
![Page 64: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/64.jpg)
TESTE EXTERNAMENTE
· Teste com a faxineira · Teste com o mecânico · Teste com o entregador
![Page 65: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/65.jpg)
APRENDA COM O USUÁRIO
· Observe e ouça · Pergunte e tome notas · Não influencie decisões
![Page 66: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/66.jpg)
Torne a mensagem clara.
![Page 67: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/67.jpg)
Contraste
Fonte
Idioma
Call to action
Use baixo contraste de cores para restrições
![Page 68: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/68.jpg)
Contraste
Fonte
Idioma
Call to action
Use fontes legíveis
![Page 69: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/69.jpg)
Contraste
Fonte
Idioma
Call to action
Use linguagem apropriada
![Page 70: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/70.jpg)
Contraste
Fonte
Idioma
Call to action Uma ação primária por tela
![Page 71: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/71.jpg)
Comparação é como as pessoas tomam decisões
![Page 72: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/72.jpg)
Interfaces existem para possibilitar interação.
![Page 73: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/73.jpg)
Mantenha os usuários no controle
![Page 74: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/74.jpg)
Promova um próximo passo natural ao usuário
![Page 75: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/75.jpg)
A forma segue a função.
![Page 76: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/76.jpg)
ADEQUAR A MENSAGEM?
![Page 77: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/77.jpg)
PENSE MOBILE PRIMEIROMobile First Design
![Page 78: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/78.jpg)
6
PENSAR RESPONSIVOFazendo que o conteúdo seja acessível e seja entregue para vários dispositivos.
1
2
3
1
2
4
5
1024+
7
1023-768 767-480 até-479
7
![Page 79: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/79.jpg)
Botões AcessíveisA localização dos elementos deve ser levada em conta na criação de soluções onde o uso mobile seja foco da ação.
FÁCIL
DIFÍCIL
![Page 80: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/80.jpg)
Movimentos FáceisInterfaces que utilizam gestos para desencadear ações devem levar em conta a usabilidade para o público em dispositivos conhecidos.
FÁCIL
DIFÍCIL
![Page 81: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/81.jpg)
ref: How do users really hold mobile devices - Steven Hoober
49%
36%
15%
A FORMA DE USAR
![Page 82: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/82.jpg)
NÃO EXISTE BOM UX SEM BOM DESENVOLVIMENTO.
Desenvolvimento
![Page 83: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/83.jpg)
Usuários não querem saber de tecnologia
![Page 84: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/84.jpg)
Não querem saber de esperar
![Page 85: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/85.jpg)
Forbes: Web Performance is User Experience
Akamai reportou
75% dos usuários com problemas de congelamento, crash
ou muito tempo de carregamento de página simplesmente
não compraram.
![Page 86: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/86.jpg)
do tempo de carregamento de página reduz
A cada 100 milissegundos
das vendas no Amazon
1%Kohavi and Longbotham 2007
![Page 87: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/87.jpg)
0.4 para 0.9 segundos
20%Marissa Mayer - Web 2.0 Conference 2006
reduziu a receita de publicidade em
Google ao aumentar de carregamento de
![Page 88: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/88.jpg)
2
Diminue o tempo de carregamento1
Pode economizar dinheiro
3 Pode auxiliar em melhor posicionamento em motores de busca.
![Page 89: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/89.jpg)
Carregue Progressivamente
![Page 90: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/90.jpg)
Reduza todos os arquivos possíveis
![Page 91: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/91.jpg)
TUDO FUNCIONA COMO PLANEJADO?
Implementação e QA
![Page 92: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/92.jpg)
TUDO É RASCUNHO. TUDO É TESTE. TUDO É BETA.
![Page 93: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/93.jpg)
ITERAÇÃOAto de repetir o processo com a intenção de se aproximar de um objetivo, meta ou resultado desejado.
![Page 94: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/94.jpg)
MODELO ATUAL•Maior chance de erro •Menor Aprendizado •Sem Continuidade
IDEIA LANÇAMENTODESENVOLVIMENTO
![Page 95: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/95.jpg)
•Menor chance de erro •Maior Aprendizado •Melhoria Continua
IDEIA LANÇAMENTO
VALIDAÇÃO ITERAÇÃO
NOVO MODELO
DESENVOLVIMENTO
![Page 96: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/96.jpg)
UMA SOLUÇÃO QUE SIRVA PARA TODOS
NÃO EXISTE
![Page 97: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/97.jpg)
NÃO SE PODE MELHORAR O QUE NÃO SE MEDE.
Monitoramento
![Page 98: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/98.jpg)
QUE TESTE USAR?
![Page 99: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/99.jpg)
QUANTOS?Se a pergunta é:
Qual o preço que mais efetivo?
Qual CTA recebe mais clicks?
Qual email performa melhor?
Qual layout gera mais vendas?
TESTE A/B
![Page 100: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/100.jpg)
PORQUE?Se a pergunta é:
Porque não usam meu produto?
Porque estão navegando nessa página?
Onde as pessoas estão presas no site?
Porque as pessoas não compram?
TESTE DE USABILIDADE
![Page 101: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/101.jpg)
Publicitários que ignoram pesquisa são tão perigosos como generais que ignoram sinais do inimigo.
David Ogilvy
![Page 102: UX para agências de publicidade](https://reader030.fdocument.pub/reader030/viewer/2022012311/5479b9a9b37959492b8b47f8/html5/thumbnails/102.jpg)
MENSURE SEUS KPI’S
EXPERIÊNCIA PERTENCE AO USUÁRIO
BOM PARA O USUÁRIO E BOM PARA O NEGÓCIO
LIMITE AS DISTRAÇÕES
FAÇA COISAS FUNCIONAIS
TORNE AÇÕES REVERSÍVEIS
SEJA CREDÍVEL E
CONFIÁVEL
DESENVOLVA
EMPATIA
ESTABELEÇA CONTEXTO
FORNEÇA FEEDBACK
USE PADRÕES APROPRIADOS
SEJA CONSISTENTE
MOSTRE COMO FUNCIONA