O documento discute a experiência do usuário e como criar interações positivas. Ele apresenta uma pirâmide com diferentes níveis de necessidades do usuário, incluindo funcionalidade, confiança, usabilidade, auto-estima e realização. O documento enfatiza a importância de humanizar as interações e ver o sistema do ponto de vista do usuário.

1. FRAMEWORK: USER EXPERIENCE
Marcelo Quinan (quinan@noone.is)

3. USER EXPERIENCE

4. USER EXPERIENCE
É SER FELIZ COMO USUÁRIO

5. USER EXPERIENCE
É SER FELIZ COMO USUÁRIO
FUNÇÃO

6. USER EXPERIENCE
É SER FELIZ COMO USUÁRIO
FUNÇÃO

7. FUNÇÃO

8. FUNÇÃO
PONTOS DE CONTATO COM
= PEQUENOS
SISTEMAS

11. FISIOLÓGICA

12. FISIOLÓGICA
SEGURANÇA

13. FISIOLÓGICA
SEGURANÇA
SOCIAL

14. FISIOLÓGICA
SEGURANÇA
SOCIAL
AUTO-ESTIMA

15. FISIOLÓGICA
SEGURANÇA
SOCIAL
AUTO-ESTIMA
REALIZAÇÃO

16. FISIOLÓGICA
SEGURANÇA
SOCIAL
AUTO-ESTIMA
REALIZAÇÃO

17. FISIOLÓGICA
SEGURANÇA
SOCIAL
AUTO-ESTIMA
REALIZAÇÃO
DESMOTIVAÇÃO

18. FISIOLÓGICA
SEGURANÇA
SOCIAL
AUTO-ESTIMA
REALIZAÇÃO
MOTIVAÇÃO
DESMOTIVAÇÃO

19. FISIOLÓGICA
SEGURANÇA
SOCIAL
AUTO-ESTIMA
REALIZAÇÃO
MOTIVAÇÃO
DESMOTIVAÇÃO

20. FISIOLÓGICA
SEGURANÇA
SOCIAL
AUTO-ESTIMA
REALIZAÇÃO
MOTIVAÇÃO
DESMOTIVAÇÃO

21. FISIOLÓGICA
SEGURANÇA
SOCIAL
AUTO-ESTIMA
REALIZAÇÃO
MOTIVAÇÃO
DESMOTIVAÇÃO

22. FISIOLÓGICA
SEGURANÇA
SOCIAL
AUTO-ESTIMA
REALIZAÇÃO
MOTIVAÇÃO
DESMOTIVAÇÃO

23. FISIOLÓGICA
SEGURANÇA
SOCIAL
AUTO-ESTIMA
REALIZAÇÃO
MOTIVAÇÃO
DESMOTIVAÇÃO

24. A FELICIDADE É UM ICEBERG

25. A FELICIDADE É UM ICEBERG

26. MOTIVAÇÃO
DESMOTIVAÇÃO

27. FUNCIONALIDADE / FISIOLÓGICA
MOTIVAÇÃO
DESMOTIVAÇÃO

28. FUNCIONALIDADE / FISIOLÓGICA
CONFIANÇA / SEGURANÇA
MOTIVAÇÃO
DESMOTIVAÇÃO

29. FUNCIONALIDADE / FISIOLÓGICA
CONFIANÇA / SEGURANÇA
USABILIDADE / SOCIAL
MOTIVAÇÃO
DESMOTIVAÇÃO

30. FUNCIONALIDADE / FISIOLÓGICA
CONFIANÇA / SEGURANÇA
USABILIDADE / SOCIAL
PROATIVIDADE / AUTO-ESTIMA
MOTIVAÇÃO
DESMOTIVAÇÃO

31. FUNCIONALIDADE / FISIOLÓGICA
CONFIANÇA / SEGURANÇA
USABILIDADE / SOCIAL
PROATIVIDADE / AUTO-ESTIMA
CRIATIVIDADE / REALIZAÇÃO
MOTIVAÇÃO
DESMOTIVAÇÃO

32. FUNCIONALIDADE / FISIOLÓGICA
CONFIANÇA / SEGURANÇA
USABILIDADE / SOCIAL
PROATIVIDADE / AUTO-ESTIMA
CRIATIVIDADE / REALIZAÇÃO
MOTIVAÇÃO
DESMOTIVAÇÃO

33. FUNCIONALIDADE / FISIOLÓGICA
CONFIANÇA / SEGURANÇA
USABILIDADE / SOCIAL
PROATIVIDADE / AUTO-ESTIMA
CRIATIVIDADE / REALIZAÇÃO
MOTIVAÇÃO
DESMOTIVAÇÃO

