User Experience

137
FRAMEWORK: USER EXPERIENCE Marcelo Quinan ([email protected])

Transcript of User Experience

Page 1: User Experience

FRAMEWORK: USER EXPERIENCE

Marcelo Quinan ([email protected])

Page 2: User Experience
Page 3: User Experience

USER EXPERIENCE

Page 4: User Experience

USER EXPERIENCEÉ SER FELIZ COMO USUÁRIO

Page 5: User Experience

USER EXPERIENCEÉ SER FELIZ COMO USUÁRIO

FUNÇÃO

Page 6: User Experience

USER EXPERIENCEÉ SER FELIZ COMO USUÁRIO

FUNÇÃO

Page 7: User Experience

FUNÇÃO

Page 8: User Experience

FUNÇÃOPONTOS DE CONTATO COM = PEQUENOS

SISTEMAS

Page 9: User Experience
Page 10: User Experience
Page 11: User Experience

FISIOLÓGICA

Page 12: User Experience

FISIOLÓGICA

SEGURANÇA

Page 13: User Experience

FISIOLÓGICA

SEGURANÇA

SOCIAL

Page 14: User Experience

FISIOLÓGICA

SEGURANÇA

SOCIAL

AUTO-ESTIMA

Page 15: User Experience

FISIOLÓGICA

SEGURANÇA

SOCIAL

AUTO-ESTIMA

REALIZAÇÃO

Page 16: User Experience

FISIOLÓGICA

SEGURANÇA

SOCIAL

AUTO-ESTIMA

REALIZAÇÃO

Page 17: User Experience

FISIOLÓGICA

SEGURANÇA

SOCIAL

AUTO-ESTIMA

REALIZAÇÃO

DESMOTIVAÇÃO

Page 18: User Experience

FISIOLÓGICA

SEGURANÇA

SOCIAL

AUTO-ESTIMA

REALIZAÇÃO

MOTIVAÇÃO

DESMOTIVAÇÃO

Page 19: User Experience

FISIOLÓGICA

SEGURANÇA

SOCIAL

AUTO-ESTIMA

REALIZAÇÃO

MOTIVAÇÃO

DESMOTIVAÇÃO

Page 20: User Experience

FISIOLÓGICA

SEGURANÇA

SOCIAL

AUTO-ESTIMA

REALIZAÇÃO

MOTIVAÇÃO

DESMOTIVAÇÃO

Page 21: User Experience

FISIOLÓGICA

SEGURANÇA

SOCIAL

AUTO-ESTIMA

REALIZAÇÃO

MOTIVAÇÃO

DESMOTIVAÇÃO

Page 22: User Experience

FISIOLÓGICA

SEGURANÇA

SOCIAL

AUTO-ESTIMA

REALIZAÇÃO

MOTIVAÇÃO

DESMOTIVAÇÃO

Page 23: User Experience

FISIOLÓGICA

SEGURANÇA

SOCIAL

AUTO-ESTIMA

REALIZAÇÃO

MOTIVAÇÃO

DESMOTIVAÇÃO

Page 24: User Experience

A FELICIDADE É UM ICEBERG

Page 25: User Experience

A FELICIDADE É UM ICEBERG

Page 26: User Experience

MOTIVAÇÃO

DESMOTIVAÇÃO

Page 27: User Experience

FUNCIONALIDADE / FISIOLÓGICA

MOTIVAÇÃO

DESMOTIVAÇÃO

Page 28: User Experience

FUNCIONALIDADE / FISIOLÓGICA

CONFIANÇA / SEGURANÇA

MOTIVAÇÃO

DESMOTIVAÇÃO

Page 29: User Experience

FUNCIONALIDADE / FISIOLÓGICA

CONFIANÇA / SEGURANÇA

USABILIDADE / SOCIAL

MOTIVAÇÃO

DESMOTIVAÇÃO

Page 30: User Experience

FUNCIONALIDADE / FISIOLÓGICA

CONFIANÇA / SEGURANÇA

USABILIDADE / SOCIAL

PROATIVIDADE / AUTO-ESTIMA

MOTIVAÇÃO

DESMOTIVAÇÃO

Page 31: User Experience

FUNCIONALIDADE / FISIOLÓGICA

CONFIANÇA / SEGURANÇA

USABILIDADE / SOCIAL

PROATIVIDADE / AUTO-ESTIMA

CRIATIVIDADE / REALIZAÇÃO

MOTIVAÇÃO

DESMOTIVAÇÃO

Page 32: User Experience

FUNCIONALIDADE / FISIOLÓGICA

