SlideShare uma empresa Scribd logo
- st rсp ive b dсign
DESIGNER & DESENVOLVEDORA
D i Gu ato
Portfólio: popupdesign.com.br
Email: dani@popupdesign.com.br
Facebook: fb.com.br/daniguerrato
DESIGNER & DESENVOLVEDOR
Le dro L a
Portfólio: popupdesign.com.br
Email: leandro@popupdesign.com.br
Facebook: fb.com.br/leandro.goes.lima
Conjunto de técnicas para melhorar a experiência do usuário
independente da plataforma.
Dсign Rсp ivo
Novas e melhores formas das pessoas
interagirem com as máquinas.
Dсign de Intрfa
sр h o
Antс de p em с atégia,
p e no uário.
QUEM É O USUÁRIO?
POR QUE ELE ESTÁ ACESSANDO?
EM QUE MOMENTO?
O QUE ELE BUSCA?
QUAL É A RELAÇÃO EMOCIONAL COM O SEU
PRODUTO?
Dсcu a
Observação + dados + hipóteses + empatia
C u do p оа
São 273.6 milhões de celulares vs. 201 milhões de habitantes.
O Brа tem ma d p itiv móve que p oа
Esc ha = Objetivo + Cоt to
Objetivo do usuário!
- Precisa saber
- Precisa encontrar
- Precisa comprar
- Precisa ir
- Precisa resolver um problema
Mi o m t
mapa dos momentos
J nada
TEMPO
LUGAR
COMODISMO
ESTADO DE ESPÍRITO
Cоt to
PRODUTIVIDADE
SERIEDADE
REQUER TEMPO E FOCO
TRABALHO
C tad
RELAXAMENTO
LAZER
COMPRAS & VIAGEM
CASA
Tablet
PESSOAL
BUSCA & REDES SOCIAIS
PONTO DE PARTIDA
MAIS CASA DO QUE RUA
Sm t оe
CASA
NÃO SÃO O PONTO FOCAL
GATILHO PARA BUSCAS
Tлev ão
As p oа não ficam e, ла vivem e!
uso sequencial
78%
uso complementar
22%
Todos os pedaços de conteúdo
devem estar disponíveis, mesmo
que sejam acessados por
mecanismos diferentes. 
P idade
Cada d p itivo é a j лa p a a b
+ FÁCIL
+ RÁPIDO
+ ACESSÍVEL
+ LEGAL
Rep a tрação
Es atégia
- NÃO CORTE. ADAPTE!
- CRIE UMA EXPERIÊNCIA CONTINUA
- LEMBRE-SE DAS PESSOAS POR TRÁS
DAS MÁQUINAS!
Em rс o
MEU BLOG: blog.popupdesign.com.br
WINDOWS ON THE WEB: goo.gl/pSbAxO
MICROMOMENTS: goo.gl/rjIsbG
MULTISCREEN WORLD: goo.gl/FkJM8f
SMASHING BOOK 5: goo.gl/jXFLOa
Dicа de leit a

Mais conteúdo relacionado

Mais procurados

Meetup inaugural - Bauru UX Design Group - Fev/2015
Meetup inaugural - Bauru UX Design Group - Fev/2015Meetup inaugural - Bauru UX Design Group - Fev/2015
Meetup inaugural - Bauru UX Design Group - Fev/2015
Talita Pagani
 
Palestra UX Não é Frescura! - Superlógica Xperience 2017
Palestra UX Não é Frescura! - Superlógica Xperience 2017Palestra UX Não é Frescura! - Superlógica Xperience 2017
Palestra UX Não é Frescura! - Superlógica Xperience 2017
Daniel Furtado
 
Experiencia do usuario
Experiencia do usuarioExperiencia do usuario
Experiencia do usuario
Patricia Mesquita
 
UX como estratégia para conquistar clientes e impactar negócios
UX como estratégia para conquistar clientes e impactar negóciosUX como estratégia para conquistar clientes e impactar negócios
UX como estratégia para conquistar clientes e impactar negócios
Priscilla Albuquerque
 
UX Design na AG2
UX Design na AG2UX Design na AG2
UX Design na AG2
Samantha Rosa
 
Niveis maturidade UX
Niveis maturidade UXNiveis maturidade UX
Niveis maturidade UX
Suzi Sarmento
 
Ux vs Ui
Ux vs UiUx vs Ui
Ux vs Ui
Daniel de Paola
 
O papel do Front-End na UX
O papel do Front-End na UXO papel do Front-End na UX
O papel do Front-End na UX
Edu Agni
 
