O usuario esta bebado - TDC SP 2015

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

Transcript of O usuario esta bebado - TDC SP 2015

Page 1: O usuario esta bebado - TDC SP 2015

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

““

Page 2: O usuario esta bebado - TDC SP 2015
Page 3: O usuario esta bebado - TDC SP 2015

User Experience para todos!

Page 4: O usuario esta bebado - TDC SP 2015

Adriano Schmidt

Arquiteto Java e UX Strategist

Formado em Administração de Empresas

Faço MBA em Marketing Digital na FGV

www.localhost8080.com.br

Page 5: O usuario esta bebado - TDC SP 2015

Minha experiência com o álcool

Page 6: O usuario esta bebado - TDC SP 2015

Minha experiência com o álcool

Page 7: O usuario esta bebado - TDC SP 2015

Minha experiência com o álcool

Page 8: O usuario esta bebado - TDC SP 2015

Minha experiência com o álcool

Page 9: O usuario esta bebado - TDC SP 2015

Minha experiência com o álcool

Page 10: O usuario esta bebado - TDC SP 2015

Minha experiência com o álcool

Page 11: O usuario esta bebado - TDC SP 2015

Minha experiência com o álcool

Page 12: O usuario esta bebado - TDC SP 2015

Minha experiência com o álcool

Page 13: O usuario esta bebado - TDC SP 2015

Minha experiência com o álcool

Page 14: O usuario esta bebado - TDC SP 2015

Minha experiência com o álcool

Page 15: O usuario esta bebado - TDC SP 2015

Minha experiência com o álcool

Page 16: O usuario esta bebado - TDC SP 2015

Minha experiência com UX

Page 17: O usuario esta bebado - TDC SP 2015

Minha experiência com UX em 2015

Page 18: O usuario esta bebado - TDC SP 2015

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?

Page 19: O usuario esta bebado - TDC SP 2015

O que é User Experience?

Page 21: O usuario esta bebado - TDC SP 2015

Experiência!

Fonte: Soares (2015)

Page 22: O usuario esta bebado - TDC SP 2015

Experiência!

Fonte: Soares (2015)

Page 23: O usuario esta bebado - TDC SP 2015

Experiência!

Fonte: Soares (2015)

Page 24: O usuario esta bebado - TDC SP 2015

Experiência!

Fonte: Soares (2015)

Page 25: O usuario esta bebado - TDC SP 2015

Experiência!

Page 26: O usuario esta bebado - TDC SP 2015

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?

Page 27: O usuario esta bebado - TDC SP 2015

Mas o que é User Experience?

Page 28: O usuario esta bebado - TDC SP 2015

Mas esqueça tudo isso...

Page 29: O usuario esta bebado - TDC SP 2015

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)

Page 30: O usuario esta bebado - TDC SP 2015

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.

Page 31: O usuario esta bebado - TDC SP 2015

Por que se preocupar com UX?

Page 32: O usuario esta bebado - TDC SP 2015

““

Fonte: Hyper Island (2014)

A experiência do usuário está se tornandomais importante que o preço.

Ela determinará o sucesso ou o fracasso do seu negócio.

Page 33: O usuario esta bebado - TDC SP 2015

Atributos da Usabilidade

Page 34: O usuario esta bebado - TDC SP 2015

Atributos da Usabilidade

Condução;

Controle;

Adaptação;

Consistência;

Gestão de Erros;

Carga de trabalho.

Page 35: O usuario esta bebado - TDC SP 2015

Como aplicar tudo isso no dia-a-dia?

Page 36: O usuario esta bebado - TDC SP 2015

Busque o mais importante!

Page 37: O usuario esta bebado - TDC SP 2015

Buscando o simples

Page 38: O usuario esta bebado - TDC SP 2015

Buscando o simples

Page 39: O usuario esta bebado - TDC SP 2015

Busque o simples

Page 40: O usuario esta bebado - TDC SP 2015

Buscando o simples

Page 41: O usuario esta bebado - TDC SP 2015

Buscando o simples

Page 42: O usuario esta bebado - TDC SP 2015

Buscando o simples

Page 43: O usuario esta bebado - TDC SP 2015

Até o novo papa concorda….

Fonte: Soares (2015)

Page 44: O usuario esta bebado - TDC SP 2015

Mobile First

Page 45: O usuario esta bebado - TDC SP 2015

Mobile First

Page 46: O usuario esta bebado - TDC SP 2015

Mobile First

Fonte: Lukew (2010-1)

Page 47: O usuario esta bebado - TDC SP 2015

Mobile First

Fonte: Lukew (2010-1)

Page 48: O usuario esta bebado - TDC SP 2015

Mobile First

Fonte: Lukew (2010-2)

Page 49: O usuario esta bebado - TDC SP 2015

Mobile First

Fonte: Frost (2011)

Page 50: O usuario esta bebado - TDC SP 2015

Mobile First

Page 51: O usuario esta bebado - TDC SP 2015

Mobile First

Page 52: O usuario esta bebado - TDC SP 2015

Mobile First

Page 53: O usuario esta bebado - TDC SP 2015

