A importância dxs desenvolvedorxs front-end na experiência do usuário

Xs desenvolvedorxs front-end muitas vezes não reconhece sua função, de uma certa maneira, como a de um UX também, e sim apenas como de uma pessoa que “reproduz as telas”. Xs desenvolvedorxs front-end precisam entender que são peças fundamentais na experiência do usuário, e que essa função não é única e exclusiva do profissional de UX.

Transcript

1. A importância do front-end na experiência do usuário. Leandro Diniz https://unsplash.com/photos/lqZPleZ4ERA
2. Experiência do usuário é sobre pessoas, e não sobre design.
3. Leandro Diniz Lead Front-end @ Acesso Digital @leandrodiniz
5. Reconhecimento facial que auxilia na autenticação e validação de identidades.
6. Processo de admissão de funcionários sem burocracia.
7. O que é a experiência do usuário?
10. “Person’s perceptions and responses resulting from the use and or anticipated use of a product, system or service.” International Organization for Standardization (ISO) https://unsplash.com/photos/pb_lF8VWaPU
11. Don Norman co-fundador do Nielsen Norman Group e o cunhador do termo UX.
12. “I invented the term because I thought Human Interface and usability was too narrow; I wanted to cover all aspects of a person’s experience with a system, including industrial design, graphics, the interface, the physical interaction, and the manual. Since then, the term has spread widely, so much so that it is starting to lose its meaning.” — Don Norman
13. O termo “UX” nos dias de hoje https://unsplash.com/photos/VK284NKoAVU
14. https://www.youtube.com/watch?v=9BdtGjoIN4E
15. A experiência do usuário é tudo!
17. O usuário nem sempre é você. Crie empatia.
19. O front-end e a experiência do usuário.
20. Design and code with performance in mind. — Front-End Performance Checklist
21. Performance front-end
22. Como aumentar a performance da minha aplicação?
23. Sempre deixe as tags CSS antes das tags JavaScript Garanta que seu CSS seja carregado antes do JS Minificação do CSS e JS Comentários, espaços em brancos e novas linhas são removidas no ambiente de produção. Non-blocking Arquivos CSS precisam ser non-blocking para evitar que o DOM leve muito tempo para carregar. Use Service Workers Ricas experiências offline, push notifications - funcionalidade que normalmente requeriam uma aplicação nativa - disponível na web.
24. WebPagetest https://developers.google.com/speed/pagespeed/insights/
25. PageSpeed Insights https://developers.google.com/speed/pagespeed/insights/
26. Front-End Performance Checklist https://github.com/thedaviddias/Front-End-Performance-Checklist
27. Lighthouse https://developers.google.com/web/tools/lighthouse/
28. “Person’s perceptions and responses resulting from the use and or anticipated use of a product, system or service.” International Organization for Standardization (ISO)
29. Perceived Performance
30. Performance is never about milliseconds, kilobytes or number of requests; it is not about mathematics. Performance is all about perception and psychology.
31. Tempo cronológico e tempo psicológico https://www.smashingmagazine.com/2015/09/why-performance-matters-the-perception-of-time/
32. “Time persists merely as a consequence of the events taking place in it.” — Martin Heidegger
33. https://www.smashingmagazine.com/2015/09/why-performance-matters-the-perception-of-time/
34. Quase qualquer evento pode ser expressado por duas diferentes fases: ativa e passiva.
35. Lembre-se que tempo é dinheiro.
37. Sempre dê feedback para o usuário.
38. https://www.smashingmagazine.com/2015/09/why-performance-matters-the-perception-of-time/
40. Uma boa experiência do usuário exige um bom desenvolvimento front-end.
41. “O desenvolvimento front-end não é sobre como resolver problemas de tecnologia…
42. …o desenvolvimento front-end é sobre como assegurar uma boa experiência do usuário.”
43. Referências: https://www.webdesignerdepot.com/2012/06/ui-vs-ux-whats-the-difference/
 https://uxdesign.blog.br/o-papel-do-front-end-na-ux-18c71249c29a
 https://uxdesign.blog.br/a-tr%C3%ADade-da-experi%C3%AAncia-digital-2fb4644ad983
 https://accpl.co/customer-experience-begins-user-experience/
 https://medium.com/@alexewerlof/what-is-a-ux-engineer-1286d4b6d0e8
 https://www.liferay.com/pt/resources/l/user-experience
 http://semanticstudios.com/user_experience_design/
 https://www.usertesting.com/blog/what-is-user-experience/
 https://uxdesign.blog.br/don-norman-e-o-termo-ux-6dffb3f8d218
 https://speakerdeck.com/fernandabernardo/perceived-performance
 https://www.smashingmagazine.com/2015/12/performance-matters-part-3-tolerance-management/
44. Obrigado! @leandro_diniz