UX Design: desenvolver experiências positivas - #8 Industry Sessions by EDIT....
UX Design: desenvolver experiências positivas - #8 Industry Sessions by EDIT....UX Design: desenvolver experiências positivas - #8 Industry Sessions by EDIT....
UX Design: desenvolver experiências positivas - #8 Industry Sessions by EDIT....
EDIT. - Disruptive Digital Education
 
ux em aplicativos
ux em aplicativosux em aplicativos
ux em aplicativos
Thales Rodrigues
 
UX e Branding para Desenvolvedores
UX e Branding para DesenvolvedoresUX e Branding para Desenvolvedores
UX e Branding para Desenvolvedores
Luiz Vitulo
 
Oficina intensiva de design de interação
Oficina intensiva de design de interaçãoOficina intensiva de design de interação
Oficina intensiva de design de interação
Robson Santos
 
Maturidade UX nas Empresas
Maturidade UX nas EmpresasMaturidade UX nas Empresas
Maturidade UX nas Empresas
Marconi Pacheco
 
Ricardo Nunes - 5o Sou+Web: a união faz a acessibilidade
Ricardo Nunes - 5o Sou+Web: a união faz a acessibilidadeRicardo Nunes - 5o Sou+Web: a união faz a acessibilidade
Ricardo Nunes - 5o Sou+Web: a união faz a acessibilidade
Horácio Soares
 
UX UI para Programadores
UX UI para Programadores UX UI para Programadores
UX UI para Programadores
Monica Mesquita
 
Mobile First & Responsive Design
Mobile First & Responsive DesignMobile First & Responsive Design
Mobile First & Responsive Design
Edu Agni
 
UX - Da pesquisa e extensão ao mercado de trabalho
UX - Da pesquisa e extensão ao mercado de trabalhoUX - Da pesquisa e extensão ao mercado de trabalho
UX - Da pesquisa e extensão ao mercado de trabalho
Diana Fournier
 
Mobile First (ou boas razões para investir em Mobile)
Mobile First (ou boas razões para investir em Mobile)Mobile First (ou boas razões para investir em Mobile)
Mobile First (ou boas razões para investir em Mobile)
Edu Agni
 
Interações para um mundo em mudança
Interações para um mundo em mudançaInterações para um mundo em mudança
Interações para um mundo em mudança
Robson Santos
 
Codamos o UX nos transforma como pessoas
Codamos   o UX nos transforma como pessoas Codamos   o UX nos transforma como pessoas
Codamos o UX nos transforma como pessoas
Diana Fournier
 

Mais procurados (20)

Meetup inaugural - Bauru UX Design Group - Fev/2015
Meetup inaugural - Bauru UX Design Group - Fev/2015Meetup inaugural - Bauru UX Design Group - Fev/2015
Meetup inaugural - Bauru UX Design Group - Fev/2015
 
Palestra UX Não é Frescura! - Superlógica Xperience 2017
Palestra UX Não é Frescura! - Superlógica Xperience 2017Palestra UX Não é Frescura! - Superlógica Xperience 2017
Palestra UX Não é Frescura! - Superlógica Xperience 2017
 
Experiencia do usuario
Experiencia do usuarioExperiencia do usuario
Experiencia do usuario
 
UX como estratégia para conquistar clientes e impactar negócios
UX como estratégia para conquistar clientes e impactar negóciosUX como estratégia para conquistar clientes e impactar negócios
UX como estratégia para conquistar clientes e impactar negócios
 
UX Design na AG2
UX Design na AG2UX Design na AG2
UX Design na AG2
 
Niveis maturidade UX
Niveis maturidade UXNiveis maturidade UX
Niveis maturidade UX
 
Ux vs Ui
Ux vs UiUx vs Ui
Ux vs Ui
 
O papel do Front-End na UX
O papel do Front-End na UXO papel do Front-End na UX
O papel do Front-End na UX
 
UX Design: desenvolver experiências positivas - #8 Industry Sessions by EDIT....
UX Design: desenvolver experiências positivas - #8 Industry Sessions by EDIT....UX Design: desenvolver experiências positivas - #8 Industry Sessions by EDIT....
UX Design: desenvolver experiências positivas - #8 Industry Sessions by EDIT....
 
ux em aplicativos
ux em aplicativosux em aplicativos
ux em aplicativos
 
UX e Branding para Desenvolvedores
UX e Branding para DesenvolvedoresUX e Branding para Desenvolvedores
UX e Branding para Desenvolvedores
 
Oficina intensiva de design de interação
Oficina intensiva de design de interaçãoOficina intensiva de design de interação
Oficina intensiva de design de interação
 
Maturidade UX nas Empresas
Maturidade UX nas EmpresasMaturidade UX nas Empresas
Maturidade UX nas Empresas
 
