1. Curso de Especializao em nvel de Ps-Graduao Lato Sensu em: Gesto de EmoesI-MB Planejamento Estratgico e Marketing InterativoPlanejamento Estratgico e Marketing Interativo Gesto de Negcios, Mercados e ProjetosFred Van AmstelGesto de Negcios, Mercados e Projetos Interativos - I-MBA Interativos Gesto de Emoes Rogrio Fratin

2. Planejamento Estratgico e Marketing Interativo Gesto de EmoesI-MB Rogrio Fratin Gesto de Negcios, Mercados e Projetos InterativosFormei em Design Digital pela Universidade AnhembiMorumbi 2005Passei pela Abril entre 2006 2011Atualmente estou no portal Terra 3. Planejamento Estratgico e Marketing Interativo Gesto de EmoesI-MB Rogrio Fratin Gesto de Negcios, Mercados e Projetos Interativos 4. Planejamento Estratgico e Marketing Interativo Gesto de EmoesI-MB Rogrio Fratin Gesto de Negcios, Mercados e Projetos Interativos O design...? Design a visualizao criativa e sistemtica dos processos de interao e das mensagens de diferentes atores sociais; a visualizao criativa e sistemtica das diferentes funes de objetos de uso e sua adequao s necessidades dos usurios ou aos efeitos sobre os receptores Beat Schneider, Design - Uma Introduo, Editora Blucher 5. Planejamento Estratgico e Marketing Interativo Gesto de EmoesI-MB Rogrio Fratin Gesto de Negcios, Mercados e Projetos Interativos O design...? Design is to design a design to produce a design John Heskett John Heskett 6. Planejamento Estratgico e Marketing Interativo Gesto de EmoesI-MB Rogrio Fratin Gesto de Negcios, Mercados e Projetos Interativos O design...? Design significa ter e desenvolver um plano, um projeto, significa designar. trabalhar com a inteno, com o cenrio futuro, executando a concepo e o planejamento daquilo que vir a existir. Criar, desenvolver, implantar um projeto o design significa pesquisar e trabalhar com referncias culturais e estticas, com o conceito da proposta. lidar com a forma, com o feitio, com a configurao, a elaborao, o desenvolvimento e o acompanhamento do projeto Mnica Moura, Faces do Design, Edies Rosari 7. Planejamento Estratgico e Marketing Interativo Gesto de EmoesI-MB Rogrio Fratin Gesto de Negcios, Mercados e Projetos Interativos O design...? Alexandre Wollner, Alexandre Wollner e a formao do design moderno no Brasil, livro+DVD, Cosac 8. Planejamento Estratgico e Marketing Interativo Gesto de EmoesI-MB Rogrio Fratin Gesto de Negcios, Mercados e Projetos Interativos A Interatividade...? Na web Mapas interativos Infogrficos interativos Sites... multimdia =( Na Tv Escolha o filme Escolha o final Quem fica na casa? Quem sai? No teatro Stand up comedy interativo 9. Planejamento Estratgico e Marketing Interativo Gesto de EmoesI-MB Rogrio Fratin Gesto de Negcios, 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 interao:Televiso interativa. 2 Diz-se do sistema multimdia em que um usurio pode executar um comando e o programa responde, ou controlar aes e a forma como o programa funciona. 3 Diz-se do sistema de visualizao que capaz de reagir a diferentes entradas do usurio. 4 Diz-se do modo do computador que permite ao usurio colocarcomandos, programas ou dados, recebendo respostas imediatas. 10. Planejamento Estratgico e Marketing Interativo Gesto de EmoesI-MB Rogrio Fratin Gesto de Negcios, Mercados e Projetos Interativos Pausa para ReflexoDurante os prximos 5 minutos, cada espaoeducacional dever discutir e listar 2 tpicosrelacionados ao tema da aula que gostaria que nofosse deixado de ser abordado durante a aula.Por favor, postem os tpicos no chat. Tempo: 5 mins. 11. Planejamento Estratgico e Marketing Interativo Gesto de EmoesI-MB Rogrio Fratin Gesto de Negcios, Mercados e Projetos Interativos A Interatividade...? Os 7 Nveis de Interatividade na Hipermdia Simples estmulos Simulao de ambientes Personalizao de interfaces - menus, barras, etc Participao e conversas com bancos de dados - blogs, fruns Interferncias na interface, criar e modificar textos - Exemplo? Inteligncia artificial, vida artificial - Second Life Realidade virtual e ambientes virtuais 12. Planejamento Estratgico e Marketing Interativo Gesto de EmoesI-MB Rogrio Fratin Gesto de Negcios, Mercados e Projetos Interativos Foursquare www.foursquare.com 13. Planejamento Estratgico e Marketing Interativo Gesto de EmoesI-MB Rogrio Fratin Gesto de Negcios, Mercados e Projetos Interativos Dont click! www.dontclick.it 14. Planejamento Estratgico e Marketing Interativo Gesto de EmoesI-MB Rogrio Fratin Gesto de Negcios, Mercados e Projetos Interativos Exerccio 1: Como separar os 7 nveis de interatividade em 4 que respondam ao atual momento tecnolgico? Simples estmulos - o clique, navegao convencional Simulao de ambientes - sites de lojas, shoppings Personalizao de interfaces - menus, barras, etc Participao e conversas com bancos de dados - blogs, fruns Interferncias na interface, criar e modificar textos - Exemplo? Inteligncia artificial, vida artificial - Second Life Realidade virtual e ambientes virtuaisTempo: 15 mins 15. Planejamento Estratgico e Marketing Interativo Gesto de EmoesI-MB Rogrio Fratin Gesto de Negcios, Mercados e Projetos Interativos A humanizao dos processos O que design thinking? O Design Thinking um MODELO MENTAL, uma abordagem prtica que acelera a inovao e soluciona problemas atravs de um olhar humano. Ao baixar as barreiras da hierarquia e do pensamento exclusivamente cartesiano, o Design Thinking oferece um espao para as idias emergirem sem pr- julgamentos, fazendo com que o nosso crebro seja forado a sair da sua zona de conforto, e, a partir da, enxergar futuros desejveis. Simples estmulos http://designechos.com.br/spjam/?page_id=122 16. Planejamento Estratgico e Marketing Interativo Gesto de EmoesI-MB Rogrio Fratin Gesto de Negcios, Mercados e Projetos Interativos A humanizao dos processos O que design thinking? 17. Planejamento Estratgico e Marketing Interativo Gesto de EmoesI-MB Rogrio Fratin Gesto de Negcios, Mercados e Projetos Interativos A humanizao dos processos ELIZA Project, MIT, 1966 Usurio: Meu namorado me fez vir aqui ELIZA: Seu namorado a fez vir aqui? Usurio: Ele disse que eu estou deprimida a maior parte do tempo ELIZA: Eu sinto muito em saber que est deprimida Usurio: 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 Estratgico e Marketing Interativo Gesto de EmoesI-MB Rogrio Fratin Gesto de Negcios, Mercados e Projetos Interativos O funil do conhecimento e a virada do Mc DonaldsMistrioHeursticaAlgoritmo Design de Negcios, Roger Martin, Editora Campus 19. Planejamento Estratgico e Marketing Interativo Gesto de EmoesI-MB Rogrio Fratin Gesto de Negcios, Mercados e Projetos Interativos O Catlogo da SEARS Roebruck 20. Planejamento Estratgico e Marketing Interativo Gesto de EmoesI-MB Rogrio Fratin Gesto de Negcios, Mercados e Projetos Interativos A humanizao dos processos MEMEX, em Como podemos pensar, Vannevar Bush, 1945 (...) ser um dispositivo em que o indivduo armazenar seus livros, seus registros, suas anotaes, suas comunicaes. O dispositivo ser mecanizado de modo a poder ser consultado com extrema velocidade e flexibilidade. Digamos que seja um suplemento ntimo nossa memria: uma grande expanso da memria pessoal. http://chaves.com.br/TEXTALIA/BUSH/aswemay.htm 21. Planejamento Estratgico e Marketing Interativo Gesto de EmoesI-MB Rogrio Fratin Gesto de Negcios, Mercados e Projetos Interativos A humanizao dos processos Geocaching, 2000 (www.geocaching.com) 22. Planejamento Estratgico e Marketing Interativo Gesto de EmoesI-MB Rogrio Fratin Gesto de Negcios, Mercados e Projetos Interativos 23. Planejamento Estratgico e Marketing Interativo Gesto de EmoesI-MB Rogrio Fratin Gesto de Negcios, Mercados e Projetos Interativos Dom Quixote e Conde Drculahttp://www.padworxdigital.com/dracula.html 24. Planejamento Estratgico e Marketing Interativo Gesto de EmoesI-MB Rogrio Fratin Gesto de Negcios, Mercados e Projetos Interativos Dom Quixote e Conde DrculaVdeo do app Dracula, para iPad, da Padworx: http://youtu.be/-oSERjIZG4U 25. Planejamento Estratgico e Marketing Interativo Gesto de EmoesI-MB Rogrio Fratin Gesto de Negcios, Mercados e Projetos Interativos Exerccio 2: Quais foram as 3 ltimas interaes com equipamentos bem sucedidas e as 3 ltimas mal-sucedidas que voc teve? Tempo: 15 mins 26. Planejamento Estratgico e Marketing Interativo Gesto de EmoesI-MB Rogrio Fratin Gesto de Negcios, Mercados e Projetos Interativos O que design de interao? Design de produtos interativos que fornecem suporte s atividades cotidianas das pessoas, seja no lar ou no trabalho. Criar experincias que melhorem e entendam a maneira como as pessoas trabalham, se comunicam e interagem. Design de Interao - Alm da interao homem-computador, Preece/Rogers/Sharp, Editora Bookman 27. Planejamento Estratgico e Marketing Interativo Gesto de EmoesI-MB Rogrio Fratin Gesto de Negcios, Mercados e Projetos Interativos O que design de interao? O usurio pode acessar um site e no interagir dentro da proposta. Qual tipo de atividade o usurio desempenha enquanto utiliza o produto? Como a interao? Voz? Clique? Toque? Gestos? 28. Planejamento Estratgico e Marketing Interativo Gesto de EmoesI-MB Rogrio Fratin Gesto de Negcios, Mercados e Projetos Interativos Histria do design de interao Comunicao indgina: Sinais de fumaa, marcao nas pedras Cdigo MORSE (anos 1830): telgrafos 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 Estratgico e Marketing Interativo Gesto de EmoesI-MB Rogrio Fratin Gesto de Negcios, Mercados e Projetos Interativos Histria do design de interao Anos 1990: Mais computadores pessoais, agendas eletrnicas, pagers, laptops, telefones celulares, internet Anos 2000 at agora: Mais softwares livres, TVs conectadas rede, 3G, internet (bem) mais rpida, smartphones, apps, redes sociais, ARGs, GPS (...) (o contrrio da diverso no o trabalho, a depresso). 30. Planejamento Estratgico e Marketing Interativo Gesto de EmoesI-MB Rogrio Fratin Gesto de Negcios, Mercados e Projetos Interativos Charles Bukowyski (1920-1994) As pequenas coisas so as que realmente incomodam, como barulho de mosquito, torneira pingando... 31. Planejamento Estratgico e Marketing Interativo Gesto de EmoesI-MB Rogrio Fratin Gesto de Negcios, Mercados e Projetos Interativos 32. Planejamento Estratgico e Marketing Interativo Gesto de EmoesI-MB Rogrio Fratin Gesto de Negcios, Mercados e Projetos Interativos Caractersticas/processos Foco no usurio Encontrar necessidades, desenvolver projetos que as preencham Construir com grande range de influncias Multidisciplinar Prazeroso, inteligente, adaptvel Ldico, divertido Avaliar o que foi construdo e o progresso do projeto Realidade virtual e ambientes virtuais 33. Planejamento Estratgico e Marketing Interativo Gesto de EmoesI-MB Rogrio Fratin Gesto de Negcios, Mercados e Projetos Interativos Caractersticas/processos 34. Planejamento Estratgico e Marketing Interativo Gesto de EmoesI-MB Rogrio Fratin Gesto de Negcios, Mercados e Projetos Interativos Exerccio 3 Como melhorar a HOME e da pgina de erro da Ticket Master? 35. Planejamento Estratgico e Marketing Interativo Gesto de EmoesI-MB Rogrio Fratin Gesto de Negcios, Mercados e Projetos Interativos Alguns Princpios Poka Yoke Shigeo Shingo, Toyota, 1961. Significa algo como evitar erros Pode se manifestar em avisos, procedimentos, etc Feedback Resposta direta ao 36. Planejamento Estratgico e Marketing Interativo Gesto de EmoesI-MB Rogrio Fratin Gesto de Negcios, Mercados e Projetos Interativos Alguns Princpios Feedforward D dica para previnir um acidente de percurso na interao A Lei de (Larry) Tesler de Conservar a Complexidade No acabar com a complexidade e sim mov-la para onde interessa 37. Planejamento Estratgico e Marketing Interativo Gesto de EmoesI-MB Rogrio Fratin Gesto de Negcios, Mercados e Projetos Interativos Alguns Princpios 38. Planejamento Estratgico e Marketing Interativo Gesto de EmoesI-MB Rogrio Fratin Gesto de Negcios, Mercados e Projetos Interativos Alguns Princpios 39. Planejamento Estratgico e Marketing Interativo Gesto de EmoesI-MB Rogrio Fratin Gesto de Negcios, Mercados e Projetos Interativos Alguns Princpios 40. Planejamento Estratgico e Marketing Interativo Gesto de EmoesI-MB Rogrio Fratin Gesto de Negcios, Mercados e Projetos Interativos Diagramas (MindNode pra Mac ou X- Mind, pra PC) 41. Planejamento Estratgico e Marketing Interativo Gesto de EmoesI-MB Rogrio Fratin Gesto de Negcios, Mercados e Projetos Interativos Ferramentas: Diagrama (MindNode pra Mac ou X-Mind pra PC): 42. Planejamento Estratgico e Marketing Interativo Gesto de EmoesI-MB Rogrio Fratin Gesto de Negcios, Mercados e Projetos Interativos Ferramentas: Wireframes (Paper wireframes, Illustrator, Power Point): 43. Planejamento Estratgico e Marketing Interativo Gesto de EmoesI-MB Rogrio Fratin Gesto de Negcios, Mercados e Projetos Interativos Ferramentas: Prototipagem (Axure, Visio, Omnigraffle) 44. Planejamento Estratgico e Marketing Interativo Gesto de EmoesI-MB Rogrio Fratin Gesto de Negcios, Mercados e Projetos Interativos Ferramentas: Prototipagem (Axure, Visio, Omnigraffle) 45. Planejamento Estratgico e Marketing Interativo Gesto de EmoesI-MB Rogrio Fratin Gesto de Negcios, Mercados e Projetos Interativos Ferramentas: Visual design aplicado ao projeto 46. Planejamento Estratgico e Marketing Interativo Gesto de EmoesI-MB Rogrio Fratin Gesto de Negcios, Mercados e Projetos Interativos Ferramentas: Visual design aplicado ao projeto 47. Planejamento Estratgico e Marketing Interativo Gesto de EmoesI-MB Rogrio Fratin Gesto de Negcios, Mercados e Projetos Interativos Sketches: 48. Planejamento Estratgico e Marketing Interativo Gesto de EmoesI-MB Rogrio Fratin Gesto de Negcios, Mercados e Projetos Interativos Personas: 49. Planejamento Estratgico e Marketing Interativo Gesto de EmoesI-MB Rogrio Fratin Gesto de Negcios, Mercados e Projetos Interativos Personas: x 50. Planejamento Estratgico e Marketing Interativo Gesto de EmoesI-MB Rogrio Fratin Gesto de Negcios, Mercados e Projetos Interativos Cenrios: 51. Planejamento Estratgico e Marketing Interativo Gesto de EmoesI-MB Rogrio Fratin Gesto de Negcios, Mercados e Projetos Interativos As Leis da Simplicidade Os 7 Nveis de Interatividade na Hipermdia Reduzir: A maneira mais simples de alcanar a simplicidade por meio de uma reduo conscienciosa. Organizar: A organizao faz com que um sistema de muitos parea de poucos. Tempo: Economia de tempo transmite simplicidade. Aprender: O conhecimento torna tudo mais simples. Diferenas: Simplicidade e complexidade necessitam uma da outra. 52. Planejamento Estratgico e Marketing Interativo Gesto de EmoesI-MB Rogrio Fratin Gesto de Negcios, Mercados e Projetos Interativos As Leis da Simplicidade Os 7 Nveis de Interatividade na Hipermdia 6. Contexto: O que reside na perifrica da simplicidade definitivamente no perifrico. 7. Emoo: Mais emoo melhor que menos. 8. Confiana: Na simplicidade ns 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 Estratgico e Marketing Interativo Gesto de EmoesI-MB Rogrio Fratin Gesto de Negcios, Mercados e Projetos Interativos 54. Planejamento Estratgico e Marketing InterativoGesto de EmoesI-MBRogrio Fratin Gesto de Negcios, Mercados e Projetos InterativosObrigado!www.i-group.com.br Siga-nos no Twitter: @iMBA_IGroup