Mobile First

Page 54: O usuario esta bebado - TDC SP 2015

Mobile First

Page 55: O usuario esta bebado - TDC SP 2015

Mobile First

Page 56: O usuario esta bebado - TDC SP 2015

Por quê?

(essa é a pergunta que sempre devemos fazer)

O quê? Como?

Page 57: O usuario esta bebado - TDC SP 2015

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)

Page 58: O usuario esta bebado - TDC SP 2015

Pensamento Vertical x Pensamento Lateral

Fonte: Soares (2015)

Page 59: O usuario esta bebado - TDC SP 2015

Pensamento Vertical x Pensamento Lateral

Fonte: Soares (2015)

Page 60: O usuario esta bebado - TDC SP 2015

Dinâmica

Divida esse quadrado em 4 partes iguais:

Fonte: Soares (2015)

Page 61: O usuario esta bebado - TDC SP 2015

Dinâmica

Além dessas 4 formas, existem outras?

Fonte: Soares (2015)

Page 62: O usuario esta bebado - TDC SP 2015

Dinâmica

Com essas, já vimos 8 formas diferentes, ainda existem outras?

Fonte: Soares (2015)

Page 63: O usuario esta bebado - TDC SP 2015

Dinâmica

Agora acabou!

Fonte: Soares (2015)

Page 64: O usuario esta bebado - TDC SP 2015

Dinâmica

“O pensamento lateral quebra barreiras e nos faz pensar em soluções que jamais seriam considerados no pensamento vertical!”

Fonte: Soares (2015)

Page 65: O usuario esta bebado - TDC SP 2015

homens e mictórios...

Page 66: O usuario esta bebado - TDC SP 2015

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

Page 67: O usuario esta bebado - TDC SP 2015

Como não errar o alvo?

Fonte: Soares (2015)

Page 68: O usuario esta bebado - TDC SP 2015

Como não errar o alvo?

Fonte: Soares (2015)

Page 69: O usuario esta bebado - TDC SP 2015

Como não errar o alvo?

Fonte: Soares (2015)

Page 70: O usuario esta bebado - TDC SP 2015

Não me faça pensar!

Page 71: O usuario esta bebado - TDC SP 2015

Não me faça pensar

Page 72: O usuario esta bebado - TDC SP 2015

Não me faça pensar

Tudo deve ser claro, ou pelo menos, autoexplicativo.

Page 73: O usuario esta bebado - TDC SP 2015

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?

Page 74: O usuario esta bebado - TDC SP 2015

““

Usabilidade é como uma piada,se você precisa explicar,

então ela não é boa

Page 75: O usuario esta bebado - TDC SP 2015

Use padrões e convenções

Page 76: O usuario esta bebado - TDC SP 2015

Use padrões e convenções

Page 77: O usuario esta bebado - TDC SP 2015

O _____ é o bem mais precioso

Page 78: O usuario esta bebado - TDC SP 2015

O tempo é o bem mais precioso

Page 79: O usuario esta bebado - TDC SP 2015

O tempo é o bem mais precioso

Fonte: Lukew (2010-2)

Page 80: O usuario esta bebado - TDC SP 2015

O tempo é o bem mais precioso

Fonte: Lukew (2010-2)

Page 81: O usuario esta bebado - TDC SP 2015

O tempo é o bem mais precioso

Browser Diet

Estratégias de código

Testes de desempenho

Monitoramento

Page 82: O usuario esta bebado - TDC SP 2015

HOJE VENDO PEIXE FRESCO

Page 83: O usuario esta bebado - TDC SP 2015

VENDO PEIXE FRESCO

Page 84: O usuario esta bebado - TDC SP 2015

PEIXE FRESCO

Page 85: O usuario esta bebado - TDC SP 2015

PEIXE

Page 86: O usuario esta bebado - TDC SP 2015
Page 87: O usuario esta bebado - TDC SP 2015

Escrever é cortar palavras

Page 88: O usuario esta bebado - TDC SP 2015

Omita palavras desnecessárias

Page 89: O usuario esta bebado - TDC SP 2015

Teste!

Page 91: O usuario esta bebado - TDC SP 2015

Metodologias influenciam?

Page 92: O usuario esta bebado - TDC SP 2015

Metodologias influenciam?

Agile… PMBoK… Cascata...

Feedbacks mais rápidos dos usuários

Testes automatizados

Integração contínua

Clean code

Page 93: O usuario esta bebado - TDC SP 2015

Façam com o coração!

Page 94: O usuario esta bebado - TDC SP 2015

Dúvidas?

Page 95: O usuario esta bebado - TDC SP 2015

Críticas?

Page 96: O usuario esta bebado - TDC SP 2015

Sugestões?

Page 97: O usuario esta bebado - TDC SP 2015

Dúvidas?

Page 98: O usuario esta bebado - TDC SP 2015

Obrigado!!!

Page 99: O usuario esta bebado - TDC SP 2015

Vejo vocês no bar!!

Page 100: O usuario esta bebado - TDC SP 2015

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

Page 101: O usuario esta bebado - TDC SP 2015

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