1.
Seu site deveria ser tão simples que uma
pessoa bêbada poderia utilizá-lo.
“
“

2.
UX é pra todo mundo!

3.
Adriano Schmidt
Arquiteto de software e UX Designer
Formado em Administração de Empresas
MBA em Marketing Digital na FGV
www.localhost8080.com.br

4.
Minha experiência com o álcool

5.
Minha experiência com o álcool

6.
Minha experiência com o álcool

7.
Minha experiência com o álcool

8.
Minha experiência com o álcool

9.
Minha experiência com o álcool

10.
Minha experiência com o álcool

11.
Minha experiência com o álcool

12.
Minha experiência com o álcool

13.
Minha experiência com o álcool

14.
Minha experiência com o álcool

15.
Minha experiência com o álcool

16.
Minha experiência com UX

17.
Minha experiência com UX

18.
Sobre o que vamos falar?
O que é User Experience?
Por que se preocupar com UX?
Atributos da Usabilidade
Como aplicar tudo isso no dia-a-dia?

19.
O que é User Experience?

20.
Experiência!

21.
Experiência!
Fonte: Soares (2015)

22.
Experiência!
Fonte: Soares (2015)

23.
Experiência!
Fonte: Soares (2015)

24.
Experiência!
Fonte: Soares (2015)

25.
Experiência!

26.
Mas o que é User Experience?
Usabilidade?
Design Centrado No Usuário?
Arquitetura da Informação?
Design Thinking?
IHC?
Design de Interação?Design de Navegação?
User Interface?
Customer Experience?

27.
Mas o que é User Experience?

28.
Mas esqueça tudo isso...

29.
Mais importante do que
o nome utilizado é a sua atitude
e as técnicas que você pode utilizar
para contribuir com seus usuários. “
“
Fonte: Krug (2014)

30.
Dos conceitos vale lembrar:
Foque no usuário que o resto se ajeita!
Ele tem que conseguir usar, de forma eficiente, seu produto;
Pense na experiência antes, durante e depois do uso;
Busque entender as reais necessidades;
Crie o máximo de possibilidades de soluções.

31.
Por que se preocupar com UX?

32.
“
“
Fonte: Hyper Island (2014)
A experiência do usuário está se tornando
mais importante que o preço.
Ela determinará o sucesso ou o fracasso do
seu negócio.

33.
“
“
Fonte: User Testing (2015)
A cada 1 dólar investido em UX você tem
um retorno de 2 a 100 dólares.

34.
Atributos da Usabilidade

35.
Atributos da Usabilidade
Condução;
Controle;
Adaptação;
Consistência;
Gestão de Erros;
Carga de trabalho.

36.
Atributos da Usabilidade - Condução

37.
Atributos da Usabilidade - Controle

38.
Atributos da Usabilidade - Adaptação

39.
Atributos da Usabilidade - Consistência

40.
Atributos da Usabilidade - Gestão de erros

41.
Atributos da Usabilidade - Carga de trabalho

42.
Como aplicar tudo isso no dia-a-dia?

43.
Busque o mais importante!

44.
Buscando o simples

45.
Buscando o simples

46.
Busque o simples

47.
Buscando o simples

48.
Buscando o simples

49.
Buscando o simples

50.
Até o novo papa concorda….
Fonte: Soares (2015)

51.
Mobile First

52.
Mobile First

53.
Mobile First
Fonte: Lukew (2010-1)

54.
Mobile First
Fonte: Lukew (2010-1)

55.
Mobile First
Fonte: Lukew (2010-2)

56.
Mobile First
Fonte: Frost (2011)

57.
Mobile First

58.
Mobile First

59.
Mobile First

60.
Mobile First

61.
Mobile First

62.
Mobile First

63.
Por quê?
(essa é a pergunta que sempre devemos fazer)
O quê? Como?

64.
Pensamento Vertical x Pensamento Lateral
Pensamento Vertical:
Ache a primeira solução que resolva o problema e pronto.
Pensamento Lateral
Ache o máximo de respostas possíveis e avalie qual utilizar.
Fonte: Soares (2015)

65.
Pensamento Vertical x Pensamento Lateral
Fonte: Soares (2015)

66.
Pensamento Vertical x Pensamento Lateral
Fonte: Soares (2015)

67.
Pensamento Vertical x Pensamento Lateral
Fonte: Soares (2015)

68.
Dinâmica
Divida esse quadrado em 4 partes iguais:
Fonte: Soares (2015)

69.
Dinâmica
Além dessas 4 formas, existem outras?
Fonte: Soares (2015)

70.
Dinâmica
Com essas, já vimos 8 formas diferentes, ainda existem outras?
Fonte: Soares (2015)

71.
Dinâmica
Agora acabou!
Fonte: Soares (2015)

72.
Dinâmica
“O pensamento lateral quebra barreiras e nos faz pensar em
soluções que jamais seriam considerados no pensamento vertical!”
Fonte: Soares (2015)

73.
homens e mictórios...

74.
Como fazê-los não errar o alvo?

75.
Como não errar o alvo?
Fonte: Soares (2015)

76.
Como não errar o alvo?
Fonte: Soares (2015)

77.
Como não errar o alvo?
Fonte: Soares (2015)

78.
Não me faça pensar!

79.
Não me faça pensar

80.
Tudo deve ser claro, ou pelo menos,
autoexplicativo. “
“
Fonte: Krug (2014)

81.
Não me faça pensar
Por onde eu começo?
Onde estou agora?
Por que isso tem esse nome?
Onde está tal informação?

82.
“
“
User Interface é como uma piada,
se você precisa explicar,
então ela não é boa

83.
Use padrões e convenções

84.
Use padrões e convenções

85.
O _____ é o bem mais precioso

86.
O tempo é o bem mais precioso

87.
O tempo é o bem mais precioso
Fonte: Lukew (2010-2)

88.
O tempo é o bem mais precioso
Fonte: Lukew (2010-2)

89.
O tempo é o bem mais precioso
Browser Diet
Estratégias de código
Testes de desempenho
Monitoramento

90.
HOJE VENDO PEIXE FRESCO

91.
VENDO PEIXE FRESCO

92.
PEIXE FRESCO

93.
PEIXE

94.
Escrever é cortar palavras

95.
Omita palavras desnecessárias

96.
Teste!

97.
Teste!

98.
“
“
Teste deve ser igual zueira,
never ends

99.
Metodologias influenciam?

100.
Metodologias influenciam?
Agile… PMBoK… Cascata? Oo
Feedbacks mais rápidos dos usuários
Testes automatizados
Integração contínua
Clean code

101.
Façam com o coração!

102.
Dúvidas?

103.
Críticas?

104.
Sugestões?

105.
Dúvidas?

106.
Obrigado!!!

107.
Vejo vocês no bar!!

108.
Referências
- Krug (2014): Não me faça pensar
- Soares (2015): Horárcio Soares no MBA em Marketing Digital FGV
- Agni (2015): Edu Agni no UX Weekend
- Frost (2011): http://bradfrost.com/blog/web/mobile-first-responsive-web-design/
- Hyper Island (2014): http://bit.ly/1zp5Rm7
- Lukew (2010-1): http://www.lukew.com/ff/entry.asp?1117
- Lukew (2010-2): http://www.lukew.com/ff/entry.asp?1137
- User Testing (2015): https://www.usertesting.com/blog/2015/08/04/ux-investment-infographic

109.
Seu site deveria ser tão simples que uma
pessoa bêbada poderia utilizá-lo.
“
“