Download - UX for developers

Transcript

e frot-endpara appUXUX

Graduada em Análise de Sistemas, pós graduada em Gestão deProjetos de TI, gerente de planejamento e projetos na agência

AstrusWEB e sócia do e-commerce Morion Store.

FABIANE AULER

inwww.linkedin.com/in/fabianeauler

"...Acho que nosso trabalho é serresponsável na totalidade pela experiência

do usuário. Se não se cumpre aexpectativa do cliente, é totalmente nossa

culpa, simples."Steve Jobs

PUB

heavy punk rockmetal

APPeditor de imagem

Atende oobjetivo 2 molduras

3 efeitos5 montagens

SITE

PerformanceOK

+ 5 segundos de carregamento

Então, o que é UX?

UX designer, não é designer.

Arquitetura de informaçãoDesenvolvimento (front/back)

AnalyticsDesign

ConteúdoFatores Humanos

...

Dan Saffer

“Às vezes, quando você inova,comete erros. É melhor admiti-los

rapidamente e continuar amelhorar suas outras inovações.”

Steve Jobs

e frot-endUXUX

É no front-end que o usuário adquiresua experiência.

Um time de UX para web não precisa apenasde habilidades de design ou designers, mas

de conhecimento front-end oudesenvolvedores front em sua equipe.

HTML CSS JS

Designer que sabe front-end.

FRONT-END

FRONT-END

DESIGN

BACK-END

"O maior erro de muitas empresas hoje éatribuir a responsabilidade de UX apenas aos

designers e arquitetos de informação,enquanto um sistema é feito por toda equipe."

http://tableless.com.br/ux-uma-responsabilidade-de-todos/

SEONavegaçãoPerformanceAperfeiçoamento de interface (respostas por JS)

Possibilidades de interaçãoResponsivo

Front-endna

UX

“Inconscientemente, você não gosta deesperar”

Arvind JainEngenheiro de performance na google

Performance

HTTP1CSS SpriteMúltiplos hostnames (imagens.dominio.com)

Compressão de imagens

- Reduzir Requests

Performance

HTTP1

Minificação de código

grunt-contrib-cssmin (minificação de css)

grunt-contrib-htmlmin (minificação de HTML)

- Reduzir Requests

Concatenação de código

grunt-contrib-uglify (concatenar vários arquivos js no mesmo)

HTTP2O navegador pode manter umaconexão aberta e paralelizar as

requisições e respostas dentro dela.

HTTP2

CSS SpriteMúltiplos hostnamesCompressão de imagensMinificação de CSSMinificação de HTMLConcatenação de JS

para appUXUX

OBJETIVOO que o app faz, em uma linha.

GUIDELINESGoogle, Apple e Microsoft.

Projetar na primeira tela o que o appfaz de melhor.

Lançar atualizações com frequência.

Disponibilizar tutoriais.

Monitorar as ratings nas app stores.

Trabalhe para proporcionar boasexperiências!

?


Top Related