o usuário está bêbado - ux é pra todo mundo!

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

Upload: adriano-schmidt

Post on 24-Jan-2017

159 views

Category:

Technology


1 download

TRANSCRIPT

Page 1: O usuário está bêbado - UX é pra todo mundo!

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

““

Page 2: O usuário está bêbado - UX é pra todo mundo!
Page 3: O usuário está bêbado - UX é pra todo mundo!

UX é pra todo mundo!

Page 4: O usuário está bêbado - UX é pra todo mundo!

Adriano Schmidt

Arquiteto de software e UX Designer

Formado em Administração de Empresas

MBA em Marketing Digital na FGV

www.localhost8080.com.br

Page 5: O usuário está bêbado - UX é pra todo mundo!

Minha experiência com o álcool

Page 6: O usuário está bêbado - UX é pra todo mundo!

Minha experiência com o álcool

Page 7: O usuário está bêbado - UX é pra todo mundo!

Minha experiência com o álcool

Page 8: O usuário está bêbado - UX é pra todo mundo!

Minha experiência com o álcool

Page 9: O usuário está bêbado - UX é pra todo mundo!

Minha experiência com o álcool

Page 10: O usuário está bêbado - UX é pra todo mundo!

Minha experiência com o álcool

Page 11: O usuário está bêbado - UX é pra todo mundo!

Minha experiência com o álcool

Page 12: O usuário está bêbado - UX é pra todo mundo!

Minha experiência com o álcool

Page 13: O usuário está bêbado - UX é pra todo mundo!

Minha experiência com o álcool

Page 14: O usuário está bêbado - UX é pra todo mundo!

Minha experiência com o álcool

Page 15: O usuário está bêbado - UX é pra todo mundo!

Minha experiência com o álcool

Page 16: O usuário está bêbado - UX é pra todo mundo!

Minha experiência com o álcool

Page 17: O usuário está bêbado - UX é pra todo mundo!

Minha experiência com UX

Page 18: O usuário está bêbado - UX é pra todo mundo!

Minha experiência com UX

Page 19: O usuário está bêbado - UX é pra todo mundo!

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 20: O usuário está bêbado - UX é pra todo mundo!

O que é User Experience?

Page 22: O usuário está bêbado - UX é pra todo mundo!

Experiência!

Fonte: Soares (2015)

Page 23: O usuário está bêbado - UX é pra todo mundo!

Experiência!

Fonte: Soares (2015)

Page 24: O usuário está bêbado - UX é pra todo mundo!

Experiência!

Fonte: Soares (2015)

Page 25: O usuário está bêbado - UX é pra todo mundo!

Experiência!

Fonte: Soares (2015)

Page 26: O usuário está bêbado - UX é pra todo mundo!

Experiência!

Page 27: O usuário está bêbado - UX é pra todo mundo!

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 28: O usuário está bêbado - UX é pra todo mundo!

Mas o que é User Experience?

Page 29: O usuário está bêbado - UX é pra todo mundo!

Mas esqueça tudo isso...

Page 30: O usuário está bêbado - UX é pra todo mundo!

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 31: O usuário está bêbado - UX é pra todo mundo!

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 32: O usuário está bêbado - UX é pra todo mundo!

Por que se preocupar com UX?

Page 33: O usuário está bêbado - UX é pra todo mundo!

““

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 34: O usuário está bêbado - UX é pra todo mundo!

““

Fonte: User Testing (2015)

A cada 1 dólar investido em UX você tem um retorno de 2 a 100 dólares.

Page 35: O usuário está bêbado - UX é pra todo mundo!

Atributos da Usabilidade

Page 36: O usuário está bêbado - UX é pra todo mundo!

Atributos da Usabilidade

Condução;

Controle;

Adaptação;

Consistência;

Gestão de Erros;

Carga de trabalho.

Page 37: O usuário está bêbado - UX é pra todo mundo!

Atributos da Usabilidade - Condução

