A.K.A. Designer + Desenvolvedores = <3

1. UX PARA
DESENVOLVEDORES
Samantha Rosa
@sahrosa
Patrocínio: Organização:

2. ALSO KNOWN AS
DESIGNERS +
DESENVOLVEDORES =
<3

3. Designer, apaixonada por música, cinema,
viagens, pessoas. Graduada aqui, na
UniRitter e pós graduada pela ESPM-Rio.
Samantha who?

4. DESIGNERS +
DESENVOLVEDORES =
<3

5. 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:

6. ……

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

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

9. Design ≠ Arte

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

11. Processo/método:

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

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

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

16. 16
Temos os mesmos objetivos!

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

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

20. Modelo 1: Cascata

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

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

23. 23
E no final do projeto…

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

25. Modelo 2: “Ágil”

26. Design “ágil”

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

29. Modelo 3: Lean UX

30. Design contínuo

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

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

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

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

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

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

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

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

39. Incentive a
equipe a perguntar ;)

40. 2
Mantenha os usuários
por perto

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

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

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

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

45. 3
Estejamos vulneráveis para
realmente aprender

46. Aprenda com os usuários
e stakeholders

47. 47
Feedback de design!

48. Use dados de uso

49. 4
Sem upfront design

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

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

52. 52
Adoramos sugestões!

53. 5
Aproveitando
boas práticas

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

55. Aprendam! Github é demais :)
Github!

56. 56
Tablero, Fireideaz, Waffle…
Board compartilhado

57. Gitbook para
documentação

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

59. Acessibilidade
não é acessório!

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

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

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

63. • 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:

64. 64
Seríamos todos
desenvolvedores
de software?

65. Obrigada!
Deixe seu feedback aqui:
bit.ly/uxconf-feed
UX PARA DESENVOLVEDORES
@sahrosa - sahrosa@gmail.com
Conferência sobre User Experience
em Porto Alegre, set/2015.
Patrocínio: Organização: