e frot-end
para appUXUX
Graduada em Análise de Sistemas, pós graduada em Gestão de
Projetos de TI, gerente de planejamento e projetos na agência
A...
"...Acho que nosso trabalho é ser
responsável na totalidade pela experiência
do usuário. Se não se cumpre a
expectativa do...
PUB
heavy punk rock
metal
APP
editor de imagem
Atende o
objetivo 2 molduras
3 efeitos
5 montagens
SITE
Performance
OK
+ 5 segundos de
carregamento
Então, o que é UX?
UX designer, não é designer.
Arquitetura de informação
Desenvolvimento (front/back)
Analytics
Design
Conteúdo
Fatores Humanos
...
Dan Saffer
“Às vezes, quando você inova,
comete erros. É melhor admiti-los
rapidamente e continuar a
melhorar suas outras inovações.”...
e frot-end
UXUX
É no front-end que o usuário adquire
sua experiência.
Um time de UX para web não precisa apenas
de habilidades de design ou designers, mas
de conhecimento front-end ou
desenvol...
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,...
SEO
Navegação
Performance
Aperfeiçoamento de interface (respostas por JS)
Possibilidades de interação
Responsivo
Front-end...
“Inconscientemente, você não gosta de
esperar”
Arvind Jain
Engenheiro de performance na google
Performance
HTTP1
CSS Sprite
Mú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)...
HTTP2
O navegador pode manter uma
conexão aberta e paralelizar as
requisições e respostas dentro dela.
HTTP2
CSS Sprite
Múltiplos hostnames
Compressão de imagens
Minificação de CSS
Minificação de HTML
Concatenação de JS
para app
UXUX
OBJETIVO
O que o app faz, em uma linha.
GUIDELINES
Google, Apple e Microsoft.
Projetar na primeira tela o que o app
faz de melhor.
Lançar atualizações com frequência.
Disponibilizar tutoriais.
Monitorar as ratings nas app stores.
Trabalhe para proporcionar boas
experiências!
?
UX for developers
UX for developers
UX for developers
UX for developers
UX for developers
UX for developers
UX for developers
Próximos SlideShares
Carregando em…5
×

UX for developers

168 visualizações

Publicada em

Entenda a relação da experiência do usuário com o front-end e desenvolvimento de app.

Publicada em: Tecnologia
0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
168
No SlideShare
0
A partir de incorporações
0
Número de incorporações
10
Ações
Compartilhamentos
0
Downloads
2
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

UX for developers

  1. 1. e frot-end para appUXUX
  2. 2. Graduada em Análise de Sistemas, pós graduada em Gestão de Projetos 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
  3. 3. "...Acho que nosso trabalho é ser responsável na totalidade pela experiência do usuário. Se não se cumpre a expectativa do cliente, é totalmente nossa culpa, simples." Steve Jobs
  4. 4. PUB heavy punk rock metal
  5. 5. APP editor de imagem Atende o objetivo 2 molduras 3 efeitos 5 montagens
  6. 6. SITE Performance OK + 5 segundos de carregamento
  7. 7. Então, o que é UX?
  8. 8. UX designer, não é designer.
  9. 9. Arquitetura de informação Desenvolvimento (front/back) Analytics Design Conteúdo Fatores Humanos ...
  10. 10. Dan Saffer
  11. 11. “Às vezes, quando você inova, comete erros. É melhor admiti-los rapidamente e continuar a melhorar suas outras inovações.” Steve Jobs
  12. 12. e frot-end UXUX
  13. 13. É no front-end que o usuário adquire sua experiência.
  14. 14. Um time de UX para web não precisa apenas de habilidades de design ou designers, mas de conhecimento front-end ou desenvolvedores front em sua equipe. HTML CSS JS
  15. 15. Designer que sabe front-end.
  16. 16. FRONT-END FRONT-END DESIGN BACK-END
  17. 17. "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/
  18. 18. SEO Navegação Performance Aperfeiçoamento de interface (respostas por JS) Possibilidades de interação Responsivo Front-end na UX
  19. 19. “Inconscientemente, você não gosta de esperar” Arvind Jain Engenheiro de performance na google
  20. 20. Performance HTTP1 CSS Sprite Múltiplos hostnames (imagens.dominio.com) Compressão de imagens - Reduzir Requests
  21. 21. 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)
  22. 22. HTTP2 O navegador pode manter uma conexão aberta e paralelizar as requisições e respostas dentro dela.
  23. 23. HTTP2 CSS Sprite Múltiplos hostnames Compressão de imagens Minificação de CSS Minificação de HTML Concatenação de JS
  24. 24. para app UXUX
  25. 25. OBJETIVO O que o app faz, em uma linha.
  26. 26. GUIDELINES Google, Apple e Microsoft.
  27. 27. Projetar na primeira tela o que o app faz de melhor.
  28. 28. Lançar atualizações com frequência.
  29. 29. Disponibilizar tutoriais.
  30. 30. Monitorar as ratings nas app stores.
  31. 31. Trabalhe para proporcionar boas experiências!
  32. 32. ?

×