CONFIANÇA / SEGURANÇA

USABILIDADE / SOCIAL

PROATIVIDADE / AUTO-ESTIMA

CRIATIVIDADE / REALIZAÇÃO

MOTIVAÇÃO

DESMOTIVAÇÃO

Page 33: User Experience

FUNCIONALIDADE / FISIOLÓGICA

CONFIANÇA / SEGURANÇA

USABILIDADE / SOCIAL

PROATIVIDADE / AUTO-ESTIMA

CRIATIVIDADE / REALIZAÇÃO

MOTIVAÇÃO

DESMOTIVAÇÃO

Page 34: User Experience

FUNCIONALIDADE / FISIOLÓGICA

CONFIANÇA / SEGURANÇA

USABILIDADE / SOCIAL

PROATIVIDADE / AUTO-ESTIMA

CRIATIVIDADE / REALIZAÇÃO

MOTIVAÇÃO

DESMOTIVAÇÃO

Page 35: User Experience

FUNCIONALIDADE / FISIOLÓGICA

CONFIANÇA / SEGURANÇA

USABILIDADE / SOCIAL

PROATIVIDADE / AUTO-ESTIMA

CRIATIVIDADE / REALIZAÇÃO

MOTIVAÇÃO

DESMOTIVAÇÃO

Page 36: User Experience

FUNCIONALIDADE / FISIOLÓGICA

CONFIANÇA / SEGURANÇA

USABILIDADE / SOCIAL

PROATIVIDADE / AUTO-ESTIMA

CRIATIVIDADE / REALIZAÇÃO

MOTIVAÇÃO

DESMOTIVAÇÃO

Page 37: User Experience

FUNCIONALIDADE / FISIOLÓGICA

CONFIANÇA / SEGURANÇA

USABILIDADE / SOCIAL

PROATIVIDADE / AUTO-ESTIMA

CRIATIVIDADE / REALIZAÇÃO

Page 38: User Experience

FUNCIONALIDADE / FISIOLÓGICA

CONFIANÇA / SEGURANÇA

USABILIDADE / SOCIAL

PROATIVIDADE / AUTO-ESTIMA

CRIATIVIDADE / REALIZAÇÃO

Page 39: User Experience

FUNCIONALIDADE / FISIOLÓGICA

CONFIANÇA / SEGURANÇA

USABILIDADE / SOCIAL

PROATIVIDADE / AUTO-ESTIMA

CRIATIVIDADE / REALIZAÇÃO

Page 40: User Experience

FUNCIONALIDADE / FISIOLÓGICA

CONFIANÇA / SEGURANÇA

USABILIDADE / SOCIAL

PROATIVIDADE / AUTO-ESTIMA

CRIATIVIDADE / REALIZAÇÃO

Page 41: User Experience

FUNCIONALIDADE / FISIOLÓGICA

CONFIANÇA / SEGURANÇA

USABILIDADE / SOCIAL

PROATIVIDADE / AUTO-ESTIMA

CRIATIVIDADE / REALIZAÇÃO

Page 42: User Experience

FUNCIONALIDADE / FISIOLÓGICA

CONFIANÇA / SEGURANÇA

USABILIDADE / SOCIAL

PROATIVIDADE / AUTO-ESTIMA

CRIATIVIDADE / REALIZAÇÃO

Page 43: User Experience
Page 44: User Experience
Page 45: User Experience
Page 46: User Experience
Page 47: User Experience
Page 48: User Experience
Page 49: User Experience
Page 50: User Experience
Page 51: User Experience
Page 52: User Experience
Page 53: User Experience
Page 54: User Experience

1 1:

Page 55: User Experience
Page 56: User Experience
Page 57: User Experience
Page 58: User Experience
Page 59: User Experience
Page 60: User Experience
Page 61: User Experience
Page 62: User Experience
Page 63: User Experience
Page 64: User Experience

HUMANIZAR O SISTEMA

Page 65: User Experience

HUMANIZAR O SISTEMA

SIM, OPTEI POR USAR A COMIC SANS.

Page 66: User Experience
Page 67: User Experience
Page 68: User Experience
Page 69: User Experience
Page 70: User Experience
Page 71: User Experience
Page 72: User Experience

STARBUCKS: NOME NO COPO

Page 73: User Experience
Page 74: User Experience

THREADLESS

Page 75: User Experience

THREADLESS

Page 76: User Experience
Page 77: User Experience

SAINSBURY’S TIGER BREAD

Page 78: User Experience

SAINSBURY’S TIGER BREAD

Page 79: User Experience

SAINSBURY’S TIGER BREAD