34. FUNCIONALIDADE / FISIOLÓGICA
CONFIANÇA / SEGURANÇA
USABILIDADE / SOCIAL
PROATIVIDADE / AUTO-ESTIMA
CRIATIVIDADE / REALIZAÇÃO
MOTIVAÇÃO
DESMOTIVAÇÃO

35. FUNCIONALIDADE / FISIOLÓGICA
CONFIANÇA / SEGURANÇA
USABILIDADE / SOCIAL
PROATIVIDADE / AUTO-ESTIMA
CRIATIVIDADE / REALIZAÇÃO
MOTIVAÇÃO
DESMOTIVAÇÃO

36. FUNCIONALIDADE / FISIOLÓGICA
CONFIANÇA / SEGURANÇA
USABILIDADE / SOCIAL
PROATIVIDADE / AUTO-ESTIMA
CRIATIVIDADE / REALIZAÇÃO
MOTIVAÇÃO
DESMOTIVAÇÃO

37. FUNCIONALIDADE / FISIOLÓGICA
CONFIANÇA / SEGURANÇA
USABILIDADE / SOCIAL
PROATIVIDADE / AUTO-ESTIMA
CRIATIVIDADE / REALIZAÇÃO

38. FUNCIONALIDADE / FISIOLÓGICA
CONFIANÇA / SEGURANÇA
USABILIDADE / SOCIAL
PROATIVIDADE / AUTO-ESTIMA
CRIATIVIDADE / REALIZAÇÃO

39. FUNCIONALIDADE / FISIOLÓGICA
CONFIANÇA / SEGURANÇA
USABILIDADE / SOCIAL
PROATIVIDADE / AUTO-ESTIMA
CRIATIVIDADE / REALIZAÇÃO

40. FUNCIONALIDADE / FISIOLÓGICA
CONFIANÇA / SEGURANÇA
USABILIDADE / SOCIAL
PROATIVIDADE / AUTO-ESTIMA
CRIATIVIDADE / REALIZAÇÃO

41. FUNCIONALIDADE / FISIOLÓGICA
CONFIANÇA / SEGURANÇA
USABILIDADE / SOCIAL
PROATIVIDADE / AUTO-ESTIMA
CRIATIVIDADE / REALIZAÇÃO

42. FUNCIONALIDADE / FISIOLÓGICA
CONFIANÇA / SEGURANÇA
USABILIDADE / SOCIAL
PROATIVIDADE / AUTO-ESTIMA
CRIATIVIDADE / REALIZAÇÃO

54. 1 1:

64. HUMANIZAR O SISTEMA

65. HUMANIZAR O SISTEMA
SIM, OPTEI POR USAR A COMIC SANS.

72. STARBUCKS: NOME NO COPO

74. THREADLESS

75. THREADLESS

77. SAINSBURY’S TIGER BREAD

78. SAINSBURY’S TIGER BREAD

79. SAINSBURY’S TIGER BREAD

80. SAINSBURY’S TIGER BREAD

82. ICLOUD: LOGIN

84. MARS PHOENIX ON TWITTER

85. MARS PHOENIX ON TWITTER

86. MARS PHOENIX ON TWITTER

87. MARS PHOENIX ON TWITTER

88. MARS PHOENIX ON TWITTER

89. FUNCIONALIDADE / FISIOLÓGICA
CONFIANÇA / SEGURANÇA
USABILIDADE / SOCIAL
PROATIVIDADE / AUTO-ESTIMA
CRIATIVIDADE / REALIZAÇÃO

90. FUNCIONALIDADE / FISIOLÓGICA
CONFIANÇA / SEGURANÇA
USABILIDADE / SOCIAL
PROATIVIDADE / AUTO-ESTIMA
CRIATIVIDADE / REALIZAÇÃO
NÃO SÃO PALAVRAS OU FORMAS.
É A ESCRITA. A PERSONALIDADE.
A VOZ.
SEJA HUMANO.

91. FUNCIONALIDADE / FISIOLÓGICA
CONFIANÇA / SEGURANÇA
USABILIDADE / SOCIAL
PROATIVIDADE / AUTO-ESTIMA
CRIATIVIDADE / REALIZAÇÃO

92. FUNCIONALIDADE / FISIOLÓGICA
CONFIANÇA / SEGURANÇA
USABILIDADE / SOCIAL
PROATIVIDADE / AUTO-ESTIMA
CRIATIVIDADE / REALIZAÇÃO

94. SACHÊ JAPONÊS DO INFERNO

95. SACHÊ JAPONÊS DO INFERNO

96. SACHÊ JAPONÊS DO INFERNO

97. SACHÊ JAPONÊS DO INFERNO

99. VERÃO ZERO HORA