Page 38: O usuário está bêbado - UX é pra todo mundo!

Atributos da Usabilidade - Controle

Page 39: O usuário está bêbado - UX é pra todo mundo!

Atributos da Usabilidade - Adaptação

Page 40: O usuário está bêbado - UX é pra todo mundo!

Atributos da Usabilidade - Consistência

Page 41: O usuário está bêbado - UX é pra todo mundo!

Atributos da Usabilidade - Gestão de erros

Page 42: O usuário está bêbado - UX é pra todo mundo!

Atributos da Usabilidade - Carga de trabalho

Page 43: O usuário está bêbado - UX é pra todo mundo!

Como aplicar tudo isso no dia-a-dia?

Page 44: O usuário está bêbado - UX é pra todo mundo!

Busque o mais importante!

Page 45: O usuário está bêbado - UX é pra todo mundo!

Buscando o simples

Page 46: O usuário está bêbado - UX é pra todo mundo!

Buscando o simples

Page 47: O usuário está bêbado - UX é pra todo mundo!

Busque o simples

Page 48: O usuário está bêbado - UX é pra todo mundo!

Buscando o simples

Page 49: O usuário está bêbado - UX é pra todo mundo!

Buscando o simples

Page 50: O usuário está bêbado - UX é pra todo mundo!

Buscando o simples

Page 51: O usuário está bêbado - UX é pra todo mundo!

Até o novo papa concorda….

Fonte: Soares (2015)

Page 52: O usuário está bêbado - UX é pra todo mundo!

Mobile First

Page 53: O usuário está bêbado - UX é pra todo mundo!

Mobile First

Page 54: O usuário está bêbado - UX é pra todo mundo!

Mobile First

Fonte: Lukew (2010-1)

Page 55: O usuário está bêbado - UX é pra todo mundo!

Mobile First

Fonte: Lukew (2010-1)

Page 56: O usuário está bêbado - UX é pra todo mundo!

Mobile First

Fonte: Lukew (2010-2)

Page 57: O usuário está bêbado - UX é pra todo mundo!

Mobile First

Fonte: Frost (2011)

Page 58: O usuário está bêbado - UX é pra todo mundo!

Mobile First

Page 59: O usuário está bêbado - UX é pra todo mundo!

Mobile First

Page 60: O usuário está bêbado - UX é pra todo mundo!

Mobile First

Page 61: O usuário está bêbado - UX é pra todo mundo!

Mobile First

Page 62: O usuário está bêbado - UX é pra todo mundo!

Mobile First

Page 63: O usuário está bêbado - UX é pra todo mundo!

Mobile First

Page 64: O usuário está bêbado - UX é pra todo mundo!

Por quê?

(essa é a pergunta que sempre devemos fazer)

O quê? Como?

Page 65: O usuário está bêbado - UX é pra todo mundo!

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 66: O usuário está bêbado - UX é pra todo mundo!

Pensamento Vertical x Pensamento Lateral

Fonte: Soares (2015)

Page 67: O usuário está bêbado - UX é pra todo mundo!

Pensamento Vertical x Pensamento Lateral

Fonte: Soares (2015)

Page 68: O usuário está bêbado - UX é pra todo mundo!

Pensamento Vertical x Pensamento Lateral

Fonte: Soares (2015)

Page 69: O usuário está bêbado - UX é pra todo mundo!

Dinâmica

Divida esse quadrado em 4 partes iguais:

Fonte: Soares (2015)

Page 70: O usuário está bêbado - UX é pra todo mundo!

Dinâmica

Além dessas 4 formas, existem outras?

Fonte: Soares (2015)

Page 71: O usuário está bêbado - UX é pra todo mundo!

Dinâmica

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

Fonte: Soares (2015)

Page 72: O usuário está bêbado - UX é pra todo mundo!

Dinâmica

Agora acabou!

Fonte: Soares (2015)

Page 73: O usuário está bêbado - UX é pra todo mundo!

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 74: O usuário está bêbado - UX é pra todo mundo!

