SlideShare uma empresa Scribd logo
1 de 26
Baixar para ler offline
- 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/2015Talita 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 2017Daniel Furtado
 
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óciosPriscilla Albuquerque
 
Niveis maturidade UX
Niveis maturidade UXNiveis maturidade UX
Niveis maturidade UXSuzi Sarmento
 
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 UXEdu 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 e Branding para Desenvolvedores
UX e Branding para DesenvolvedoresUX e Branding para Desenvolvedores
UX e Branding para DesenvolvedoresLuiz 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çãoRobson Santos
 
Maturidade UX nas Empresas
Maturidade UX nas EmpresasMaturidade UX nas Empresas
Maturidade UX nas EmpresasMarconi 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 acessibilidadeHorá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 DesignEdu 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 trabalhoDiana 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çaRobson 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 Projeto de UI para múltiplas telas

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árioAndre Coimbra
 
Planejamento Estratégico Digital - Felipe Morais
Planejamento Estratégico Digital - Felipe MoraisPlanejamento Estratégico Digital - Felipe Morais
Planejamento Estratégico Digital - Felipe MoraisIntegra Cursos
 
Planejamento Estratégico Digital
Planejamento Estratégico DigitalPlanejamento Estratégico Digital
Planejamento Estratégico DigitalImpacta Eventos
 
Palestra ped impacta_29052010
Palestra ped impacta_29052010Palestra ped impacta_29052010
Palestra ped impacta_29052010gueste7c02f3
 
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 SchoolFundersClub
 
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
 
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 sociaisAna 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
 
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 digitalAndré 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 SchoolFundersClub
 

Semelhante a Projeto de UI para múltiplas telas (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
 

Projeto de UI para múltiplas telas