Aula da Disciplina "Gestão de Emoções" do i-MBA em Gestão de Negócios, Mercados e Projetos Interativos - Professor Rogerio Fratin

1. Curso de Especialização em nível de Pós-Graduação “Lato Sensu” em:
Gestão de Emoções
I-MB Planejamento Estratégico e Marketing Interativo
Planejamento Estratégico e Marketing Interativo
Gestão de Negócios, Mercados e Projetos Fred Van Amstel
Gestão de Negócios, Mercados e Projetos Interativos - I-MBA
Interativos
Gestão de Emoções
Rogério Fratin

2. Planejamento Estratégico e Marketing Interativo Gestão de Emoções
I-MB Rogério Fratin
Gestão de Negócios, Mercados e Projetos
Interativos
•Formei em Design Digital pela Universidade Anhembi
Morumbi – 2005
•Passei pela Abril entre 2006 – 2011
•Atualmente estou no portal Terra

3. Planejamento Estratégico e Marketing Interativo Gestão de Emoções
I-MB Rogério Fratin
Gestão de Negócios, Mercados e Projetos
Interativos

4. Planejamento Estratégico e Marketing Interativo Gestão de Emoções
I-MB Rogério Fratin
Gestão de Negócios, Mercados e Projetos
Interativos
O design...?
“Design é a visualização criativa e sistemática dos
processos de interação e das mensagens de
diferentes atores sociais; é a visualização criativa e
sistemática das diferentes funções de objetos de
uso e sua adequação às necessidades dos usuários
ou aos efeitos sobre os receptores”
» Beat Schneider, Design - Uma
Introdução, Editora Blucher

5. Planejamento Estratégico e Marketing Interativo Gestão de Emoções
I-MB Rogério Fratin
Gestão de Negócios, Mercados e Projetos
Interativos
O design...?
“Design is to design a design to produce a design” »
John Heskett”
» John Heskett

6. Planejamento Estratégico e Marketing Interativo Gestão de Emoções
I-MB Rogério Fratin
Gestão de Negócios, Mercados e Projetos
Interativos
O design...?
“Design significa ter e desenvolver um plano, um projeto,
significa designar. É trabalhar com a intenção, com o
cenário futuro, executando a concepção e o planejamento
daquilo que virá a existir. Criar, desenvolver, implantar um
projeto – o design – significa pesquisar e trabalhar com
referências culturais e estéticas, com o conceito da
proposta. É lidar com a forma, com o feitio, com a
configuração, a elaboração, o desenvolvimento e o
acompanhamento do projeto”
» Mônica Moura, Faces do Design, Edições
Rosari

7. Planejamento Estratégico e Marketing Interativo Gestão de Emoções
I-MB Rogério Fratin
Gestão de Negócios, Mercados e Projetos
Interativos
O design...?
» Alexandre Wollner, Alexandre Wollner e a formação
do design moderno no Brasil, livro+DVD, Cosac