101. O AMIGÃO DO TELEFONE

103. WORDPRESS SIGN UP

105. GMAIL: ANEXOS

106. GMAIL: ANEXOS

108. MAC OS X: ENTRELETRA

109. MAC OS X: ENTRELETRA

111. MAC OS X: DATA NO ICAL

112. MAC OS X: DATA NO ICAL

114. HIGHLIGHTS DO MAIL APP

115. HIGHLIGHTS DO MAIL APP

116. HIGHLIGHTS DO MAIL APP

117. HIGHLIGHTS DO MAIL APP

118. HIGHLIGHTS DO MAIL APP

119. FUNCIONALIDADE / FISIOLÓGICA
CONFIANÇA / SEGURANÇA
USABILIDADE / SOCIAL
PROATIVIDADE / AUTO-ESTIMA
CRIATIVIDADE / REALIZAÇÃO

120. FUNCIONALIDADE / FISIOLÓGICA
CONFIANÇA / SEGURANÇA
USABILIDADE / SOCIAL
PROATIVIDADE / AUTO-ESTIMA
CRIATIVIDADE / REALIZAÇÃO

122. TROMSØ FILM FESTIVAL

124. MAC OS X: REFLEXOS NO DOCK

126. MAC OS X: ÍCONES

129. PIRÂMIDE DE MASLOUX

130. PRA QUE SERVE ESTE PONTO DE CONTATO
PELO PONTO DE VISTA DO USUÁRIO? E
PELO PONTO DE VISTA DA MARCA?
PIRÂMIDE DE MASLOUX

131. O QUE PRECISO FAZER PRA QUE ELE
FUNCIONE UMA, DEZ, MIL VEZES?
PRA QUE SERVE ESTE PONTO DE CONTATO
PELO PONTO DE VISTA DO USUÁRIO? E
PELO PONTO DE VISTA DA MARCA?
PIRÂMIDE DE MASLOUX

132. QUAL A VOZ DO SEU PONTO DE CONTATO? QUEM
É O SER HUMANO POR TRÁS QUE VAI DIZER QUE
ELE FUNCIONA E COMO FUNCIONA?
O QUE PRECISO FAZER PRA QUE ELE
FUNCIONE UMA, DEZ, MIL VEZES?
PRA QUE SERVE ESTE PONTO DE CONTATO
PELO PONTO DE VISTA DO USUÁRIO? E
PELO PONTO DE VISTA DA MARCA?
PIRÂMIDE DE MASLOUX

133. COMO GANHAR TEMPO E QUALIDADE RESOLVENDO
QUESTÕES DO USUÁRIO QUE NEM ELE SABE QUE TEM?
QUAL A VOZ DO SEU PONTO DE CONTATO? QUEM
É O SER HUMANO POR TRÁS QUE VAI DIZER QUE
ELE FUNCIONA E COMO FUNCIONA?
O QUE PRECISO FAZER PRA QUE ELE
FUNCIONE UMA, DEZ, MIL VEZES?
PRA QUE SERVE ESTE PONTO DE CONTATO
PELO PONTO DE VISTA DO USUÁRIO? E
PELO PONTO DE VISTA DA MARCA?
PIRÂMIDE DE MASLOUX

134. O QUE FARIA ESSA INTERAÇÃO
VIRAR NOTÍCIA EM JORNAL?
COMO GANHAR TEMPO E QUALIDADE RESOLVENDO
QUESTÕES DO USUÁRIO QUE NEM ELE SABE QUE TEM?
QUAL A VOZ DO SEU PONTO DE CONTATO? QUEM
É O SER HUMANO POR TRÁS QUE VAI DIZER QUE
ELE FUNCIONA E COMO FUNCIONA?
O QUE PRECISO FAZER PRA QUE ELE
FUNCIONE UMA, DEZ, MIL VEZES?
PRA QUE SERVE ESTE PONTO DE CONTATO
PELO PONTO DE VISTA DO USUÁRIO? E
PELO PONTO DE VISTA DA MARCA?
PIRÂMIDE DE MASLOUX

136. FRAMEWORK: USER EXPERIENCE
Marcelo Quinan (quinan@noone.is)

137. EstematerialédeautoriadaNoOne(http://www.noone.is).Claroquemuitodoconteúdoaquiéinspiradoemdiversasfonteslegais,comoporexemploo
próptioMaslow,alémdetantasoutrasfontesincríveisquecruzaramnossocaminho.Queremosmuitoquevocêuseoconteúdodestearquivo,quefale
sobreeleequeconstruaemcimadistojuntoconosco.Sótepedimosparanãopublicaroureproduzirosslidessemantescombinarconosco,ok? :)