Palestra Mídia Digital

481 views

Published on

Palestra de Mídia Digital p/ Faculdade Impacta de Tecnologia.

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
481
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
12
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Palestra Mídia Digital

  1. 1. Agenda1. Sociedade da Informação2. (TICs Tecnologias de Informação e Comunicação) O que é Mídia Digital Tecnologias A interatividade3. Modelos de negócios, Usabilidade e Arquitetura da Informação Modelos de Negócio (Internet, TV, Mobile) Usabilidade e Arquitetura da Informação4. Convergindo as Mídias (Web, TV e Mobile)5. Processos Corporativos Básicos de Mídia Digital6. “O Profissional 3 telas” - Novos rumos e possibilidades para o profissionalde Mídias Digitais: Suporte , Cores, Formatos, Tipografias, etc.
  2. 2. Sociedade da InformaçãoModelo de sociedade em formação e expansão originário danova ordem mundial chamada de globalização.1975 Daniel Bell introduziu no seu livro em seu livro[O advento da sociedade pós-industrial] o termo “Sociedade deInformação”.Na década de 90 o torna-se assunto importante nas organizações mundiais(G7, G8, FMI, OMC, ONU, OCDE)
  3. 3. Sociedade da Informação Ontem: Ler, Escrever, Cálculos, Interpretar Texto Hoje: Interagir, Produzir, Qualificar, Participar, Lecionar, Organizar, Questionar, Agrupar
  4. 4. (TICs Tecnologias de Informação e Comunicação)O que é Mídia Digital:Todo meio de comunicação digitalizado, caracterizado pela agilidade,horizontalidade, iteratividade e pela comunicação em rede que asnovas tecnologias promovem.
  5. 5. (TICs Tecnologias de Informação e Comunicação)ComputadoresArmazenadores: Disquetes, CDs, DVDs, Pen Drivers, HDs,TVs (Cabo, Assinaturas, Parabólicas, Tv Digital)Rádio DigitalTelefonia MóvelEmailsInternet - Podcasting - Streaming - BlogsGamesFotografia DigitalVídeos DigitaisCinema DigitalPainéis Digitais
  6. 6. (TICs Tecnologias de Informação e Comunicação)TecnologiasPermitem a utilização das mídias em cadeia tornando o conteúdomanipulável, dirigível e de fácil difusão a todos que possuamferramentas de utilização dos mesmos.Internet, IntranetTelefonia MóvelWi-FiBluetoothSatélites3GWimaxWAPBREWJAVA
  7. 7. A interatividade A interatividade“Disposição ou predisposição para mais interação, para uma hiper-interação, para bidirecionalidade - fusão emissão-recepção, paraparticipação e intervenção. ”Silva (1998:29) . Internet: Web 2.0 TV analógica: SMS, Telefonia Móvel TV Digital: Interatividade direta, SMS, Internet, Telefone Rádio: SMS, Telefone, Internet Telefonia Móvel: Internet, TV Digital, SMS, MMS, Geolocalização
  8. 8. A interatividadeModelos de negócios TV Digital: Internet: Interatividade, e-business X e-commerce Integração com a Internet, Corporativa T- Banking, Publicidade e propaganda T- Governo, Redes Sociais T- Commerce Métricas de internet Modelos publicitários Mobile (SMS, 3G, etc.) Mobile: Internet e Corporativo Publicidade e Propaganda Pagamentos e Vendas TV Digital e Analógica e interatividade
  9. 9. Padrões, Telas, Mídias, Usabilidade eArquitetura da Informação.
  10. 10. Padrões, Telas e Mídias - Internet Padrão: W3C - World Wide Web Consortium Configurações de Telas 800 x 600 1024 x 768 1152 x 824 Etc. ??? Navegação por links (mouse) Mídias: JPG, GIF, PNG, Vídeos, Flash, Java, etc.
  11. 11. Padrões, Telas e Mídias - Internet Algumas configurações de Mídias Web (em pixels)
  12. 12. Usabilidade e Arquitetura da Informação Briefing Levantamento de conteúdo Sitemap Wireframes Estudos de Usabilidade
  13. 13. Disseminação da Informação Redes sociais também na TV e no celular
  14. 14. A internet na TV
  15. 15. TVs na Internet A nova onda de TV na internet Petrobrás Unilever Partido do Trabalhador Sistemas que agrupa vários canais Ambev abertos de TV na internet Tv – Sabão OMO Renner Z3 Webcast TVs corporativas na internet Ministério da Integração Etc.
  16. 16. Padrões, Telas e Mídias - TV Digital Padrão: SBTVD – Sistema Brasileiro de TV Digital baseado no padrão japonês ISDB-T Configurações de Telas 16:9 X 4:3 Navegação por FOCOS (Controle remoto) Mídias: JPG, PNG, Vídeos
  17. 17. Empresas - TV Digital Empresas de Interatividade para TV Digital Midleware - Ginga (NCL / Java)
  18. 18. Usabilidade e Arquitetura da Informação Botões Coloridos (Sofkeys)Peças de layout sobre o vídeo Navegação com auxílio dos botões coloridos Tempo de resposta da aplicação
  19. 19. Usabilidade e Arquitetura da InformaçãoNavegação por foco Foco
  20. 20. Aplicações de TV Digital (Fase de testes das emissoras)
  21. 21. Padrões, Telas e Mídias - Mobile Platafomas: PalmOS, Windows Mobile, Symbiam, BlackBerry, Iphone, Android. Ainda não existe um padrão para criação de sites mobile. Configurações de Telasn tipos de telas
  22. 22. Padrões, Telas e Mídias - Mobile Navegação Teclado X Touchscreen XTouchscreen (QWERT) Tipos de aplicações Sites HTML (css, javaScript, flash), JAVA, PHP Mídias JPG, GIF, PNG, FLASH, Vídeos, MP3
  23. 23. Usabilidade e Arquitetura da Informação - Mobile Sitemap garantir que os usuários tenham acesso aos conteúdos ou realizem suas tarefas com o menor número de cliques e input de dados possível. Wireframe é onde o “circo pega fogo” Vários tipos de telas Vários tamanhos de textos, por isso devem ser curtos! Interfaces mais simples e objetivas possível Wireframes para cada tipo de display sem perder a identidade visual Saiba onde o trabalho vai ser aplicado Conheça o público alvo e a tecnologia para apresentar da melhor forma possível a informação.
  24. 24. Usabilidade e Arquitetura da InformaçãoEspaço reduzido Menu reduzido Login Lembrar de sempre colocar o Pré-look Conteúdo - navegação menor número de inputs possível
  25. 25. Exemplo veremos uma ação em TV Digital Mobile mais adiante!
  26. 26. Convergindo as mídias
  27. 27. Wireframes
  28. 28. Wireframes Exemplo de tela 240 x 320
  29. 29. Wireframes Vídeo Você tem: Qual melhor Sistema Operacional? 60 Logo segundos Sair Windows Linux X Leopard Tela 16:9: 1280px X 720px
  30. 30. Layout / DesignConsistência e Padronização Diferentes layouts Padronização do design nas ações em diferentes MídiasDiferenciação das cores em diferentes telasUtilização de imagens em mobile Imagens devem ser mais que meras ilustraçõesOrganização de arquivos PSD
  31. 31. Processos Corporativos de Mídia DigitalBriefing - (Planejamento e Pesquisa de Público / Mercado)Arquitetura da Informação ( Levantamento de conteúdo, Sitemap e Wireframes )Layout / DesignDocumento de Layout (Apresentação)
  32. 32. “O Profissional 3 telas”Novos rumos e possibilidades para o profissional de Mídias Digitais Designer Gráfico X Designer Multimídia Suporte Designer Gráfico: Criações feitas para materiais palpáveis e do mundo real. (Padrões de Folhas e Papéis, Plásticos, Produtos etc.) resolução 300dpi Suporte Designer Multimídia: Criações feitas para o meio digital. ( CD ROMs, Monitores, Displays, TVs. ) Resoluções de ecrã (800x600, 1024x768, etc.) Resolução 72dpi Cores RGB X CMYK
  33. 33. “O Profissional 3 telas”Novos rumos e possibilidades para o profissional de Mídias Digitais Formatos de imagens: Gráfico Sobre Impressões: TIF com as novas Ploter Digitais já conseguimos imprimir com EPS “perfeição” qualquer formato de imagem. Multimídia: JPG PNG GIF Tipografias: Encaixável na grade de pixel do monitor.
  34. 34. “O Profissional 3 telas”Novos rumos e possibilidades para o profissional de Mídias Digitais Multimídia (a morte da “Bi-dimensionalidade”): Movimento (Animação) Interatividade (Participação e retorno do utilizador) 3D Realidade Aumentada
  35. 35. “O Profissional 3 telas”Novos rumos e possibilidades para o profissional de Mídias Digitais “e Nós?” Mercado de mídia em crescimento e grandes ações multimídia Profissionais qualificados e adaptáveis para trabalhar em várias situações Gestão de equipes de mídias “Aquele povo da criação” Egocentrismo Criação x Desenvolvimento Aprendizado constante com experiências reais
  36. 36. Obrigado!!!full_erick@hotmail.com jose.silva@tqtvd.com

×