Apresentação que rolou no CocoaHeadsSP que aconteceu no dia 30/10 em São Paulo.

1. UX Design:
7 dicas para
desenvolvedores e
designers

2. Tiago Cardoso
(a.k.a Cardoso)
UX/UI Designer
@elcardoson / cardoso.cc
hello@cardoso.cc

3. Como funciona normalmente um
projeto de App para um designer?

4. GP
GERENTE DE
PROJETO
SCRUM
MASTER
UX
DESIGNER
ARQUITETO DE
SOFTWARE
DEVELOPER TESTER
CLIENTE /
PROJETO
ESTRUTURA DE TRABALHO

5. GP
GERENTE DE
PROJETO
SCRUM
MASTER
UX
DESIGNER
ARQUITETO DE
SOFTWARE
DEVELOPER TESTER
CLIENTE /
PROJETO
OU PODE SER MAIS COMPACTO:

6. Tudo o que você vai ver a partir de agora
é baseado em vivências de um
designer no dia-a-dia.

7. Nosso objetivo?
Case de sucesso!

8. Onde e como o
UX Designer atua no projeto?

9. UX DESIGNER
Developers
e Testers
imagem by Theshirtlist.com
Stakeholders
(Cliente, GP, etc)
Arquitetos
Scrum Master
UX Expert

10. E como garantir que
seu projeto não saia dos trilhos?

11. 1. COMUNICAÇÃO
2. ORGANIZAÇÃO
3. GROOMING
4. TESTES DE USABILIDADE
5. DOCUMENTAÇÃO
6. IDEATION (ENVOLVIMENTO COM O TIME)
7. PARCERIA

12. 1.COMUNICAÇÃO

13. Priorize a comunicação
com todo time a todo momento.

15. Envolva todo o time em
suas decisões e garanta a
comunicação entre todos

16. 2. ORGANIZAÇÃO

17. "Com organização e tempo,
acha-se o segredo de fazer
tudo e bem feito"
- Pitágoras

18. A regra é clara:
Dificilmente teremos
tempo sobrando

19. POR ISSO, DESDE O INÍCIO DO PROJETO:
● ORGANIZAÇÃO DE PASTAS
● NOMENCLATURA DOS ARQUIVOS**
● FOQUE NA SUA GESTÃO PESSOAL DE TAREFAS
● TENHA SEMPRE VISIBILIDADE DO QUE ESTÁ POR VIR
● GARANTA UMA GESTÃO DAS TAREFAS DE TODO
PROJETO

20. Ainda sobre organização:
Padrões para nomenclaturas iOS
"home_button_share_down@3x.png

21. Crie uma documentação com os
padrões de nomenclaturas

22. 3.GROMMING

23. O que é se pesquisarmos no google?
Procedimento de higiene e beleza, como banho e tosa

24. A palavra grooming significa
“cuidar da aparência”.

25. Ou seja
No projeto, é essêncial o desenvolvedor e
designer se reunir periodicamente com o
o cliente ou o idealizador do projeto
para garantir que tudo está saindo
como planejado.

26. 4. TESTES DE USABILIDADE
UM DESAFIO E TANTO!

27. NÃO TIVE TEMPO NÃO COUBE NO ESCOPO ATÉ O FINAL DO PROJETO EU
APLICO
TESTE DE USABILIDADE

28. O teste é a melhor forma de eliminar todas
as suposições e teorias, pois ele
nos fornece cenário real.

29. MAS COMO, E EM QUE MOMENTO DO
PROJETO APLICAR UM
TESTE DE USABILIDADE?

30. A TODO TEMPO
E EM QUALQUER LUGAR!
INCEPTION, NO BAR, SPRINTS, A CADA NOVA FEATURE,
EM CASA, E NO FINAL DO PROJETO.

31. FOQUE NO USUÁRIO,
QUE O RESTO SE AJEITA
Gustavo Moura
Designer de interação / Google BH

32. 5.DOCUMENTAÇÃO

33. STYLE GUIDES
PRIORIZE, ESFORCE-SE E EXIJA QUE O TIME
DE DESIGN CRIE STYLE GUIDES E DOCUMENTE
TODOS PADRÕES DE INTERFACE.

35. 6. IDEATION

36. Não exclua os desenvolvedores
E desenvolvedores, jamais se isolem no projeto :)
CONVERSEM ENTRE VOCÊS

37. POR ISSO O IDEATION:
Um rito em que todo time possa se reunir de uma forma
informal e conversar sobre novas features, novas ideias,
novas possibilidades no projeto.
SEJA PROATIVO!

38. LEMBRE-SE SEMPRE!
Ver pessoas avaliando e criticando uma
interface que você desenhou ou implementou
é um exercício de humildade, empatia
e desapego.
Vc aprende a ouvir e respeitar.

39. Sempre defenda sua ideia com
o time provando que a
mesma faça sentido e não
apenas com teorias.

40. Teorizar sem ter dados:
É um erro capital teorizar antes de ter dados.
Inconscientemente se começa a torcer os fatos para se
adequar teorias, ao invés das teorias se adequarem ao
fatos.
– Arthur Conan Doyle
Autor das histórias do
Detetive Sherlock Holmes

41. E por último:
7. Parceria

42. O desenvolvedor precisa
entender que o designer não
está lá para dificultar sua vida.

43. Seu design só é bom se seu
desenvolvedor for bom.
– Magga Dora
Senior Experience Designer

44. UX DESIGNER &
DESENVOLVEDOR
SOMOS TODOS BROTHERS,
TAMO JUNTO!

45. OBRIGADO!
@elcardoson / cardoso.cc
hello@cardoso.cc

46. THANKS
FOR
BEING
HERE!