Ricardo Nunes - 5o Sou+Web: a união faz a acessibilidade
Ricardo Nunes - 5o Sou+Web: a união faz a acessibilidadeRicardo Nunes - 5o Sou+Web: a união faz a acessibilidade
Ricardo Nunes - 5o Sou+Web: a união faz a acessibilidade
 
UX UI para Programadores
UX UI para Programadores UX UI para Programadores
UX UI para Programadores
 
Mobile First & Responsive Design
Mobile First & Responsive DesignMobile First & Responsive Design
Mobile First & Responsive Design
 
UX - Da pesquisa e extensão ao mercado de trabalho
UX - Da pesquisa e extensão ao mercado de trabalhoUX - Da pesquisa e extensão ao mercado de trabalho
UX - Da pesquisa e extensão ao mercado de trabalho
 
Mobile First (ou boas razões para investir em Mobile)
Mobile First (ou boas razões para investir em Mobile)Mobile First (ou boas razões para investir em Mobile)
Mobile First (ou boas razões para investir em Mobile)
 
Interações para um mundo em mudança
Interações para um mundo em mudançaInterações para um mundo em mudança
Interações para um mundo em mudança
 
Codamos o UX nos transforma como pessoas
Codamos   o UX nos transforma como pessoas Codamos   o UX nos transforma como pessoas
Codamos o UX nos transforma como pessoas
 

Semelhante a User-first Responsive Design

Planejamento e análise de web cenário
Planejamento e análise de web cenárioPlanejamento e análise de web cenário
Planejamento e análise de web cenário
Andre Coimbra
 
Curso Marketing Digital Ana Paula Coelho
Curso Marketing Digital Ana Paula CoelhoCurso Marketing Digital Ana Paula Coelho
Curso Marketing Digital Ana Paula Coelho
Ana Paula Coelho Barbosa
 
Planejamento Estratégico Digital - Felipe Morais
Planejamento Estratégico Digital - Felipe MoraisPlanejamento Estratégico Digital - Felipe Morais
Planejamento Estratégico Digital - Felipe Morais
Integra Cursos
 
Planejamento Estratégico Digital
Planejamento Estratégico DigitalPlanejamento Estratégico Digital
Planejamento Estratégico Digital
Impacta Eventos
 
Palestra ped impacta_29052010
Palestra ped impacta_29052010Palestra ped impacta_29052010
Palestra ped impacta_29052010
gueste7c02f3
 
UX - Experiência do Usuário. Concepção e desenvolvimento de produtos digitais...
UX - Experiência do Usuário. Concepção e desenvolvimento de produtos digitais...UX - Experiência do Usuário. Concepção e desenvolvimento de produtos digitais...
UX - Experiência do Usuário. Concepção e desenvolvimento de produtos digitais...
Paulo Oliveira
 
RP 2.0 e Social Media - São Paulo Digital School
RP 2.0 e Social Media - São Paulo Digital SchoolRP 2.0 e Social Media - São Paulo Digital School
RP 2.0 e Social Media - São Paulo Digital School
FundersClub
 
Entendendo a WEB 2.0
Entendendo a WEB 2.0Entendendo a WEB 2.0
Entendendo a WEB 2.0
Fábio Flatschart
 
Apresentação portfólio Pólvora!
Apresentação portfólio Pólvora!Apresentação portfólio Pólvora!
Apresentação portfólio Pólvora!
Jair Paulo Tavares Silva
 
APP/API e Mobile: o que usar e quando
APP/API e Mobile: o que usar e quandoAPP/API e Mobile: o que usar e quando
APP/API e Mobile: o que usar e quando
Michel Lent Schwartzman
 
Palestra
PalestraPalestra
Apresentação @Sergio_Valente. E agora,José?
Apresentação @Sergio_Valente. E agora,José?Apresentação @Sergio_Valente. E agora,José?
Apresentação @Sergio_Valente. E agora,José?
DM9DDB
 
Proposta hub2015
Proposta hub2015Proposta hub2015
Proposta hub2015
Discovery Tecnologia
 
Oficina Marketing Digital: o uso profissional da mídias sociais
Oficina Marketing Digital: o uso profissional da mídias sociaisOficina Marketing Digital: o uso profissional da mídias sociais
Oficina Marketing Digital: o uso profissional da mídias sociais
Ana Martins
 
Oficina Marketing Digital: o uso profissional das mídias sociais
Oficina Marketing Digital: o uso profissional das mídias sociais Oficina Marketing Digital: o uso profissional das mídias sociais
Oficina Marketing Digital: o uso profissional das mídias sociais
Ana Martins
 
Amithiva Digital
Amithiva DigitalAmithiva Digital
Amithiva Digital
Lucian Prado
 