8. Planejamento Estratégico e Marketing Interativo Gestão de Emoções
I-MB Rogério Fratin
Gestão de Negócios, Mercados e Projetos
Interativos
A Interatividade...?
Na web
•Mapas interativos
•Infográficos interativos
•Sites... “multimídia” =(
Na Tv
•Escolha o filme
•Escolha o final
•Quem fica na casa? Quem sai?
No teatro
•Stand up comedy interativo

9. Planejamento Estratégico e Marketing Interativo Gestão de Emoções
I-MB Rogério Fratin
Gestão de Negócios, Mercados e Projetos
Interativos
A Interatividade...?
Interatividade
in.te.ra.ti.vi.da.de
(interativo+i+dade) sf Qualidade de interativo.
Interativo
adj (inter+ativo) 1 Diz-se daquilo que permite, ou é capaz
de interação:Televisão interativa. 2 Diz-se do sistema
multimídia em que um usuário pode executar um comando
e o programa responde, ou controlar ações e a forma como
o programa funciona. 3 Diz-se do sistema de visualização
que é capaz de reagir a diferentes entradas do usuário. 4
Diz-se do modo do computador que permite ao usuário
colocarcomandos, programas ou dados, recebendo
respostas imediatas.

10. Planejamento Estratégico e Marketing Interativo Gestão de Emoções
I-MB Rogério Fratin
Gestão de Negócios, Mercados e Projetos
Interativos
Pausa para Reflexão
Durante os próximos 5 minutos, cada espaço
educacional deverá discutir e listar 2 tópicos
relacionados ao tema da aula que gostaria que não
fosse deixado de ser abordado durante a aula.
•Por favor, postem os tópicos no chat.
Tempo: 5 mins.

11. Planejamento Estratégico e Marketing Interativo Gestão de Emoções
I-MB Rogério Fratin
Gestão de Negócios, Mercados e Projetos
Interativos
A Interatividade...?
Os 7 Níveis de Interatividade na Hipermídia
•Simples estímulos
•Simulação de ambientes
•Personalização de interfaces - menus, barras, etc
•Participação e conversas com bancos de dados - blogs,
fóruns
•Interferências na interface, criar e modificar textos -
Exemplo?
•Inteligência artificial, vida artificial - Second Life
•Realidade virtual e ambientes virtuais

12. Planejamento Estratégico e Marketing Interativo Gestão de Emoções
I-MB Rogério Fratin
Gestão de Negócios, Mercados e Projetos
Interativos
Foursquare
www.foursquare.com

13. Planejamento Estratégico e Marketing Interativo Gestão de Emoções
I-MB Rogério Fratin
Gestão de Negócios, Mercados e Projetos
Interativos
Don’t click!
www.dontclick.it

14. Planejamento Estratégico e Marketing Interativo Gestão de Emoções
I-MB Rogério Fratin
Gestão de Negócios, Mercados e Projetos
Interativos
Exercício 1:
Como separar os 7 níveis de interatividade em 4
que respondam ao atual momento tecnológico?
•Simples estímulos - o clique, navegação convencional
•Simulação de ambientes - sites de lojas, shoppings
•Personalização de interfaces - menus, barras, etc
•Participação e conversas com bancos de dados - blogs,
fóruns
•Interferências na interface, criar e modificar textos -
Exemplo?
•Inteligência artificial, vida artificial - Second Life
•Realidade virtual e ambientes virtuais
Tempo: 15 mins

15. Planejamento Estratégico e Marketing Interativo Gestão de Emoções
I-MB Rogério Fratin
Gestão de Negócios, Mercados e Projetos
Interativos
A humanização dos processos
O que é design thinking?
O Design Thinking é um MODELO MENTAL, uma abordagem
prática que acelera a inovação e soluciona problemas através
de um olhar humano. Ao baixar as barreiras da hierarquia e
do pensamento exclusivamente cartesiano, o Design Thinking
oferece um espaço para as idéias emergirem sem pré-
julgamentos, fazendo com que o nosso cérebro seja forçado a
sair da sua zona de conforto, e, a partir daí, enxergar futuros
desejáveis. Simples estímulos
http://designechos.com.br/spjam/?page_id=122

16. Planejamento Estratégico e Marketing Interativo Gestão de Emoções
I-MB Rogério Fratin
Gestão de Negócios, Mercados e Projetos
Interativos
A humanização dos processos
O que é design thinking?

17. Planejamento Estratégico e Marketing Interativo Gestão de Emoções
I-MB Rogério Fratin
Gestão de Negócios, Mercados e Projetos
Interativos
A humanização dos processos
ELIZA Project, MIT, 1966
Usuário: Meu namorado me fez vir aqui
ELIZA: Seu namorado a fez vir aqui?
Usuário: Ele disse que eu estou deprimida a maior parte do
tempo
ELIZA: Eu sinto muito em saber que está deprimida
Usuário: É verdade. Estou infeliz.
ELIZA: E você acha que vir aqui vai ajudá-la a deixar de ficar
infeliz?
Hamlet no Holodeck, Janet Murray, SENAC

18. Planejamento Estratégico e Marketing Interativo Gestão de Emoções
I-MB Rogério Fratin
Gestão de Negócios, Mercados e Projetos
Interativos
O funil do conhecimento e a virada do
Mc Donald’s
Mistério
Heurística
Algoritmo
Design de Negócios, Roger Martin, Editora Campus

19. Planejamento Estratégico e Marketing Interativo Gestão de Emoções
I-MB Rogério Fratin
Gestão de Negócios, Mercados e Projetos
Interativos
O Catálogo da SEARS Roebruck

20. Planejamento Estratégico e Marketing Interativo Gestão de Emoções
I-MB Rogério Fratin
Gestão de Negócios, Mercados e Projetos
Interativos
A humanização dos processos
MEMEX, em “Como podemos pensar”, Vannevar
Bush, 1945
(...) será um dispositivo em que o indivíduo armazenará seus
livros, seus registros,
suas anotações, suas comunicações. O dispositivo será
mecanizado de modo a
poder ser consultado com extrema velocidade e flexibilidade.
Digamos que seja um
suplemento íntimo à nossa memória: uma grande expansão
da memória pessoal.
http://chaves.com.br/TEXTALIA/BUSH/aswemay.htm

21. Planejamento Estratégico e Marketing Interativo Gestão de Emoções
I-MB Rogério Fratin
Gestão de Negócios, Mercados e Projetos
Interativos
A humanização dos processos
Geocaching, 2000 (www.geocaching.com)

22. Planejamento Estratégico e Marketing Interativo Gestão de Emoções
I-MB Rogério Fratin
Gestão de Negócios, Mercados e Projetos
Interativos

23. Planejamento Estratégico e Marketing Interativo Gestão de Emoções
I-MB Rogério Fratin
Gestão de Negócios, Mercados e Projetos
Interativos
Dom Quixote e Conde Drácula
http://www.padworxdigital.com/dracula.html

24. Planejamento Estratégico e Marketing Interativo Gestão de Emoções
I-MB Rogério Fratin
Gestão de Negócios, Mercados e Projetos
Interativos
Dom Quixote e Conde Drácula
Vídeo do app Dracula, para iPad, da Padworx: http://youtu.be/-oSERjIZG4U

25. Planejamento Estratégico e Marketing Interativo Gestão de Emoções
I-MB Rogério Fratin
Gestão de Negócios, Mercados e Projetos
Interativos
Exercício 2:
Quais foram as 3 últimas interações com equipamentos
bem sucedidas e as 3 últimas mal-sucedidas que você
teve?
Tempo: 15 mins

26. Planejamento Estratégico e Marketing Interativo Gestão de Emoções
I-MB Rogério Fratin
Gestão de Negócios, Mercados e Projetos
Interativos
O que é design de interação?
Design de produtos interativos que fornecem
suporte às atividades cotidianas das pessoas, seja
no lar ou no trabalho.
Criar experiências que melhorem e entendam
a maneira como as pessoas trabalham, se
comunicam e interagem.
Design de Interação - Além da interação homem-computador,
Preece/Rogers/Sharp, Editora Bookman

27. Planejamento Estratégico e Marketing Interativo Gestão de Emoções
I-MB Rogério Fratin
Gestão de Negócios, Mercados e Projetos
Interativos
O que é design de interação?
O usuário pode acessar um site e não interagir dentro da
proposta.
Qual tipo de atividade o usuário desempenha enquanto
utiliza o produto?
Como é a interação? Voz? Clique? Toque? Gestos?

28. Planejamento Estratégico e Marketing Interativo Gestão de Emoções
I-MB Rogério Fratin
Gestão de Negócios, Mercados e Projetos
Interativos
História do design de interação
Comunicação indígina: Sinais de fumaça, marcação nas
pedras
Código MORSE (anos 1830): telégrafos e seus
operadores
ENIAC (anos 1940): O 1º computador tinha interface
criada de/para engenheiros
Anos 1960: Foco nas pessoas
Anos 1970: Computadores pessoais, WORDSTAR

29. Planejamento Estratégico e Marketing Interativo Gestão de Emoções
I-MB Rogério Fratin
Gestão de Negócios, Mercados e Projetos
Interativos
História do design de interação
Anos 1990: Mais computadores pessoais, agendas
eletrônicas, pagers, laptops, telefones celulares, internet
Anos 2000 até agora: Mais softwares livres, TVs
conectadas à rede, 3G, internet (bem) mais rápida,
smartphones, apps, redes sociais, ARGs, GPS (...)
(o contrário da diversão não é o trabalho, é a
depressão).

30. Planejamento Estratégico e Marketing Interativo Gestão de Emoções
I-MB Rogério Fratin
Gestão de Negócios, Mercados e Projetos
Interativos
Charles Bukowyski (1920-1994)
“As pequenas coisas são as que realmente
incomodam, como barulho de mosquito, torneira
pingando...”

31. Planejamento Estratégico e Marketing Interativo Gestão de Emoções
I-MB Rogério Fratin
Gestão de Negócios, Mercados e Projetos
Interativos

32. Planejamento Estratégico e Marketing Interativo Gestão de Emoções
I-MB Rogério Fratin
Gestão de Negócios, Mercados e Projetos
Interativos
Características/processos
•Foco no usuário
•Encontrar necessidades, desenvolver projetos que as
preencham
•Construir com grande range de influências
•Multidisciplinar
•Prazeroso, inteligente, adaptável
•Lúdico, divertido
•Avaliar o que foi construído e o progresso do projeto
•Realidade virtual e ambientes virtuais

33. Planejamento Estratégico e Marketing Interativo Gestão de Emoções
I-MB Rogério Fratin
Gestão de Negócios, Mercados e Projetos
Interativos
Características/processos

34. Planejamento Estratégico e Marketing Interativo Gestão de Emoções
I-MB Rogério Fratin
Gestão de Negócios, Mercados e Projetos
Interativos
Exercício 3
Como melhorar a HOME e da página de erro da
Ticket Master?

35. Planejamento Estratégico e Marketing Interativo Gestão de Emoções
I-MB Rogério Fratin
Gestão de Negócios, Mercados e Projetos
Interativos
Alguns Princípios
Poka Yoke
•Shigeo Shingo, Toyota, 1961.
•Significa algo como “evitar erros”
•Pode se manifestar em avisos, procedimentos, etc
Feedback
•Resposta direta à ação

36. Planejamento Estratégico e Marketing Interativo Gestão de Emoções
I-MB Rogério Fratin
Gestão de Negócios, Mercados e Projetos
Interativos
Alguns Princípios
Feedforward
•Dá dica para previnir um acidente de percurso na interação
A Lei de (Larry) Tesler de Conservar a
Complexidade
•Não acabar com a complexidade e sim movê-la para onde
interessa

37. Planejamento Estratégico e Marketing Interativo Gestão de Emoções
I-MB Rogério Fratin
Gestão de Negócios, Mercados e Projetos
Interativos
Alguns Princípios

38. Planejamento Estratégico e Marketing Interativo Gestão de Emoções
I-MB Rogério Fratin
Gestão de Negócios, Mercados e Projetos
Interativos
Alguns Princípios

39. Planejamento Estratégico e Marketing Interativo Gestão de Emoções
I-MB Rogério Fratin
Gestão de Negócios, Mercados e Projetos
Interativos
Alguns Princípios

40. Planejamento Estratégico e Marketing Interativo Gestão de Emoções
I-MB Rogério Fratin
Gestão de Negócios, Mercados e Projetos
Interativos
Diagramas (MindNode pra Mac ou X-
Mind, pra PC)

41. Planejamento Estratégico e Marketing Interativo Gestão de Emoções
I-MB Rogério Fratin
Gestão de Negócios, Mercados e Projetos
Interativos
Ferramentas:
Diagrama (MindNode pra Mac ou X-Mind pra PC):

42. Planejamento Estratégico e Marketing Interativo Gestão de Emoções
I-MB Rogério Fratin
Gestão de Negócios, Mercados e Projetos
Interativos
Ferramentas:
Wireframes (Paper wireframes, Illustrator, Power
Point):

43. Planejamento Estratégico e Marketing Interativo Gestão de Emoções
I-MB Rogério Fratin
Gestão de Negócios, Mercados e Projetos
Interativos
Ferramentas:
Prototipagem (Axure, Visio, Omnigraffle)

44. Planejamento Estratégico e Marketing Interativo Gestão de Emoções
I-MB Rogério Fratin
Gestão de Negócios, Mercados e Projetos
Interativos
Ferramentas:
Prototipagem (Axure, Visio, Omnigraffle)

45. Planejamento Estratégico e Marketing Interativo Gestão de Emoções
I-MB Rogério Fratin
Gestão de Negócios, Mercados e Projetos
Interativos
Ferramentas:
Visual design aplicado ao projeto

46. Planejamento Estratégico e Marketing Interativo Gestão de Emoções
I-MB Rogério Fratin
Gestão de Negócios, Mercados e Projetos
Interativos
Ferramentas:
Visual design aplicado ao projeto

47. Planejamento Estratégico e Marketing Interativo Gestão de Emoções
I-MB Rogério Fratin
Gestão de Negócios, Mercados e Projetos
Interativos
Sketches:

48. Planejamento Estratégico e Marketing Interativo Gestão de Emoções
I-MB Rogério Fratin
Gestão de Negócios, Mercados e Projetos
Interativos
Personas:

49. Planejamento Estratégico e Marketing Interativo Gestão de Emoções
I-MB Rogério Fratin
Gestão de Negócios, Mercados e Projetos
Interativos
Personas:
x

50. Planejamento Estratégico e Marketing Interativo Gestão de Emoções
I-MB Rogério Fratin
Gestão de Negócios, Mercados e Projetos
Interativos
Cenários:

51. Planejamento Estratégico e Marketing Interativo Gestão de Emoções
I-MB Rogério Fratin
Gestão de Negócios, Mercados e Projetos
Interativos
As Leis da Simplicidade
Os 7 Níveis de Interatividade na Hipermídia
•Reduzir: A maneira mais simples de alcançar a
simplicidade é por meio de uma redução conscienciosa.
•Organizar: A organização faz com que um sistema de
muitos pareça de poucos.
•Tempo: Economia de tempo transmite simplicidade.
•Aprender: O conhecimento torna tudo mais simples.
•Diferenças: Simplicidade e complexidade necessitam uma
da outra.

52. Planejamento Estratégico e Marketing Interativo Gestão de Emoções
I-MB Rogério Fratin
Gestão de Negócios, Mercados e Projetos
Interativos
As Leis da Simplicidade
Os 7 Níveis de Interatividade na Hipermídia
6. Contexto: O que reside na periférica da simplicidade é
definitivamente não periférico.
7. Emoção: Mais emoção é melhor que menos.
8. Confiança: Na simplicidade nós confiamos.
9. Fracasso: Algumas coisas nunca podem ser simples.
10. A única: A simplicidade consiste em subtrair o óbvio e
acrescentar o significativo.
As Leis da Simplicidade, John Maeda, Editora Novo Conceito

53. Planejamento Estratégico e Marketing Interativo Gestão de Emoções
I-MB Rogério Fratin
Gestão de Negócios, Mercados e Projetos
Interativos

54. Planejamento Estratégico e Marketing Interativo Gestão de Emoções
I-MB Rogério Fratin
Gestão de Negócios, Mercados e Projetos
Interativos
Obrigado!
www.i-group.com.br
Siga-nos no Twitter: @iMBA_IGroup