26
- st pi v e b d сi gn

User-first Responsive Design

Embed Size (px)

Citation preview

Page 1: User-first Responsive Design

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

Page 2: User-first Responsive Design

DESIGNER & DESENVOLVEDORA

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

Email: [email protected]

Facebook: fb.com.br/daniguerrato

Page 3: User-first Responsive Design

DESIGNER & DESENVOLVEDOR

Le-dro L2aPortfólio: popupdesign.com.br

Email: [email protected]

Facebook: fb.com.br/leandro.goes.lima

Page 4: User-first Responsive Design

Conjunto de técnicas para melhorar a experiência do usuário

independente da plataforma.

Dсign Rсp'ivo

Page 5: User-first Responsive Design

Novas e melhores formas das pessoas interagirem com as máquinas.

Dсign de Intрfa5

Page 6: User-first Responsive Design

sр h7-o

Page 7: User-first Responsive Design

Antс de p9: em с;atégia, p9e no <uário.

Page 8: User-first Responsive Design

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

Page 9: User-first Responsive Design

Observação + dados + hipóteses + empatia

C';u>do p?@A

Page 10: User-first Responsive Design

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

O BrBC tem maD dDpEitivE móveD que pFoA

Page 11: User-first Responsive Design

EscHha = Objetivo + C@tIto

Page 12: User-first Responsive Design

Objetivo do usuário!

- Precisa saber

- Precisa encontrar

- Precisa comprar

- Precisa ir

- Precisa resolver um problema

MiJo mKLtM

Page 13: User-first Responsive Design

mapa dos momentos

JNnada

Page 14: User-first Responsive Design

TEMPO

LUGAR

COMODISMO

ESTADO DE ESPÍRITO

C@tIto

Page 15: User-first Responsive Design

PRODUTIVIDADE

SERIEDADE

REQUER TEMPO E FOCO

TRABALHO

CKOtadP

Page 16: User-first Responsive Design

RELAXAMENTO

LAZER

COMPRAS & VIAGEM

CASA

Tablet

Page 17: User-first Responsive Design

PESSOAL

BUSCA & REDES SOCIAIS

PONTO DE PARTIDA

MAIS CASA DO QUE RUA

Sm:tU@e

Page 18: User-first Responsive Design

CASA

NÃO SÃO O PONTO FOCAL

GATILHO PARA BUSCAS

TлevDão

Page 19: User-first Responsive Design

As pFoB não ficam Y>e, лB vivem Y>e!

Page 20: User-first Responsive Design

uso sequencial

78%uso complementar 22%

Page 21: User-first Responsive Design

Todos os pedaços de conteúdo

devem estar disponíveis, mesmo

que sejam acessados por

mecanismos diferentes. 

P:idade

Page 22: User-first Responsive Design

Cada dDpEitivo é 7a j-лa p:a a )b

Page 23: User-first Responsive Design

+ FÁCIL

+ RÁPIDO

+ ACESSÍVEL

+ LEGAL

Rep9: a >tрação

Page 24: User-first Responsive Design

Es;atégia

Page 25: User-first Responsive Design

- NÃO CORTE. ADAPTE!

- CRIE UMA EXPERIÊNCIA CONTINUA

- LEMBRE-SE DAS PESSOAS POR TRÁS

DAS MÁQUINAS!

Em rс7o

Page 26: User-first Responsive Design

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