Page 80: User Experience

SAINSBURY’S TIGER BREAD

Page 81: User Experience
Page 82: User Experience

ICLOUD: LOGIN

Page 83: User Experience
Page 84: User Experience

MARS PHOENIX ON TWITTER

Page 85: User Experience

MARS PHOENIX ON TWITTER

Page 86: User Experience

MARS PHOENIX ON TWITTER

Page 87: User Experience

MARS PHOENIX ON TWITTER

Page 88: User Experience

MARS PHOENIX ON TWITTER

Page 89: User Experience

FUNCIONALIDADE / FISIOLÓGICA

CONFIANÇA / SEGURANÇA

USABILIDADE / SOCIAL

PROATIVIDADE / AUTO-ESTIMA

CRIATIVIDADE / REALIZAÇÃO

Page 90: User Experience

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.

Page 91: User Experience

FUNCIONALIDADE / FISIOLÓGICA

CONFIANÇA / SEGURANÇA

USABILIDADE / SOCIAL

PROATIVIDADE / AUTO-ESTIMA

CRIATIVIDADE / REALIZAÇÃO

Page 92: User Experience

FUNCIONALIDADE / FISIOLÓGICA

CONFIANÇA / SEGURANÇA

USABILIDADE / SOCIAL

PROATIVIDADE / AUTO-ESTIMA

CRIATIVIDADE / REALIZAÇÃO

Page 93: User Experience
Page 94: User Experience

SACHÊ JAPONÊS DO INFERNO

Page 95: User Experience

SACHÊ JAPONÊS DO INFERNO

Page 96: User Experience

SACHÊ JAPONÊS DO INFERNO

Page 97: User Experience

SACHÊ JAPONÊS DO INFERNO

Page 98: User Experience
Page 99: User Experience

VERÃO ZERO HORA

Page 100: User Experience
Page 101: User Experience

O AMIGÃO DO TELEFONE

Page 102: User Experience
Page 103: User Experience

WORDPRESS SIGN UP

Page 104: User Experience
Page 105: User Experience

GMAIL: ANEXOS

Page 106: User Experience

GMAIL: ANEXOS

Page 107: User Experience
Page 108: User Experience

MAC OS X: ENTRELETRA

Page 109: User Experience

MAC OS X: ENTRELETRA

Page 110: User Experience
Page 111: User Experience

MAC OS X: DATA NO ICAL

Page 112: User Experience

MAC OS X: DATA NO ICAL

Page 113: User Experience
Page 114: User Experience

HIGHLIGHTS DO MAIL APP

Page 115: User Experience

HIGHLIGHTS DO MAIL APP

Page 116: User Experience

HIGHLIGHTS DO MAIL APP

Page 117: User Experience

HIGHLIGHTS DO MAIL APP

Page 118: User Experience

HIGHLIGHTS DO MAIL APP

Page 119: User Experience

FUNCIONALIDADE / FISIOLÓGICA

CONFIANÇA / SEGURANÇA

USABILIDADE / SOCIAL

PROATIVIDADE / AUTO-ESTIMA

CRIATIVIDADE / REALIZAÇÃO

Page 120: User Experience

FUNCIONALIDADE / FISIOLÓGICA

CONFIANÇA / SEGURANÇA

USABILIDADE / SOCIAL

PROATIVIDADE / AUTO-ESTIMA

CRIATIVIDADE / REALIZAÇÃO

Page 121: User Experience
Page 122: User Experience

TROMSØ FILM FESTIVAL

Page 123: User Experience
Page 124: User Experience

MAC OS X: REFLEXOS NO DOCK

Page 125: User Experience
Page 126: User Experience

MAC OS X: ÍCONES

Page 127: User Experience
Page 128: User Experience
Page 129: User Experience

PIRÂMIDE DE MASLOUX

Page 130: User Experience

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

Page 131: User Experience

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

Page 132: User Experience

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

Page 133: User Experience

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

Page 134: User Experience

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

Page 135: User Experience
Page 136: User Experience

FRAMEWORK: USER EXPERIENCE

Marcelo Quinan ([email protected])

Page 137: User Experience

Este material é de autoria da NoOne (http://www.noone.is). Claro que muito do conteúdo aqui é inspirado em diversas fontes legais, como por exemplo o próptio Maslow, além de tantas outras fontes incríveis que cruzaram nosso caminho. Queremos muito que você use o conteúdo deste arquivo, que fale

sobre ele e que construa em cima disto junto conosco. Só te pedimos para não publicar ou reproduzir os slides sem antes combinar conosco, ok? :)