Planejamento estratégico com foco na Presença Digital
Planejamento estratégico com foco na Presença Digital Planejamento estratégico com foco na Presença Digital
Planejamento estratégico com foco na Presença Digital
Impacta Eventos
 
O poder das plataformas:Elementos-chave da transformação digital
O poder das plataformas:Elementos-chave da transformação digitalO poder das plataformas:Elementos-chave da transformação digital
O poder das plataformas:Elementos-chave da transformação digital
André Spínola
 
O marketing não funciona mais (sozinho)
O marketing não funciona mais (sozinho)O marketing não funciona mais (sozinho)
O marketing não funciona mais (sozinho)
Latitude14
 
Relações Públicas 2.0 - São Paulo Digital School
Relações Públicas 2.0 - São Paulo Digital SchoolRelações Públicas 2.0 - São Paulo Digital School
Relações Públicas 2.0 - São Paulo Digital School
FundersClub
 

Semelhante a User-first Responsive Design (20)

Planejamento e análise de web cenário
Planejamento e análise de web cenárioPlanejamento e análise de web cenário
Planejamento e análise de web cenário
 
Curso Marketing Digital Ana Paula Coelho
Curso Marketing Digital Ana Paula CoelhoCurso Marketing Digital Ana Paula Coelho
Curso Marketing Digital Ana Paula Coelho
 
Planejamento Estratégico Digital - Felipe Morais
Planejamento Estratégico Digital - Felipe MoraisPlanejamento Estratégico Digital - Felipe Morais
Planejamento Estratégico Digital - Felipe Morais
 
Planejamento Estratégico Digital
Planejamento Estratégico DigitalPlanejamento Estratégico Digital
Planejamento Estratégico Digital
 
Palestra ped impacta_29052010
Palestra ped impacta_29052010Palestra ped impacta_29052010
Palestra ped impacta_29052010
 
UX - Experiência do Usuário. Concepção e desenvolvimento de produtos digitais...
UX - Experiência do Usuário. Concepção e desenvolvimento de produtos digitais...UX - Experiência do Usuário. Concepção e desenvolvimento de produtos digitais...
UX - Experiência do Usuário. Concepção e desenvolvimento de produtos digitais...
 
RP 2.0 e Social Media - São Paulo Digital School
RP 2.0 e Social Media - São Paulo Digital SchoolRP 2.0 e Social Media - São Paulo Digital School
RP 2.0 e Social Media - São Paulo Digital School
 
Entendendo a WEB 2.0
Entendendo a WEB 2.0Entendendo a WEB 2.0
Entendendo a WEB 2.0
 
Apresentação portfólio Pólvora!
Apresentação portfólio Pólvora!Apresentação portfólio Pólvora!
Apresentação portfólio Pólvora!
 
APP/API e Mobile: o que usar e quando
APP/API e Mobile: o que usar e quandoAPP/API e Mobile: o que usar e quando
APP/API e Mobile: o que usar e quando
 
Palestra
PalestraPalestra
Palestra
 
Apresentação @Sergio_Valente. E agora,José?
Apresentação @Sergio_Valente. E agora,José?Apresentação @Sergio_Valente. E agora,José?
Apresentação @Sergio_Valente. E agora,José?
 
Proposta hub2015
Proposta hub2015Proposta hub2015
Proposta hub2015
 
Oficina Marketing Digital: o uso profissional da mídias sociais
Oficina Marketing Digital: o uso profissional da mídias sociaisOficina Marketing Digital: o uso profissional da mídias sociais
Oficina Marketing Digital: o uso profissional da mídias sociais
 
Oficina Marketing Digital: o uso profissional das mídias sociais
Oficina Marketing Digital: o uso profissional das mídias sociais Oficina Marketing Digital: o uso profissional das mídias sociais
Oficina Marketing Digital: o uso profissional das mídias sociais
 
Amithiva Digital
Amithiva DigitalAmithiva Digital
Amithiva Digital
 
Planejamento estratégico com foco na Presença Digital
Planejamento estratégico com foco na Presença Digital Planejamento estratégico com foco na Presença Digital
Planejamento estratégico com foco na Presença Digital
 
O poder das plataformas:Elementos-chave da transformação digital
O poder das plataformas:Elementos-chave da transformação digitalO poder das plataformas:Elementos-chave da transformação digital
O poder das plataformas:Elementos-chave da transformação digital
 
O marketing não funciona mais (sozinho)
O marketing não funciona mais (sozinho)O marketing não funciona mais (sozinho)
O marketing não funciona mais (sozinho)
 
Relações Públicas 2.0 - São Paulo Digital School
Relações Públicas 2.0 - São Paulo Digital SchoolRelações Públicas 2.0 - São Paulo Digital School
Relações Públicas 2.0 - São Paulo Digital School
 

User-first Responsive Design