Palestra realizada em 22 de dezembro de 2016 a convite da Procempa (Cia de Processamento de Dados Do Município De Porto Alegre).

1. USER EXPERIENCE
PARA DEVS
Samantha Rosa
@sahrosa
PROCEMPA - Dezembro de 2016

2. DESIGNERS +
DESENVOLVEDORES =
<3

3. Projetamos soluções para a experiência
de uso de produtos ou serviços.
Para que as experiências sejam boas,
precisamos entender quem são os
usuários do produto ou serviço.
Fazemos:

4. ……

5. Entender seus problemas e dificuldades,
descobrir o que os faz felizes. Ajuda-los a
atingir seus objetivos.
Queremos:

6. UX Design não é deixar "bonitinho".
Não queremos:

7. Design ≠ Arte

8. Como fazemos:
ESTRATÉGIA
PESQUISAINTERAÇÃO
DESIGN VISUALUI DEV

9. Processo/método:

10. E o que os
desenvolvedores
tem a ver com isso?

11. 11
Performance é user
experience. Mas depende
do desenvolvimento!

13. 13
O design se tornou
importante demais
para ser deixado
exclusivamente
para os designers.
Tim Brown

14. 14
Temos os mesmos objetivos!

15. Antes designers e desenvolvedores
trabalhavam totalmente separados.
O designer era (ou se considerava)
o herói, intocável, inquestionável…

17. 17
Isso não faz sentido, e vem mudando
desde que surgiram os movimentos de
Lean UX e Design Contínuo.

18. Modelo 1: Cascata

19. ANÁLISE DE
NEGÓCIOS
ARQUITETURA
DE INFORMAÇÃO
DESIGN
VISUAL
DESENVOLVIMENTO
FRONT-END
DESENVOLVIMENTO
BACK-END
Design em cascata:

20. ANÁLISE DE
NEGÓCIOS
ARQUITETURA
DE INFORMAÇÃO
DESIGN
VISUAL
DESENVOLVIMENTO
FRONT-END
DESENVOLVIMENTO
BACK-END
Design em cascata:
o design "perfeito"

21. 21
E no final do projeto…

22. E nesse cenário, então…

23. Modelo 2: “Ágil”

24. Design “ágil”

25. 80% das features não são usadas
Design “ágil”

27. Modelo 3: Lean UX

28. Design contínuo

29. mínimo viável para validação
Design contínuo

30. Lean UX lets
you focus on the
actual experience
being designed,
rather than
deliverables
Jeff Gothelf

31. Experimentos
Pesquisa
Avaliação
• Movimento noPSD
• Style guides vivos
• Princípios de design
• Testes de usabilidade
• Testes A/B
• Dados analíticos
• Entrevistas de guerrillla
• Ideação em hipóteses
• Critérios de sucesso
De ponta a ponta

32. Dicas práticas
para o dia-a-dia

33. 33
1
Trabalhar juntos
não quer dizer apenas
sentar na mesma mesa

34. Defina a visão em conjunto
Não vale descubrir todas as respostas sozinho

35. UMA VISÃO
DEFINIDA
UM PRODUTO
REFINADO
Output esperado

36. Output esperado
Todos sabem:
• Quem é o público alvo
• Quais cenários focar
• Oportunidades existentes
• O que nos faz felizes
Todos sabem:
• Produto que encaixa em uma
necessidade
• Modelo de negócio que
encaixa em necessidade
UMA VISÃO
DEFINIDA
UM PRODUTO
REFINADO

37. Incentive a
equipe a perguntar ;)

38. 2
Mantenha os usuários
por perto

39. Não.. nós não somos os
usuários do produto :P

40. Sempre pensar em cima de melhorias
Pesquisa não é pra confirmar
o que você já sabia

41. Quais “jobs” devem ser
executados pelos usuários?

42. Aren’t we asking a little too
much from our users?

43. 3
Estejamos vulneráveis para
realmente aprender

44. Aprenda com os usuários
e stakeholders

45. 45
Feedback de design!

46. Use dados de uso

47. 4
Sem upfront design

48. Todo mundo sabe desenhar círculos, retângulos…
Envolvam todos
nas sessões de design

49. 49
Live style guides + Documentação compartilhada
Style guides <3

50. 50
Adoramos sugestões!

51. 5
Aproveitando
boas práticas

52. 52
E por que não parear designer e desenvolvedor?
Pair programming!

53. Aprendam! Github é demais :)
Github!

54. 54
Tablero, Fireideaz, Waffle…
Board compartilhado

55. Gitbook para
documentação

56. 6
E se não der pra trabalhar
juntos sempre?

57. Acessibilidade
não é acessório!

58. 58
• Contraste sempre!
• Não tenha medo dos espaçamentos
• Alinhamento sempre à esquerda…
Ensinem :)

59. Todo mundo pode ser um pouco de tudo
Seja multifuncional

60. 60
A mais persistente e urgente
questão da vida é essa: o que
você está fazendo pelos outros?
M. LUTHER KING

61. • Lean UX. Jeff Gothelf
• Change by Design. Tim Brown
• Não me faça pensar, Steve Krug
• Design do dia a dia, Donald Norman
• About Face 3, Alan Cooper
• Blog Arquitetura de Informação
• Hack Design - www.hackdesign.org
Pra saber mais sobre UX:

62. 62
Somos todos
desenvolvedores
de software!

63. GRACIAS :)
Samantha Rosa
@sahrosa
PROCEMPA - Dezembro de 2016