TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como...

91
Globalcode – Open4education Trilha – UX Design Alda Rocha Web developer e UX Designer

Transcript of TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como...

Page 1: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão

Globalcode – Open4education

Trilha – UX DesignAlda Rocha

Web developer e UX Designer

Page 2: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão

Como UXD pode ajudar na inclusão

Page 3: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão

Como é essa profissão?

Page 4: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão

Como é essa profissão?

Page 5: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão
Page 6: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão
Page 7: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão
Page 8: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão
Page 9: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão
Page 10: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão
Page 11: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão
Page 12: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão
Page 13: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão
Page 14: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão
Page 15: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão
Page 16: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão
Page 17: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão
Page 18: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão

Desenhamos experiências. Não desenhamos telas!

Page 19: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão

Desenhamos experiências. Não desenhamos telas!

Page 20: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão

Desenhamos experiências. Não desenhamos telas!

Page 21: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão
Page 22: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão
Page 23: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão
Page 24: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão
Page 25: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão
Page 26: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão

A experiência de cada um importa!

Page 27: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão

A experiência de cada um importa!

Page 28: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão

A experiência de cada um importa!

Page 29: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão
Page 30: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão

https://www.youtube.com/watch?v=6ic8OO4ORI8

Page 31: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão

Como ter uma ux mais inclusiva

Page 32: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão

Analytics, métricas e pesquisa

Page 33: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão

https://insights.stackoverflow.com/survey/2017

Page 34: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão

https://insights.stackoverflow.com/survey/2017

Page 35: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão

https://insights.stackoverflow.com/survey/2017

Page 36: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão

Google analytics

Page 37: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão

Twitter analytics

Page 38: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão

Facebook analytics

Page 39: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão

Youtube analytics

Page 40: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão

http://www.uxbooth.com/articles/complete-beginners-guide-to-web-analytics-and-measurement/

Page 41: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão

Target e clusters

Page 42: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão
Page 43: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão

Persona

Page 44: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão
Page 45: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão

www.pinterest.com

www.behance.net

Page 46: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão
Page 47: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão
Page 48: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão
Page 49: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão
Page 50: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão
Page 51: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão

Foco: + vida real - tecnologia

Page 52: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão
Page 53: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão
Page 54: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão
Page 55: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão
Page 56: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão

Jornada

Page 57: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão
Page 58: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão

Storyboard

Page 59: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão
Page 60: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão

Mind map

Page 61: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão
Page 62: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão

Design Thinking

Page 63: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão
Page 64: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão

Flowcharts

Page 65: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão
Page 66: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão

Card sorting

Page 67: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão
Page 68: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão

Rabiscoframe, wireframe e protótipo

Page 69: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão
Page 70: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão
Page 71: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão
Page 72: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão

Microcopy e taxonomia

Page 73: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão

https://www.alura.com.br/curso-online-introducao-ao-microcopy

Page 74: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão

Teste A/B

Page 75: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão
Page 76: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão

Site analytics e testesTrabalhar em conjunto com a equipe de métricas e analytics para tentar entender que áreas precisam ser mais destacadas e se o produto responde ao que imaginaram.

Continue fazendo testes de usabilidade: pesquisas, feedbacks, teste o engajamento.

Monitore o comportamento do usuário dentro do site/app e colha dados.

Page 77: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão

Empatia

Page 78: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão

https://blog.marvelapp.com/practicing-empathy-product-design/

Page 79: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão

https://www.youtube.com/watch?v=UzPMMSKfKZQ

Page 80: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão

https://www.youtube.com/watch?v=1Evwgu369Jw

Page 81: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão

“Não pode ter porno na empresa até pq tem mulheres!”

- Pessoa que precisa mudar mindset

Page 82: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão

“Ahh é DELL? É um lixo! Windows não presta!” - Pessoa que precisa mudar mindset

Page 83: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão
Page 84: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão

+ infos

Page 85: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão

https://shop.smashingmagazine.com/products/inclusive-design-patterns

Page 86: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão

https://abookapart.com/products/design-for-real-life

Page 87: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão

https://medium.freecodecamp.com/5-principles-for-designing-delightful-digital-experiences-for-seniors-8ece28229653#.jrbx7q59q

Page 88: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão

http://www.w3c.br/pub/Materiais/PublicacoesW3C/cartilha-w3cbr-acessibilidade-web-fasciculo-II.pdf

Page 89: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão

https://uxdesign.cc/design-is-diversity-its-time-to-talk-about-our-role-as-designers-323781b10b6f

Page 90: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão

Obrigada :) https://mjcoffeeholick.github.io/

Page 91: TDC2017 | São Paulo - Trilha UX Design Coaching I How we figured out we had a SRE team at - Como UXD pode ajudar na inclusão