Este documento discute como designers e desenvolvedores podem trabalhar juntos de forma mais efetiva no processo de design de experiência do usuário (UX). Ele explica como os métodos tradicionais de design em cascata não funcionam bem e propõe abordagens ágeis e de design contínuo. O documento fornece dicas práticas como definir uma visão compartilhada, manter os usuários no centro do processo e usar dados e feedback para melhorar continuamente o produto.

1. 1
UX PARA
DESENVOLVEDORES
Samantha Rosa & Tassia Spinelli
QCon Rio 2015

2. Samantha Rosa Tassia Spinelli

3. OBJETIVOS

4. O QUE É UX DESIGN?

5. Projetar soluções para a experiência
de uso de produtos ou serviços.
Para que essas experiências sejam
boas, precisamos entender quem é
o usuário desse produto ou serviço.

7. ??

8. • Entender problemas e dificuldades
• Descobrir o que os faz felizes
• Ajuda-los a atingir seus objetivos
QUEREMOS:

9. UX Design não é só deixar "bonitinho".
NÃO QUEREMOS:

10. COMO FAZEMOS ISSO:
ESTRATÉGIA
PESQUISAINTERAÇÃO
DESIGN VISUALUI DEV

11. PROCESSO/MÉTODO

12. E O QUE VOCÊS TEM A VER
COM ISSO? TUDO.

13. 13
PERFORMANCE É USER
EXPERIENCE. MAS DEPENDE
DO DESENVOLVIMENTO!

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…
Isso não faz sentido, e vem mudando
desde que surgiram os movimentos de
Lean UX e Design Contínuo.

16. FASE 1: CASCATA

17. 17
ANÁLISE DE
NEGÓCIOS
ARQUITETURA
DE INFORMAÇÃO
DESIGN
VISUAL
DESENVOLVIMENTO
FRONT-END
DESENVOLVIMENTO
BACK-END
DESIGN EM CASCATA

18. 18
ANÁLISE DE
NEGÓCIOS
ARQUITETURA
DE INFORMAÇÃO
DESIGN
VISUAL
DESENVOLVIMENTO
FRONT-END
DESENVOLVIMENTO
BACK-END
O "DESIGN PERFEITO"
DESIGN EM CASCATA

19. 19
E NO FINAL DO PROJETO…

20. E NESSE CENÁRIO, ENTÃO…

21. FASE 2: "ÁGIL"

22. DESIGN "ÁGIL"

23. 80% DAS FEATURES NÃO SÃO USADAS
DESIGN "ÁGIL"

25. FASE 3: LEAN UX

26. DESIGN CONTÍNUO

27. O MÍNIMO VIÁVEL PARA VALIDAÇÃO
DESIGN CONTÍNUO

28. Lean UX lets
you focus on the
actual experience
being designed,
rather than
deliverables
— JEFF GOTHELF

29. EXPERIMENTOS
PESQUISA
AVALIAÇÃO
• Movimento noPSD
• Style guides vivos
• Princípios de design
• Testes de guerrillla
• Testes A/B
• Dados analíticos
• Entrevistas de guerrillla
• Ideação em hipóteses
• Critérios de sucesso
DE PONTA A PONTA

30. DICAS PRÁTICAS
PRO DIA A DIA

31. 31
TRABALHAR JUNTOS
NÃO QUER DIZER APENAS
SENTAR NA MESMA MESA
1

32. DEFINA A VISÃO EM CONJUNTO
Não espere que UX tenha todas as respostas

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

34. UMA VISÃO
DEFINIDA
UM PRODUTO
REFINADO
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

35. 35
SEJAM CURIOSOS: PERGUNTEM!

36. MANTENHA SEUS
USUÁRIOS POR PERTO
2

37. 37
NÃO… VOCÊ NÃO É O
USUÁRIO DO SEU PRODUTO :P

38. NÃO É PRA CONFIRMAR
O QUE VOCÊ JÁ SABIA
Sempre pensar em cima de melhorias

39. QUAIS ‘JOBS' DEVEM SER
EXECUTADOS PELO USUÁRIO?

40. "AREN’T WE ASKING A LITTLE TOO
MUCH FROM OUR USERS?"

41. ESTEJAMOS VULNERÁVEIS
PARA REALMENTE APRENDER
3

42. APRENDA COM OS USUÁRIOS
E STAKEHOLDERS

43. 43
FEEDBACK DE DESIGN
Faça colaborativamente!

44. USE DADOS DE USO

45. SEM UP FRONT DESIGN
4

46. NO
UP
FRONT
DESIGN

47. PARTICIPEM DAS
SESSÕES DE DESIGN
Todo mundo sabe desenhar círculos, retângulos…

48. 48
STYLE GUIDES <3
Live style guides + Documentação compartilhada

49. 49
ADORAMOS SUGESTÕES

50. APROVEITANDO
BOAS PRÁTICAS
5

51. 51
PAIR PROGRAMMING
E por que não parear com UX?

52. GITHUB!
Ensinem os designers! Github é demais :)

53. 53
BOARD COMPARTILHADO
Tablero, Fireideaz, Waffle…

54. GITBOOK PARA
DOCUMENTAÇÃO

55. E SE VOCÊ NÃO TIVER
UM UX DO SEU LADO?
6

56. ACESSIBILIDADE
NÃO É ACESSÓRIO

57. 57
• CONTRASTE (SEMPRE)
• ESPAÇAMENTOS
• ALINHAMENTO (ESQUERDA)

58. ICON FONTS

59. GOOGLE FONTS

60. SEJA MULTIFUNCIONAL
Todo mundo pode ser um pouco de tudo

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

62. QUER SABER MAIS SOBRE UX?
•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

63. 63
SERÍAMOS TODOS
DESENVOLVEDORES DE
SOFTWARE?

64. 64
OBRIGADA!
Samantha Rosa
srosa@thoughtworks.com
@sahrosa
Tassia Spinelli
tspinell@thoughtworks.com
@tassiaspinelli