01.08.2019 Views

UxDigital - Aula1

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

Curso<br />

UX Digital<br />

Apresentação ao curso <br />

e ao desafio<br />

!1| Curso UX Digital


Apresentação ao curso e ao desafio<br />

Quem sou<br />

UX Lead na Try Consultoria e Pesquisas e<br />

Mestre em Comunicação e Semiótica<br />

pela PUC-SP. Atuo há treze anos com<br />

Conteúdo, Arquitetura de Informação e<br />

Experiência do Usuário para a web.<br />

!2| Curso UX Digital


Apresentação ao curso e ao desafio<br />

Quais suas expectativas com<br />

o curso?<br />

(ou "Por que estão aqui?")<br />

!3| Curso UX Digital


Apresentação ao curso e ao desafio<br />

Estrutura<br />

do curso<br />

!4| Curso UX Digital


Apresentação ao curso e ao desafio<br />

Introdução<br />

É um curso entry level<br />

Introduzir aos principais conceitos.<br />

Passar pelo processo.<br />

Produzir.<br />

Teoria <br />

e referencial<br />

Fluxo <br />

de aula<br />

Técnica <br />

e exemplos<br />

Prática<br />

fragmentada<br />

!5| Curso UX Digital


Apresentação ao curso e ao desafio<br />

Aula 1 Aula 2<br />

Introdução ao curso.<br />

Descrevendo UX. <br />

Breve histórico e conceitos.<br />

Pesquisa.<br />

Enquadrando problemas<br />

adequadamente.Pesquisa e<br />

pesquisa ágil. Descoberta e<br />

definições.<br />

!6| Curso UX Digital


Apresentação ao curso e ao desafio<br />

Aula 3 Aula 4<br />

Como começa um projeto. <br />

O paradoxo problema-solução.<br />

Inception. <br />

Métodos de design para exploração<br />

de um problema.<br />

Análise de resultados de pesquisa.<br />

Recursos para apresentação,<br />

articulação de decisões de design.<br />

Correlação de pesquisa com<br />

hipóteses de design.<br />

!7| Curso UX Digital


Apresentação ao curso e ao desafio<br />

Aula 5 Aula 6<br />

Principais conceitos<br />

Arquitetura de informação, design<br />

de informação, gestalt, cuidados<br />

essenciais e entregáveis.<br />

Formatos consagrados<br />

E-commerce, dashboards, cards,<br />

bootstrap, plataformas existentes,<br />

interfaces além da tela.<br />

!8| Curso UX Digital


Apresentação ao curso e ao desafio<br />

Aula 7 Aula 8<br />

Novas tendências <br />

Design responsivo, ubiquidade,<br />

mobile, tablet e smartwatches,<br />

chatbots.<br />

Testando o produto<br />

Validação com usuários, como<br />

conduzir testes rápidos, testes A/<br />

B, MVPs e métricas.<br />

!9| Curso UX Digital


Apresentação ao curso e ao desafio<br />

Aula 9 Aula 10<br />

Processos e metodologias<br />

Onde UX se encaixa em cada<br />

processo, comunicação, lean UX,<br />

design thinking e service design.<br />

UX hoje<br />

UX em cada etapa de maturidade<br />

de empresas, postura do<br />

profissional. UX hoje em dia.<br />

Pitches de projetos.<br />

!10| Curso UX Digital


Apresentação ao curso e ao desafio<br />

Vamos<br />

combinar?<br />

!11| Curso UX Digital


Apresentação ao curso e ao desafio<br />

Vamos<br />

deixar <br />

de fora<br />

"é mais intuitivo"<br />

palavras e frases vazias<br />

"UX é coisa nova, tem<br />

uns dois anos"<br />

”certezas" sobre o mercado<br />

"tudo precisa estar a dois<br />

cliques"<br />

receitas de bolo<br />

"tem uma pesquisa que diz<br />

que todos..."<br />

please don't "Super Interessante" us<br />

Estamos aqui<br />

para aprender<br />

e discutir<br />

!12| Curso UX Digital


Apresentação ao curso e ao desafio<br />

Isso não é um curso <br />

para criar unicórnios<br />

Ele coloca a primeira pedra<br />

de um raciocínio crítico em<br />

seu lugar.<br />

!13| Curso UX Digital


Apresentação ao curso e ao desafio<br />

Introdução<br />

à UX<br />

!14| Curso UX Digital


Apresentação ao curso e ao desafio<br />

O que a<br />

McKinsey<br />

nos ensina?<br />

The expanding role of design <br />

in creating an end-to-end<br />

customer experience, fonte<br />

!15| Curso UX Digital


Apresentação ao curso e ao desafio<br />

Vamos olhar <br />

nossa realidade.<br />

