UX for developers

Download UX for developers

Post on 16-Aug-2015

58 views

Category:

Technology

0 download

Embed Size (px)

TRANSCRIPT

<ol><li> 1. e frot-end para appUXUX </li><li> 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 </li><li> 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 </li><li> 4. PUB heavy punk rock metal </li><li> 5. APP editor de imagem Atende o objetivo 2 molduras 3 efeitos 5 montagens </li><li> 6. SITE Performance OK + 5 segundos de carregamento </li><li> 7. Ento, o que UX? </li><li> 8. UX designer, no designer. </li><li> 9. Arquitetura de informao Desenvolvimento (front/back) Analytics Design Contedo Fatores Humanos ... </li><li> 10. Dan Saer </li><li> 11. s vezes, quando voc inova, comete erros. melhor admiti-los rapidamente e continuar a melhorar suas outras inovaes. Steve Jobs </li><li> 12. e frot-end UXUX </li><li> 13. no front-end que o usurio adquire sua experincia. </li><li> 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 </li><li> 15. Designer que sabe front-end. </li><li> 16. FRONT-END FRONT-END DESIGN BACK-END </li><li> 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/ </li><li> 18. SEO Navegao Performance Aperfeioamento de interface (respostas por JS) Possibilidades de interao Responsivo Front-end na UX </li><li> 19. Inconscientemente, voc no gosta de esperar Arvind Jain Engenheiro de performance na google </li><li> 20. Performance HTTP1 CSS Sprite Mltiplos hostnames (imagens.dominio.com) Compresso de imagens - Reduzir Requests </li><li> 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) </li><li> 22. HTTP2 O navegador pode manter uma conexo aberta e paralelizar as requisies e respostas dentro dela. </li><li> 23. HTTP2 CSS Sprite Mltiplos hostnames Compresso de imagens Minicao de CSS Minicao de HTML Concatenao de JS </li><li> 24. para app UXUX </li><li> 25. OBJETIVO O que o app faz, em uma linha. </li><li> 26. GUIDELINES Google, Apple e Microsoft. </li><li> 27. Projetar na primeira tela o que o app faz de melhor. </li><li> 28. Lanar atualizaes com frequncia. </li><li> 29. Disponibilizar tutoriais. </li><li> 30. Monitorar as ratings nas app stores. </li><li> 31. Trabalhe para proporcionar boas experincias! </li><li> 32. ? </li></ol>