O documento discute a importância de ter desenvolvedores front-end na equipe de UX para garantir uma boa experiência do usuário. Também aborda como a performance afeta a UX e como técnicas como minificação, concatenação e HTTP2 podem melhorar a performance. Por fim, destaca a necessidade de seguir guidelines de plataformas e ouvir o feedback dos usuários para aprimorar aplicativos móveis.

1. e frot-end
para appUXUX

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. "...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. PUB
heavy punk rock
metal

6. APP
editor de imagem
Atende o
objetivo 2 molduras
3 efeitos
5 montagens

8. SITE
Performance
OK
+ 5 segundos de
carregamento

10. Então, o que é UX?

11. UX designer, não é designer.

12. Arquitetura de informação
Desenvolvimento (front/back)
Analytics
Design
Conteúdo
Fatores Humanos
...

13. Dan Saffer

15. “Às vezes, quando você inova,
comete erros. É melhor admiti-los
rapidamente e continuar a
melhorar suas outras inovações.”
Steve Jobs

16. e frot-end
UXUX

17. É no front-end que o usuário adquire
sua experiência.

18. 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

19. Designer que sabe front-end.

22. FRONT-END
FRONT-END
DESIGN
BACK-END

23. "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/

24. SEO
Navegação
Performance
Aperfeiçoamento de interface (respostas por JS)
Possibilidades de interação
Responsivo
Front-end
na
UX

25. “Inconscientemente, você não gosta de
esperar”
Arvind Jain
Engenheiro de performance na google

26. Performance
HTTP1
CSS Sprite
Múltiplos hostnames (imagens.dominio.com)
Compressão de imagens
- Reduzir Requests

27. 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)

28. HTTP2
O navegador pode manter uma
conexão aberta e paralelizar as
requisições e respostas dentro dela.

29. HTTP2
CSS Sprite
Múltiplos hostnames
Compressão de imagens
Minificação de CSS
Minificação de HTML
Concatenação de JS

30. para app
UXUX

31. OBJETIVO
O que o app faz, em uma linha.

32. GUIDELINES
Google, Apple e Microsoft.

33. Projetar na primeira tela o que o app
faz de melhor.

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

35. Disponibilizar tutoriais.

36. Monitorar as ratings nas app stores.

37. Trabalhe para proporcionar boas
experiências!

39. ?