Mulher Maravilha <br />

vs. o ingresso<br />

complicado<br />

!16| Curso UX Digital


Apresentação ao curso e ao desafio<br />

E lembrar de uns anos atrás:<br />

O drama<br />

do presente errado<br />

!17| Curso UX Digital


Apresentação ao curso e ao desafio<br />

O que tudo<br />

isso tem <br />

em comum?<br />

!18| Curso UX Digital


Apresentação ao curso e ao desafio<br />

Múltiplos<br />

touchpoints<br />

Razões para<br />

estarmos aqui<br />

McKinsey e as duas histórias<br />

- que poderiam ser suas -<br />

tem causas e sintomas<br />

parecidos.<br />

Interfaces<br />

digitais<br />

Acontecem<br />

no tempo<br />

Afetam<br />

emoções<br />

Mexem com<br />

dinheiro<br />

Poderiam<br />

ter sido<br />

evitadas<br />

!19| Curso UX Digital


Apresentação ao curso e ao desafio<br />

Atividade um<br />

Primeira parte prática da aula: o que te marcou?<br />

Escolha uma experiência que você<br />

conhece e que ache muito boa.<br />

Escreva três palavras-chave que a<br />

resumam.<br />

Cinco minutos<br />

!20| Curso UX Digital


Apresentação ao curso e ao desafio<br />

Por que<br />

UX Design??<br />

UX designers são responsáveis por projetar interfaces,<br />

produtos, serviços tendo em mente as pessoas que irão<br />

usar, a fim de proporcionar a melhor experiência possível.<br />

A experiência <br />

é resultado <br />

do trabalho <br />

de todos.<br />

!21| Curso UX Digital


Apresentação ao curso e ao desafio<br />

Nossos <br />

"quadrados"<br />

!22| Curso UX Digital


!23| Curso UX Digital


Apresentação ao curso e ao desafio<br />

Modelo de<br />

pensamento<br />

Design Centrado no Usuário / Design Centrado em Humanos<br />

Relacionados<br />

porém diferentes<br />

O mercado <br />

e a academia tentarão<br />

confundir, <br />

mas podemos<br />

simplificar e unificar.<br />

"Zoom"<br />

User<br />

Interface<br />

Interaction<br />

Design<br />

Experience<br />

Design<br />

Service<br />

Design<br />

Abordagem<br />

Design Thinking<br />

Pensamento Sistêmico<br />

!24| Curso UX Digital


Apresentação ao curso e ao desafio<br />

Escala do design<br />

O design<br />

pode fazer muito<br />

Nem todas empresas<br />

e projetos atuarão <br />

da mesma forma, <br />

na mesma escala.<br />

Design 1.0<br />

Design tradicional<br />

Artefatos e<br />

comunicações<br />

Design 2.0<br />

Produtos e serviços<br />

Criação de valor<br />

Design 3.0<br />

Complexo, sujeito a<br />

estratégia de<br />

negócios<br />

Transformar<br />

práticas de<br />

trabalhos<br />

Design 4.0<br />

Complexo, irrestrito<br />

Transformar<br />

sistemas políticos,<br />

comunidades, leis<br />

fonte: Design for Care: Innovating Healthcare Experience,<br />

Peter H. Jones<br />

!25| Curso UX Digital


Apresentação ao curso e ao desafio<br />

A tecnologia está <br />

por todos os lados.<br />

Já pensou em como se faz<br />

um elevador? E em como<br />

um simples botão muda<br />

nossa relação com o mundo<br />

natural?<br />

!26| Curso UX Digital


Apresentação ao curso e ao desafio<br />

A tecnologia como extensão do homem.<br />

"O meio é a mensagem. Isso apenas quer dizer <br />

que as consequências pessoais e sociais de qualquer<br />

meio - quer dizer, de qualquer extensão <br />

de nós mesmos - resultam da nova escala <br />

que é introduzida em nossas relações por qualquer<br />

extensão de nós mesmos, ou por qualquer nova<br />

tecnologia."<br />

- Marshall McLuhan<br />

!27| Curso UX Digital


Apresentação ao curso e ao desafio<br />

E por que<br />

começaram a falar<br />

tanto disso?<br />

Inovação virou sinônimo de sobrevivência corporativa.<br />

Startups mudaram as regras de como se gera valor.<br />

Metodologias ágeis ganharam expressividade.<br />

O design<br />

começa a ser<br />

democratizado<br />

como<br />

abordagem.<br />

!28| Curso UX Digital


Apresentação ao curso e ao desafio<br />

Temos soluções cada vez<br />

mais sofisticadas.<br />

E o ecossistema de soluções<br />

só cresce.<br />

Nest é uma semente do que<br />

