user-first responsive design

!"-#st rсp'ive )b dсign

DESIGNER & DESENVOLVEDORA

D-i Gu/atoPortfólio: popupdesign.com.br

Email: dani@popupdesign.com.br

Facebook: fb.com.br/daniguerrato

DESIGNER & DESENVOLVEDOR

Le-dro L2aPortfó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рfa5

sр h7-o

Antс de p9: em с;atégia, p9e 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?@A

São 273.6 milhões de celulares vs. 201 milhões de habitantes.

O BrBC tem maD dDpEitivE móveD que pFoA

EscHha = Objetivo + C@tIto

Objetivo do usuário!

- Precisa saber

- Precisa encontrar

- Precisa comprar

- Precisa ir

- Precisa resolver um problema

MiJo mKLtM

mapa dos momentos

JNnada

TEMPO

LUGAR

COMODISMO

ESTADO DE ESPÍRITO

C@tIto

PRODUTIVIDADE

SERIEDADE

REQUER TEMPO E FOCO

TRABALHO

CKOtadP

RELAXAMENTO

LAZER

COMPRAS & VIAGEM

CASA

Tablet

PESSOAL

BUSCA & REDES SOCIAIS

PONTO DE PARTIDA

MAIS CASA DO QUE RUA

Sm:tU@e

CASA

NÃO SÃO O PONTO FOCAL

GATILHO PARA BUSCAS

TлevDão

As pFoB não ficam Y>e, лB vivem Y>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 dDpEitivo é 7a j-лa p:a a )b

+ FÁCIL

+ RÁPIDO

+ ACESSÍVEL

+ LEGAL

Rep9: 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с7o

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

DicB de leit[a