O documento discute o papel do front-end na experiência do usuário (UX). O front-end deve estar envolvido desde o início do processo de design para ajudar a melhorar a arquitetura da informação e a interação do produto. Além disso, frameworks front-end devem ser usados de forma a garantir antes de mais nada uma boa experiência para o usuário.

1. Front-end na UX

2. Henrique Neto
Head of UX na uaufood.co
co-founder da Amazônia
Premium & Ládácá
Dev full stack arquiteto da informação,
analista de MKT digital, analista de ux,
planner, creative, coordenador, baixista,
nintendista, fuçador, anything…
*Writer dos blogs Uxdesign.cc Brasil & Coletivo UX.
*Alguns cases locais: Manioca, Container Café-
bar, Cachaça de Jambú, Arte Jupati, Hospital
cynthia charone, Athenas eng. Cyrela, Pará 2000:
Secult, Mangal das garças, Estação das docas,
Hangar.
*cases fora da região: Arte Jupati, Benfaz,
Amazonly, Desratox, Essencial Moda, Clínica
Vitare, Clínica Renovance.

3. User Experience (UX)
O que é a tal da experiência do
usuário?

5. User Experience (UX)
O termo Experiência do Usuário foi
cunhado pela primeira vez por Don
Norman, em meados de 1990.

6. User Experience (UX)
Entenda essa viagem...

7. User Experience (UX)

8. User Experience (UX)
Avaliação do rápida do produto produto:
- Eu consigo usá-lo? (Usabilidade)
- Eu devo usá-lo? (utilidade)
- Eu quero usá-lo? (desejo)

9. User Experience (UX)
Tríade da experiência digital:
1 - Utilidade
2 - Usabilidade
3 - Desejabilidade

10. User Experience (UX)

11. User Experience (UX)
Tríade da experiência digital:
1 - Projetar para pessoas (Utilidade)
2 - Compartilhar boas histórias (Usabilidade)
3- Estimular os sentidos (Desejabilidade)

12. User Experience (UX)

13. Front-end na UX
Mas como funciona esse processo louco?

14. User Experience (UX)
- Falar em produto, é falar em quem
consome esse produto e o que ele
consegue entregar de valor.

15. User Experience (UX)
- E como entregar um produto com
experiências incríveis?

16. User Experience (UX)
Precisamos de Designers??

17. User Experience (UX)
Sempre!!!

18. User Experience (UX)
Mas uma boa experiência do usuário,
exige um bom desenvolvimento Front-
end.

19. User Experience (UX)
Times de UX, precisam mais do que
apenas designers. Precisam de
desenvolvedores Front-end.

20. User Experience (UX)

21. User Experience (UX)
Facets of the user
experience
Peter Moville
- Presidente da Semantic
Studios

22. User Experience (UX)
The 7 Factors that Influence User
Experience:

23. User Experience (UX)

24. User Experience (UX)

25. User Experience (UX)

26. User Experience (UX)

27. Front-end na UX
- O dev front-end deve entender, criticar e
ajudar a melhorar o processo de criação do
modelo de interação, ou seja todo o processo
de iA (Arquitetura da informação), projetando
wireframes, sitemaps, userstories…).

28. User Experience (UX)
Jornada da Experiência do Usuário

29. User Experience (UX)

30. Front-end na UX
O que é a tal da Web semântica??

31. Front-end na UX
- É uma extensão da web atual:
Máquinas e humanos trabalhando em
cooperação, interligando conteúdo pelo
significado.

32. Front-end na UX
- Desenvolver tecnologias que tornem
a informação legível para as
máquinas.

33. Front-end na UX

34. Front-end na UX
- Validadores não garantem uma boa
semântica

35. Front-end na UX
- Validadores encontram erros de
sintaxe, mas não garantem um
código bem estruturado
semanticamente.

36. Front-end na UX

37. Front-end na UX
A web é escalável

38. Front-end na UX
O processo de mercado e
desenvolvimento da web,
mudaram.

39. Front-end na UX
Design orientado para o crescimento (GDG)

40. Front-end na UX

41. Front-end na UX
Etapas do GDG:
1 - Planejamento estratégico
2 - Desenvolvimento acelerado
3 - Ciclos de melhoria continuada

42. Front-end na UX
Em termos gerais, o objetivo do Growth-
Driven Design é encurtar o tempo de
publicação para focar no que realmente vai
causar o maior impacto em seu usuário e
produzir, a cada dia, os melhores resultados.

43. Front-end na UX

44. Front-end na UX

45. Frameworks Front-end

46. Front-end na UX
O Desenvolvimento Front-end não é sobre
como resolver problemas de tecnologia.

47. Front-end na UX
O Desenvolvimento Front-end ux é sobre
como assegurar uma boa experiência do
usuário em um produto.

48. Front-end na UX
- Not Mobile First, is First
Contents.
- It's not Contents first, it's
People First...

49. Front-end na UX
Valeeu!!