pode ser a verdadeira<br />

internet das coisas.<br />

!29| Curso UX Digital


Apresentação ao curso e ao desafio<br />

Atividade dois<br />

Segunda parte prática da aula: o que você quer lembrar?<br />

Existem cinco setores passíveis de<br />

mudança. Escolha um que o interessa<br />

mais, mantendo o limite de cinco<br />

pessoas por assunto.<br />

Dez minutos<br />

!30| Curso UX Digital


Apresentação ao curso e ao desafio<br />

Breve história<br />

e conceito<br />

de design<br />

!31| Curso UX Digital


Apresentação ao curso e ao desafio<br />

Por que UX Design <br />

se chama… design?<br />

Porque ele <br />

está na lógica<br />

de design <br />

e usa suas<br />

ferramentas!<br />

O design é a idealização, criação, desenvolvimento,<br />

configuração, concepção, elaboração e especificação<br />

de artefatos, normalmente produzidos industrialmente<br />

ou por meio de sistema de produção seriada que<br />

demanda padronização <br />

dos componentes e desenho normalizado. <br />

Essa é uma atividade estratégica, técnica e criativa,<br />

normalmente orientada por uma intenção <br />

ou objetivo, ou para a solução de um problema.<br />

!32| Curso UX Digital


Apresentação ao curso e ao desafio<br />

Qualquer um<br />

que projete com<br />

uma intenção é um<br />

designer.<br />

- Jared Spool<br />

!33| Curso UX Digital


Apresentação ao curso e ao desafio<br />

O processo <br />

de design<br />

Pesquisa & <br />

descoberta<br />

Insights &<br />

definições<br />

Ideação<br />

Protótipos &<br />

entregas<br />

Há várias escolas de<br />

pensamento, <br />

mas de maneira simplória o<br />

processo segue o chamado<br />

double diamond.<br />

Desafio amplo<br />

Problema <br />

específico<br />

Solução específica<br />

!34| Curso UX Digital


Apresentação ao curso e ao desafio<br />

Design, historicamente, teve<br />

seu início na Revolução<br />

Industrial. Era o recurso para<br />

otimizar o que era produzido<br />

além de diferenciar produtos<br />

feitos em série e iguais.<br />

(e esse é o modelo de<br />

muitas empresas até hoje)<br />

!35| Curso UX Digital


Apresentação ao curso e ao desafio<br />

Há quem, por isso, diferencie<br />

design de craft - no que o<br />

primeiro só projeta e se<br />

distancia da produção e até<br />

da fruição, e o craft como a<br />

atuação em toda cadeia.<br />

!36| Curso UX Digital


Apresentação ao curso e ao desafio<br />

A evolução <br />

do valor econômico<br />

Personalização<br />

TRANSFORMAÇÕES<br />

Economia <br />

da experiência<br />

Personalização<br />

EXPERiÊNCIAS<br />

Comoditização<br />

Economia <br />

de serviços<br />

Personalização<br />

SERVIÇOS<br />

Comoditização<br />

Economia <br />

industrial<br />

Personalização<br />

BENS DE CONSUMO<br />

Comoditização<br />

Economia <br />

agrária<br />

COMMODITIES<br />

Comoditização<br />

https://hbr.org/1998/07/welcome-to-the-experience-economy<br />

!37| Curso UX Digital


Apresentação ao curso e ao desafio<br />

Por que <br />

80% a 95% <br />

dos novos produtos<br />

falham?<br />

!38| Curso UX Digital


Apresentação ao curso e ao desafio<br />

Estamos melhorando<br />

ou piorando?<br />

O design <br />

é feito para <br />

as pessoas<br />

ou para as<br />

máquinas?<br />

!39| Curso UX Digital


Apresentação ao curso e ao desafio<br />

Para combater o design ruim,<br />

Design Centrado no Usuário<br />

Quando<br />

falamos em<br />

UX, falamos<br />

em DCU!<br />

Levamos em consideração que conhecer o<br />

usuário final do produto ou serviço é<br />

essencial para a criação e aceitação do<br />

mesmo.<br />

É isso que as startups e empresas que<br />

inovam fazem bem - diminuem o gap entre<br />

a concepção e o feedback, melhorando<br />

sempre e mais rapidamente.<br />

!40| Curso UX Digital


Apresentação ao curso e ao desafio<br />

Orientado a Projeto<br />

Prática de design<br />

Design crítico<br />

Pesquisa para<br />

Design generativo<br />

e pesquisa de design<br />

Provas<br />

culturais<br />

Design +<br />

emoção<br />

ferramentas<br />

generativas<br />

A área de atuação do designer<br />

cresceu e se consolidou ao longo<br />

dos últimos 30 anos.<br />

