UX for developers

160 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
160
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. ?

×