ux for developers

Download UX for developers

Post on 16-Aug-2015

59 views

Category:

Technology

0 download

Embed Size (px)

TRANSCRIPT

  1. 1. e frot-end para appUXUX
  2. 2. Graduada em Anlise de Sistemas, ps graduada em Gesto de Projetos de TI, gerente de planejamento e projetos na agncia AstrusWEB e scia do e-commerce Morion Store. FABIANE AULER inwww.linkedin.com/in/fabianeauler
  3. 3. "...Acho que nosso trabalho ser responsvel na totalidade pela experincia do usurio. Se no 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. Ento, o que UX?
  8. 8. UX designer, no designer.
  9. 9. Arquitetura de informao Desenvolvimento (front/back) Analytics Design Contedo Fatores Humanos ...
  10. 10. Dan Saer
  11. 11. s vezes, quando voc inova, comete erros. melhor admiti-los rapidamente e continuar a melhorar suas outras inovaes. Steve Jobs
  12. 12. e frot-end UXUX
  13. 13. no front-end que o usurio adquire sua experincia.
  14. 14. Um time de UX para web no 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 informao, enquanto um sistema feito por toda equipe." http://tableless.com.br/ux-uma-responsabilidade-de-todos/
  18. 18. SEO Navegao Performance Aperfeioamento de interface (respostas por JS) Possibilidades de interao Responsivo Front-end na UX
  19. 19. Inconscientemente, voc no gosta de esperar Arvind Jain Engenheiro de performance na google
  20. 20. Performance HTTP1 CSS Sprite Mltiplos hostnames (imagens.dominio.com) Compresso de imagens - Reduzir Requests
  21. 21. Performance HTTP1 Minicao de cdigo grunt-contrib-cssmin (minicao de css) grunt-contrib-htmlmin (minicao de HTML) - Reduzir Requests Concatenao de cdigo grunt-contrib-uglify (concatenar vrios arquivos js no mesmo)
  22. 22. HTTP2 O navegador pode manter uma conexo aberta e paralelizar as requisies e respostas dentro dela.
  23. 23. HTTP2 CSS Sprite Mltiplos hostnames Compresso de imagens Minicao de CSS Minicao de HTML Concatenao 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. Lanar atualizaes com frequncia.
  29. 29. Disponibilizar tutoriais.
  30. 30. Monitorar as ratings nas app stores.
  31. 31. Trabalhe para proporcionar boas experincias!
  32. 32. ?