Mentalidade do<br />

Expert<br />

“usuários” são vistos<br />

como assuntos<br />

(informantes reativos)<br />

Teste de<br />

usabilidade<br />

Design centrado <br />

no usuário<br />

Design participativo<br />

”métodos<br />

escandinavos”<br />

Mentalidade<br />

participativa<br />

“usuários” são parceiros<br />

(cocriadores ativos)<br />

Pesquisas<br />

contextuais<br />

Ergonomia e<br />

fatores<br />

humanos<br />

Etnografia<br />

aplicada<br />

Inovação<br />

centrada no<br />

usuário<br />

http://www.dubberly.com/articles/an-evolving-map-ofdesign-practice-and-design-research.html<br />

Orientado a Pesquisa<br />

!41| Curso UX Digital


Apresentação ao curso e ao desafio<br />

Projetando com práxis.<br />

"Conhecimento práxico é aquilo que é<br />

incorporado na experiência cotidiana, <br />

mas que também é informado pela reflexão<br />

teórica. (...) Praxis é (ou ao menos deveria ser) <br />

o domínio de profissionais de design, <br />

não apenas porque garante rigor aos métodos<br />

de design, mas também porque força <br />

o reconhecimento de contextos de uso."<br />

- Thomas Wendt<br />

!42| Curso UX Digital


Apresentação ao curso e ao desafio<br />

O design pode conferir <br />

ao mais simples dos objetos<br />

cotidianos grandes<br />

características - <br />

eles deixam de ser meramente<br />

utilitários e passam a ser objetos<br />

de afeição.<br />

!43| Curso UX Digital


Apresentação ao curso e ao desafio<br />

O bom design <br />

é uma história <br />

em si.<br />

!44| Curso UX Digital


Apresentação ao curso e ao desafio<br />

Design com <br />

fundamento<br />

O design de uma<br />

experiência não pode ser<br />

meramente estético. Ele<br />

deve ser uma estratégia.<br />

Inovação <br />

de valor<br />

Estratégia <br />

de negócios<br />

UX Design <br />

matadora<br />

Pesquisa validada<br />

com usuário<br />

!45| Curso UX Digital


Apresentação ao curso e ao desafio<br />

Vá fundo.<br />

"Quando examinamos o processo em detalhes, o que<br />

está sendo chamado de ”design thinking" é o que<br />

pessoas criativas em todas disciplinas sempre fizeram.<br />

Avanços em todos os campos - ciência e engenharia,<br />

literatura e arte, música e história, lei e medicina - tudo<br />

acontece quando pessoas encontram insights frescos,<br />

novos pontos de vista e os propagam. Não existe falta<br />

de gente criativa neste mundo, pessoas com grandes<br />

ideias que desafiam a sabedoria convencional. Essas<br />

pessoas não precisam afirmar que têm modos especiais<br />

de pensar, elas simplesmente fazem o que lhes vêm<br />

naturalmente: quebrar as regras, existir fora dos<br />

paradigmas e pensar com frescor."<br />

- Donald Norman<br />

!46| Curso UX Digital


Apresentação ao curso e ao desafio<br />

Atividade três<br />

Terceira parte prática da aula: o que você aprendeu?<br />

Em grupo, discutam como as palavraschave<br />

da experiência que escolheram<br />

poderiam ser aplicadas ao setor/assunto<br />

escolhido.<br />

Quinze minutos<br />

!47| Curso UX Digital


Apresentação ao curso e ao desafio<br />

Instruções finais do dia:<br />

1. Anotem o nome de todas as<br />

pessoas trabalhando juntas<br />

e o tema.<br />

2. Enviem para mim via Slack.<br />

3. Criarei um canal exclusivo<br />

de conversa.<br />

!48| Curso UX Digital


Apresentação ao curso e ao desafio<br />

Fiquem de olho<br />

Grupos<br />

IxDA SP - Facebook e Slack<br />

UxPA - Facebook<br />

Service Design Network - Facebook 1 e<br />

Facebook 2<br />

Meetups<br />

Front UX - site<br />

Data Matters - site<br />

São Paulo Meetup Product - site<br />

Durante <br />

a semana<br />

Vamos pesquisar e<br />

acompanhar o trabalho<br />

pelo Slack UX NA PUC.<br />

!49| Curso UX Digital


Formatos Importantes<br />

Contato<br />

f<br />

m<br />

Bruno Canato<br />

@bcanato<br />

@bcanato<br />

/brunocanato<br />

Bruno Canato<br />

© Todos os direitos<br />

reservados.<br />

!50| Curso UX Digital


Apresentação ao curso e ao desafio<br />

Próxima aula:<br />

Pesquisa<br />

!51| Curso UX Digital

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!