homens e mictórios...

Page 75: O usuário está bêbado - UX é pra todo mundo!

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

Page 76: O usuário está bêbado - UX é pra todo mundo!

Como não errar o alvo?

Fonte: Soares (2015)

Page 77: O usuário está bêbado - UX é pra todo mundo!

Como não errar o alvo?

Fonte: Soares (2015)

Page 78: O usuário está bêbado - UX é pra todo mundo!

Como não errar o alvo?

Fonte: Soares (2015)

Page 79: O usuário está bêbado - UX é pra todo mundo!

Não me faça pensar!

Page 80: O usuário está bêbado - UX é pra todo mundo!

Não me faça pensar

Page 81: O usuário está bêbado - UX é pra todo mundo!

Tudo deve ser claro, ou pelo menos, autoexplicativo. “

Fonte: Krug (2014)

Page 82: O usuário está bêbado - UX é pra todo mundo!

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 83: O usuário está bêbado - UX é pra todo mundo!

““

User Interface é como uma piada,se você precisa explicar,

então ela não é boa

Page 84: O usuário está bêbado - UX é pra todo mundo!

Use padrões e convenções

Page 85: O usuário está bêbado - UX é pra todo mundo!

Use padrões e convenções

Page 86: O usuário está bêbado - UX é pra todo mundo!

O _____ é o bem mais precioso

Page 87: O usuário está bêbado - UX é pra todo mundo!

O tempo é o bem mais precioso

Page 88: O usuário está bêbado - UX é pra todo mundo!

O tempo é o bem mais precioso

Fonte: Lukew (2010-2)

Page 89: O usuário está bêbado - UX é pra todo mundo!

O tempo é o bem mais precioso

Fonte: Lukew (2010-2)

Page 90: O usuário está bêbado - UX é pra todo mundo!

O tempo é o bem mais precioso

Browser Diet

Estratégias de código

Testes de desempenho

Monitoramento

Page 91: O usuário está bêbado - UX é pra todo mundo!

HOJE VENDO PEIXE FRESCO

Page 92: O usuário está bêbado - UX é pra todo mundo!

VENDO PEIXE FRESCO

Page 93: O usuário está bêbado - UX é pra todo mundo!

PEIXE FRESCO

Page 94: O usuário está bêbado - UX é pra todo mundo!

PEIXE

Page 95: O usuário está bêbado - UX é pra todo mundo!
Page 96: O usuário está bêbado - UX é pra todo mundo!

Escrever é cortar palavras

Page 97: O usuário está bêbado - UX é pra todo mundo!

Omita palavras desnecessárias

Page 98: O usuário está bêbado - UX é pra todo mundo!

Teste!

Page 100: O usuário está bêbado - UX é pra todo mundo!

““

Teste deve ser igual zueira,

never ends

Page 101: O usuário está bêbado - UX é pra todo mundo!

Metodologias influenciam?

Page 102: O usuário está bêbado - UX é pra todo mundo!

Metodologias influenciam?

Agile… PMBoK… Cascata? Oo

Feedbacks mais rápidos dos usuários

Testes automatizados

Integração contínua

Clean code

Page 103: O usuário está bêbado - UX é pra todo mundo!

Façam com o coração!

Page 104: O usuário está bêbado - UX é pra todo mundo!

Dúvidas?

Page 105: O usuário está bêbado - UX é pra todo mundo!

Críticas?

Page 106: O usuário está bêbado - UX é pra todo mundo!

Sugestões?

Page 107: O usuário está bêbado - UX é pra todo mundo!

Dúvidas?

Page 108: O usuário está bêbado - UX é pra todo mundo!

Obrigado!!!

Page 109: O usuário está bêbado - UX é pra todo mundo!

Vejo vocês no bar!!

Page 110: O usuário está bêbado - UX é pra todo mundo!

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

Page 111: O usuário está bêbado - UX é pra todo mundo!

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