SlideShare uma empresa Scribd logo
Agenda

1. Sociedade da Informação

2. (TICs Tecnologias de Informação e Comunicação)
     O que é Mídia Digital
     Tecnologias
     A interatividade

3. Modelos de negócios, Usabilidade e Arquitetura da Informação
    Modelos de Negócio (Internet, TV, Mobile)
    Usabilidade e Arquitetura da Informação

4. Convergindo as Mídias (Web, TV e Mobile)

5. Processos Corporativos Básicos de Mídia Digital

6. “O Profissional 3 telas” - Novos rumos e possibilidades para o profissional
de Mídias Digitais: Suporte , Cores, Formatos, Tipografias, etc.
Sociedade da Informação




Modelo de sociedade em formação e expansão originário da
nova 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 de
Informação”.

Na década de 90 o torna-se assunto importante nas organizações mundiais
(G7, G8, FMI, OMC, ONU, OCDE)
Sociedade da Informação




       Ontem: Ler, Escrever, Cálculos, Interpretar Texto

       Hoje: Interagir, Produzir, Qualificar, Participar, Lecionar,
            Organizar, Questionar, Agrupar
(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 as
novas tecnologias promovem.
(TICs Tecnologias de Informação e Comunicação)



Computadores
Armazenadores: Disquetes, CDs, DVDs, Pen Drivers, HDs,
TVs (Cabo, Assinaturas, Parabólicas, Tv Digital)
Rádio Digital
Telefonia Móvel
Emails
Internet
 - Podcasting
 - Streaming
 - Blogs

Games
Fotografia Digital
Vídeos Digitais
Cinema Digital
Painéis Digitais
(TICs Tecnologias de Informação e Comunicação)




Tecnologias

Permitem a utilização das mídias em cadeia tornando o conteúdo
manipulável, dirigível e de fácil difusão a todos que possuam
ferramentas de utilização dos mesmos.

Internet, Intranet
Telefonia Móvel
Wi-Fi
Bluetooth
Satélites
3G
Wimax
WAP
BREW
JAVA
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, para
participaçã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
A interatividade
Modelos 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
Padrões, Telas, Mídias, Usabilidade e
Arquitetura da Informação.
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.
Padrões, Telas e Mídias - Internet


                      Algumas configurações de Mídias Web
                      (em pixels)
Usabilidade e Arquitetura da Informação




                          Briefing



                          Levantamento de conteúdo



                          Sitemap



                          Wireframes



                          Estudos de Usabilidade
Disseminação da Informação




                     Redes sociais também na TV e no celular
A internet na TV
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.
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
Empresas - TV Digital




                        Empresas de Interatividade para TV Digital




                        Midleware - Ginga (NCL / Java)
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
Usabilidade e Arquitetura da Informação
Navegação por foco                        Foco
Aplicações de TV Digital (Fase de testes das emissoras)
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 Telas




n tipos de telas
Padrões, Telas e Mídias - Mobile



                  Navegação Teclado X Touchscreen




                                                  X


Touchscreen
  (QWERT)

                 Tipos de aplicações
                 Sites HTML (css, javaScript, flash), JAVA, PHP


                 Mídias
                 JPG, GIF, PNG, FLASH, Vídeos, MP3
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.
Usabilidade e Arquitetura da Informação

Espaço reduzido          Menu reduzido       Login




                                                      Lembrar de sempre colocar o
  Pré-look            Conteúdo - navegação           menor número de inputs possível
Exemplo




          veremos uma ação em TV Digital Mobile mais adiante!
Convergindo as mídias
Wireframes
Wireframes




             Exemplo de tela
               240 x 320
Wireframes




                            Vídeo




                                                          Você tem:
               Qual melhor Sistema Operacional?             60
       Logo                                               segundos

                                                             Sair

              Windows          Linux          X Leopard




                  Tela 16:9: 1280px X 720px
Layout / Design




Consistência e Padronização
   Diferentes layouts

   Padronização do design nas ações em diferentes Mídias


Diferenciação das cores em diferentes telas

Utilização de imagens em mobile

   Imagens devem ser mais que meras ilustrações



Organização de arquivos PSD
Processos Corporativos de Mídia Digital




Briefing - (Planejamento e Pesquisa de Público / Mercado)


Arquitetura da Informação ( Levantamento de conteúdo, Sitemap e Wireframes )


Layout / Design


Documento de Layout (Apresentação)
“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
“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.
“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
“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
Obrigado!!!
full_erick@hotmail.com
 jose.silva@tqtvd.com

Mais conteúdo relacionado

Mais procurados

Realidade aumentada na publicidade e propaganda
Realidade aumentada na publicidade e propagandaRealidade aumentada na publicidade e propaganda
Realidade aumentada na publicidade e propaganda
Marcell Mendonca
 
2. Tipos de mídia
2. Tipos de mídia2. Tipos de mídia
2. Tipos de mídia
Tatiana Fernández
 
Unidade 1 – Conceitos básicos de multimédia
Unidade 1 – Conceitos básicos de multimédiaUnidade 1 – Conceitos básicos de multimédia
Unidade 1 – Conceitos básicos de multimédia
CatarinaInes12E
 
Mobilize Learning | Módulo 4
Mobilize Learning | Módulo 4Mobilize Learning | Módulo 4
Mobilize Learning | Módulo 4
Mobilize Learning
 
Brasildigital2015
Brasildigital2015Brasildigital2015
Brasildigital2015
bianchiassociates
 
Computacao Movel e Sem Fio
Computacao Movel e Sem FioComputacao Movel e Sem Fio
Computacao Movel e Sem Fio
Douglas Frari
 
Quadro de Avisos - IHC
Quadro de Avisos - IHCQuadro de Avisos - IHC
Quadro de Avisos - IHC
Johnnatan Messias
 
Estudo - Estratégia Mobile Corporativa (Versão Full)
Estudo - Estratégia Mobile Corporativa (Versão Full)Estudo - Estratégia Mobile Corporativa (Versão Full)
Estudo - Estratégia Mobile Corporativa (Versão Full)
Fabricio Freitas
 
Aula Inicial - disciplina Multimidia
Aula Inicial - disciplina MultimidiaAula Inicial - disciplina Multimidia
Aula Inicial - disciplina Multimidia
renatofrigo
 
Capitulo 1
Capitulo 1Capitulo 1
Capitulo 1
sferna
 
Uma analise do cenario publicitario online mobile r10 0087-1
Uma analise do cenario publicitario online mobile r10 0087-1Uma analise do cenario publicitario online mobile r10 0087-1
Uma analise do cenario publicitario online mobile r10 0087-1
Professor Sérgio Duarte
 
Internetmoveleapps
InternetmoveleappsInternetmoveleapps
Internetmoveleapps
bianchiassociates
 
Plano de Investigação
Plano de InvestigaçãoPlano de Investigação
Plano de Investigação
Frederico Cerdeira
 
Pptwhitepaperipad
PptwhitepaperipadPptwhitepaperipad
Pptwhitepaperipad
bianchiassociates
 
44 47 zoomtech
44 47 zoomtech44 47 zoomtech
44 47 zoomtech
lina3004
 
Newsmedia
NewsmediaNewsmedia
Palestra iPad (sem videos)
Palestra iPad (sem videos)Palestra iPad (sem videos)
Palestra iPad (sem videos)
bianchiassociates
 
Multimídia
MultimídiaMultimídia
Multimídia
Aparecida Atual
 
Trabalho De So2
Trabalho De So2Trabalho De So2
Trabalho De So2
Marcus Vinicius Marques
 
Publicidade de Massa e Planejamento Estratégico na era Digital
Publicidade de Massa e Planejamento Estratégico na era DigitalPublicidade de Massa e Planejamento Estratégico na era Digital
Publicidade de Massa e Planejamento Estratégico na era Digital
renatofrigo
 

Mais procurados (20)

Realidade aumentada na publicidade e propaganda
Realidade aumentada na publicidade e propagandaRealidade aumentada na publicidade e propaganda
Realidade aumentada na publicidade e propaganda
 
2. Tipos de mídia
2. Tipos de mídia2. Tipos de mídia
2. Tipos de mídia
 
Unidade 1 – Conceitos básicos de multimédia
Unidade 1 – Conceitos básicos de multimédiaUnidade 1 – Conceitos básicos de multimédia
Unidade 1 – Conceitos básicos de multimédia
 
Mobilize Learning | Módulo 4
Mobilize Learning | Módulo 4Mobilize Learning | Módulo 4
Mobilize Learning | Módulo 4
 
Brasildigital2015
Brasildigital2015Brasildigital2015
Brasildigital2015
 
Computacao Movel e Sem Fio
Computacao Movel e Sem FioComputacao Movel e Sem Fio
Computacao Movel e Sem Fio
 
Quadro de Avisos - IHC
Quadro de Avisos - IHCQuadro de Avisos - IHC
Quadro de Avisos - IHC
 
Estudo - Estratégia Mobile Corporativa (Versão Full)
Estudo - Estratégia Mobile Corporativa (Versão Full)Estudo - Estratégia Mobile Corporativa (Versão Full)
Estudo - Estratégia Mobile Corporativa (Versão Full)
 
Aula Inicial - disciplina Multimidia
Aula Inicial - disciplina MultimidiaAula Inicial - disciplina Multimidia
Aula Inicial - disciplina Multimidia
 
Capitulo 1
Capitulo 1Capitulo 1
Capitulo 1
 
Uma analise do cenario publicitario online mobile r10 0087-1
Uma analise do cenario publicitario online mobile r10 0087-1Uma analise do cenario publicitario online mobile r10 0087-1
Uma analise do cenario publicitario online mobile r10 0087-1
 
Internetmoveleapps
InternetmoveleappsInternetmoveleapps
Internetmoveleapps
 
Plano de Investigação
Plano de InvestigaçãoPlano de Investigação
Plano de Investigação
 
Pptwhitepaperipad
PptwhitepaperipadPptwhitepaperipad
Pptwhitepaperipad
 
44 47 zoomtech
44 47 zoomtech44 47 zoomtech
44 47 zoomtech
 
Newsmedia
NewsmediaNewsmedia
Newsmedia
 
Palestra iPad (sem videos)
Palestra iPad (sem videos)Palestra iPad (sem videos)
Palestra iPad (sem videos)
 
Multimídia
MultimídiaMultimídia
Multimídia
 
Trabalho De So2
Trabalho De So2Trabalho De So2
Trabalho De So2
 
Publicidade de Massa e Planejamento Estratégico na era Digital
Publicidade de Massa e Planejamento Estratégico na era DigitalPublicidade de Massa e Planejamento Estratégico na era Digital
Publicidade de Massa e Planejamento Estratégico na era Digital
 

Destaque

Mídia Digital - Pesquisa de Mídia
Mídia Digital - Pesquisa de MídiaMídia Digital - Pesquisa de Mídia
Mídia Digital - Pesquisa de Mídia
Guilherme Müller
 
Multlinks Mídia Digital
Multlinks Mídia DigitalMultlinks Mídia Digital
Multlinks Mídia Digital
Multlinks Mídia Digital
 
Proposta de campanha para a Netshoes
Proposta de campanha para a NetshoesProposta de campanha para a Netshoes
Proposta de campanha para a Netshoes
carla Matos
 
Aula05 midia digital
Aula05 midia digitalAula05 midia digital
Propaganda & Mídia Digital
Propaganda & Mídia DigitalPropaganda & Mídia Digital
Propaganda & Mídia Digital
Patricia Riccelli Galante de Sá
 
Aula02 midia digital
Aula02 midia digitalAula02 midia digital
Mídia Digital na Educação Album Seriado
Mídia Digital na Educação   Album SeriadoMídia Digital na Educação   Album Seriado
Mídia Digital na Educação Album Seriado
nando_adt
 
Aula06 midia digital
Aula06 midia digitalAula06 midia digital
Aula03 midia digital
Aula03 midia digitalAula03 midia digital
Introdução às Mídias Digitais
Introdução às Mídias DigitaisIntrodução às Mídias Digitais
Introdução às Mídias Digitais
Tiago Lopes
 
Mídias digitais - Apresentação da Aula 01 (04/08/12)
Mídias digitais - Apresentação da Aula 01 (04/08/12)Mídias digitais - Apresentação da Aula 01 (04/08/12)
Mídias digitais - Apresentação da Aula 01 (04/08/12)
Talita Moretto
 

Destaque (11)

Mídia Digital - Pesquisa de Mídia
Mídia Digital - Pesquisa de MídiaMídia Digital - Pesquisa de Mídia
Mídia Digital - Pesquisa de Mídia
 
Multlinks Mídia Digital
Multlinks Mídia DigitalMultlinks Mídia Digital
Multlinks Mídia Digital
 
Proposta de campanha para a Netshoes
Proposta de campanha para a NetshoesProposta de campanha para a Netshoes
Proposta de campanha para a Netshoes
 
Aula05 midia digital
Aula05 midia digitalAula05 midia digital
Aula05 midia digital
 
Propaganda & Mídia Digital
Propaganda & Mídia DigitalPropaganda & Mídia Digital
Propaganda & Mídia Digital
 
Aula02 midia digital
Aula02 midia digitalAula02 midia digital
Aula02 midia digital
 
Mídia Digital na Educação Album Seriado
Mídia Digital na Educação   Album SeriadoMídia Digital na Educação   Album Seriado
Mídia Digital na Educação Album Seriado
 
Aula06 midia digital
Aula06 midia digitalAula06 midia digital
Aula06 midia digital
 
Aula03 midia digital
Aula03 midia digitalAula03 midia digital
Aula03 midia digital
 
Introdução às Mídias Digitais
Introdução às Mídias DigitaisIntrodução às Mídias Digitais
Introdução às Mídias Digitais
 
Mídias digitais - Apresentação da Aula 01 (04/08/12)
Mídias digitais - Apresentação da Aula 01 (04/08/12)Mídias digitais - Apresentação da Aula 01 (04/08/12)
Mídias digitais - Apresentação da Aula 01 (04/08/12)
 

Semelhante a Palestra Mídia Digital

Realidade aumenta e design 02
Realidade aumenta e design 02Realidade aumenta e design 02
Realidade aumenta e design 02
Vinicius Dos Santos
 
Aula Gestão para Inovação e Liderança Unisinos - 2011 - PA7
Aula Gestão para Inovação e Liderança Unisinos - 2011 - PA7Aula Gestão para Inovação e Liderança Unisinos - 2011 - PA7
Aula Gestão para Inovação e Liderança Unisinos - 2011 - PA7
Gustavo Fischer
 
Produção audiovisual para mídias digitais
Produção audiovisual para mídias digitaisProdução audiovisual para mídias digitais
Produção audiovisual para mídias digitais
Cristina Felix
 
Mobile Marketing: mitos, verdades e a prática
Mobile Marketing: mitos, verdades e a práticaMobile Marketing: mitos, verdades e a prática
Mobile Marketing: mitos, verdades e a prática
Michel Lent Schwartzman
 
RioInfo 2010 - Fórum de Negócios - Salão da Inovação - Marcos Roberto
RioInfo 2010 - Fórum de Negócios - Salão da Inovação - Marcos RobertoRioInfo 2010 - Fórum de Negócios - Salão da Inovação - Marcos Roberto
RioInfo 2010 - Fórum de Negócios - Salão da Inovação - Marcos Roberto
Rio Info
 
Aula 02 ambientes e produtos multimidia
Aula 02   ambientes e produtos multimidiaAula 02   ambientes e produtos multimidia
Aula 02 ambientes e produtos multimidia
Fábio Costa
 
Introdução à TV digital interativa
Introdução à TV digital interativaIntrodução à TV digital interativa
Introdução à TV digital interativa
Maurilio Alberone
 
TV Digital Javaneiros 2010
TV Digital Javaneiros 2010TV Digital Javaneiros 2010
TV Digital Javaneiros 2010
JUGMS
 
Aula1-SAM-Apresentação e Introdução
Aula1-SAM-Apresentação e IntroduçãoAula1-SAM-Apresentação e Introdução
Aula1-SAM-Apresentação e Introdução
Guilherme Nonino Rosa
 
Rethink busines inovacao - nano - sergio cabral cavalcanti - idea valley - ...
Rethink busines   inovacao - nano - sergio cabral cavalcanti - idea valley - ...Rethink busines   inovacao - nano - sergio cabral cavalcanti - idea valley - ...
Rethink busines inovacao - nano - sergio cabral cavalcanti - idea valley - ...
IdeaValley Sergio Cabral Cavalcanti
 
Android: História, Mercado e Possibilidades (FLISOL - Indaiatuba - 2011)
Android: História, Mercado e Possibilidades (FLISOL - Indaiatuba - 2011)Android: História, Mercado e Possibilidades (FLISOL - Indaiatuba - 2011)
Android: História, Mercado e Possibilidades (FLISOL - Indaiatuba - 2011)
Santhyago Gallao
 
Desenvolvimento de Aplicativos Móveis Multiplataforma
Desenvolvimento de Aplicativos Móveis MultiplataformaDesenvolvimento de Aplicativos Móveis Multiplataforma
Desenvolvimento de Aplicativos Móveis Multiplataforma
Jose Augusto Cintra
 
A importância da Introperabilidade
A importância da IntroperabilidadeA importância da Introperabilidade
A importância da Introperabilidade
marcosgsantos
 
Convergência Artigo
Convergência  ArtigoConvergência  Artigo
Convergência Artigo
Mmm
 
14º Conferência Anual 2011 - Grupo Binário
14º Conferência Anual 2011 - Grupo Binário14º Conferência Anual 2011 - Grupo Binário
14º Conferência Anual 2011 - Grupo Binário
Grupo Binário
 
Apresentacao inventive
Apresentacao inventiveApresentacao inventive
Apresentacao inventive
Inventive House
 
Desafios e perspectivas para TV Conectada
Desafios e perspectivas para TV ConectadaDesafios e perspectivas para TV Conectada
Desafios e perspectivas para TV Conectada
Aécio Costa
 
SOCIAL TV , TWITTER E CRITÉRIOS DE NOTICIABILIDADE
SOCIAL TV , TWITTER E CRITÉRIOS DE NOTICIABILIDADESOCIAL TV , TWITTER E CRITÉRIOS DE NOTICIABILIDADE
SOCIAL TV , TWITTER E CRITÉRIOS DE NOTICIABILIDADE
Marcio Carneiro dos Santos
 
Google tv desafios e oportunidades na tv conectada
Google tv desafios e oportunidades na tv conectadaGoogle tv desafios e oportunidades na tv conectada
Google tv desafios e oportunidades na tv conectada
Aécio Costa
 
Design da interação / Design da experiência: considerações sobre um campo de ...
Design da interação / Design da experiência: considerações sobre um campo de ...Design da interação / Design da experiência: considerações sobre um campo de ...
Design da interação / Design da experiência: considerações sobre um campo de ...
Mauro Pinheiro
 

Semelhante a Palestra Mídia Digital (20)

Realidade aumenta e design 02
Realidade aumenta e design 02Realidade aumenta e design 02
Realidade aumenta e design 02
 
Aula Gestão para Inovação e Liderança Unisinos - 2011 - PA7
Aula Gestão para Inovação e Liderança Unisinos - 2011 - PA7Aula Gestão para Inovação e Liderança Unisinos - 2011 - PA7
Aula Gestão para Inovação e Liderança Unisinos - 2011 - PA7
 
Produção audiovisual para mídias digitais
Produção audiovisual para mídias digitaisProdução audiovisual para mídias digitais
Produção audiovisual para mídias digitais
 
Mobile Marketing: mitos, verdades e a prática
Mobile Marketing: mitos, verdades e a práticaMobile Marketing: mitos, verdades e a prática
Mobile Marketing: mitos, verdades e a prática
 
RioInfo 2010 - Fórum de Negócios - Salão da Inovação - Marcos Roberto
RioInfo 2010 - Fórum de Negócios - Salão da Inovação - Marcos RobertoRioInfo 2010 - Fórum de Negócios - Salão da Inovação - Marcos Roberto
RioInfo 2010 - Fórum de Negócios - Salão da Inovação - Marcos Roberto
 
Aula 02 ambientes e produtos multimidia
Aula 02   ambientes e produtos multimidiaAula 02   ambientes e produtos multimidia
Aula 02 ambientes e produtos multimidia
 
Introdução à TV digital interativa
Introdução à TV digital interativaIntrodução à TV digital interativa
Introdução à TV digital interativa
 
TV Digital Javaneiros 2010
TV Digital Javaneiros 2010TV Digital Javaneiros 2010
TV Digital Javaneiros 2010
 
Aula1-SAM-Apresentação e Introdução
Aula1-SAM-Apresentação e IntroduçãoAula1-SAM-Apresentação e Introdução
Aula1-SAM-Apresentação e Introdução
 
Rethink busines inovacao - nano - sergio cabral cavalcanti - idea valley - ...
Rethink busines   inovacao - nano - sergio cabral cavalcanti - idea valley - ...Rethink busines   inovacao - nano - sergio cabral cavalcanti - idea valley - ...
Rethink busines inovacao - nano - sergio cabral cavalcanti - idea valley - ...
 
Android: História, Mercado e Possibilidades (FLISOL - Indaiatuba - 2011)
Android: História, Mercado e Possibilidades (FLISOL - Indaiatuba - 2011)Android: História, Mercado e Possibilidades (FLISOL - Indaiatuba - 2011)
Android: História, Mercado e Possibilidades (FLISOL - Indaiatuba - 2011)
 
Desenvolvimento de Aplicativos Móveis Multiplataforma
Desenvolvimento de Aplicativos Móveis MultiplataformaDesenvolvimento de Aplicativos Móveis Multiplataforma
Desenvolvimento de Aplicativos Móveis Multiplataforma
 
A importância da Introperabilidade
A importância da IntroperabilidadeA importância da Introperabilidade
A importância da Introperabilidade
 
Convergência Artigo
Convergência  ArtigoConvergência  Artigo
Convergência Artigo
 
14º Conferência Anual 2011 - Grupo Binário
14º Conferência Anual 2011 - Grupo Binário14º Conferência Anual 2011 - Grupo Binário
14º Conferência Anual 2011 - Grupo Binário
 
Apresentacao inventive
Apresentacao inventiveApresentacao inventive
Apresentacao inventive
 
Desafios e perspectivas para TV Conectada
Desafios e perspectivas para TV ConectadaDesafios e perspectivas para TV Conectada
Desafios e perspectivas para TV Conectada
 
SOCIAL TV , TWITTER E CRITÉRIOS DE NOTICIABILIDADE
SOCIAL TV , TWITTER E CRITÉRIOS DE NOTICIABILIDADESOCIAL TV , TWITTER E CRITÉRIOS DE NOTICIABILIDADE
SOCIAL TV , TWITTER E CRITÉRIOS DE NOTICIABILIDADE
 
Google tv desafios e oportunidades na tv conectada
Google tv desafios e oportunidades na tv conectadaGoogle tv desafios e oportunidades na tv conectada
Google tv desafios e oportunidades na tv conectada
 
Design da interação / Design da experiência: considerações sobre um campo de ...
Design da interação / Design da experiência: considerações sobre um campo de ...Design da interação / Design da experiência: considerações sobre um campo de ...
Design da interação / Design da experiência: considerações sobre um campo de ...
 

Mais de JErickPPTs

Brand Storytelling - Victoria University - 2019
Brand Storytelling - Victoria University - 2019Brand Storytelling - Victoria University - 2019
Brand Storytelling - Victoria University - 2019
JErickPPTs
 
Wikileaks - Victoria University - 2018
Wikileaks - Victoria University - 2018Wikileaks - Victoria University - 2018
Wikileaks - Victoria University - 2018
JErickPPTs
 
Deliveroo - Victoria University - 2017
Deliveroo - Victoria University - 2017Deliveroo - Victoria University - 2017
Deliveroo - Victoria University - 2017
JErickPPTs
 
Interaction Design, Visual Design, UX at Profite Marketing para Comércio Elet...
Interaction Design, Visual Design, UX at Profite Marketing para Comércio Elet...Interaction Design, Visual Design, UX at Profite Marketing para Comércio Elet...
Interaction Design, Visual Design, UX at Profite Marketing para Comércio Elet...
JErickPPTs
 
AI - Novo Portal PAC2 / Concorrência PrismaOnze.
AI - Novo Portal PAC2 / Concorrência PrismaOnze.AI - Novo Portal PAC2 / Concorrência PrismaOnze.
AI - Novo Portal PAC2 / Concorrência PrismaOnze.
JErickPPTs
 
Exercício de AI - PrismaOnze.
Exercício de AI - PrismaOnze.Exercício de AI - PrismaOnze.
Exercício de AI - PrismaOnze.
JErickPPTs
 
Exercício Interaction Designer - Huge
Exercício Interaction Designer - HugeExercício Interaction Designer - Huge
Exercício Interaction Designer - Huge
JErickPPTs
 
Campanha SUBDAY x SUBNIGHT
Campanha  SUBDAY x SUBNIGHTCampanha  SUBDAY x SUBNIGHT
Campanha SUBDAY x SUBNIGHT
JErickPPTs
 
Identidade de [Moda] integrada com loja de [Varejo].
Identidade de [Moda] integrada com loja de [Varejo].Identidade de [Moda] integrada com loja de [Varejo].
Identidade de [Moda] integrada com loja de [Varejo].
JErickPPTs
 
Dias D Submarino 2014 - Campanhas cotidianas do varejo on-line.
Dias D Submarino 2014 - Campanhas cotidianas  do varejo on-line.Dias D Submarino 2014 - Campanhas cotidianas  do varejo on-line.
Dias D Submarino 2014 - Campanhas cotidianas do varejo on-line.
JErickPPTs
 
Menu Vitrine Submarino.com 2014.
Menu Vitrine Submarino.com 2014.Menu Vitrine Submarino.com 2014.
Menu Vitrine Submarino.com 2014.
JErickPPTs
 
Campanha de lançamento CoolStuff Submarino.com
Campanha de lançamento CoolStuff Submarino.comCampanha de lançamento CoolStuff Submarino.com
Campanha de lançamento CoolStuff Submarino.com
JErickPPTs
 
Configurações do Layout CoolStuff Submarino.
Configurações do Layout CoolStuff Submarino.Configurações do Layout CoolStuff Submarino.
Configurações do Layout CoolStuff Submarino.
JErickPPTs
 
Campanha BlackFriday 2013.
Campanha BlackFriday 2013.Campanha BlackFriday 2013.
Campanha BlackFriday 2013.
JErickPPTs
 
Projeto Visual Email Marketing Submarino 2014.
Projeto Visual Email Marketing Submarino 2014.Projeto Visual Email Marketing Submarino 2014.
Projeto Visual Email Marketing Submarino 2014.
JErickPPTs
 
Proposta ID lançamento Moda do Submarino.
Proposta ID lançamento Moda do Submarino.Proposta ID lançamento Moda do Submarino.
Proposta ID lançamento Moda do Submarino.
JErickPPTs
 
Projeto exploradores / Conceitos Iniciais
Projeto exploradores / Conceitos IniciaisProjeto exploradores / Conceitos Iniciais
Projeto exploradores / Conceitos Iniciais
JErickPPTs
 
Campanha SubDay Dezembro 2013.
Campanha SubDay Dezembro 2013.Campanha SubDay Dezembro 2013.
Campanha SubDay Dezembro 2013.
JErickPPTs
 
Campanha Reativação Galeria de Artes Submarino.
Campanha Reativação Galeria de Artes Submarino.Campanha Reativação Galeria de Artes Submarino.
Campanha Reativação Galeria de Artes Submarino.
JErickPPTs
 
Campanha Loja de Móveis do Submarino.
Campanha Loja de Móveis do Submarino.Campanha Loja de Móveis do Submarino.
Campanha Loja de Móveis do Submarino.
JErickPPTs
 

Mais de JErickPPTs (20)

Brand Storytelling - Victoria University - 2019
Brand Storytelling - Victoria University - 2019Brand Storytelling - Victoria University - 2019
Brand Storytelling - Victoria University - 2019
 
Wikileaks - Victoria University - 2018
Wikileaks - Victoria University - 2018Wikileaks - Victoria University - 2018
Wikileaks - Victoria University - 2018
 
Deliveroo - Victoria University - 2017
Deliveroo - Victoria University - 2017Deliveroo - Victoria University - 2017
Deliveroo - Victoria University - 2017
 
Interaction Design, Visual Design, UX at Profite Marketing para Comércio Elet...
Interaction Design, Visual Design, UX at Profite Marketing para Comércio Elet...Interaction Design, Visual Design, UX at Profite Marketing para Comércio Elet...
Interaction Design, Visual Design, UX at Profite Marketing para Comércio Elet...
 
AI - Novo Portal PAC2 / Concorrência PrismaOnze.
AI - Novo Portal PAC2 / Concorrência PrismaOnze.AI - Novo Portal PAC2 / Concorrência PrismaOnze.
AI - Novo Portal PAC2 / Concorrência PrismaOnze.
 
Exercício de AI - PrismaOnze.
Exercício de AI - PrismaOnze.Exercício de AI - PrismaOnze.
Exercício de AI - PrismaOnze.
 
Exercício Interaction Designer - Huge
Exercício Interaction Designer - HugeExercício Interaction Designer - Huge
Exercício Interaction Designer - Huge
 
Campanha SUBDAY x SUBNIGHT
Campanha  SUBDAY x SUBNIGHTCampanha  SUBDAY x SUBNIGHT
Campanha SUBDAY x SUBNIGHT
 
Identidade de [Moda] integrada com loja de [Varejo].
Identidade de [Moda] integrada com loja de [Varejo].Identidade de [Moda] integrada com loja de [Varejo].
Identidade de [Moda] integrada com loja de [Varejo].
 
Dias D Submarino 2014 - Campanhas cotidianas do varejo on-line.
Dias D Submarino 2014 - Campanhas cotidianas  do varejo on-line.Dias D Submarino 2014 - Campanhas cotidianas  do varejo on-line.
Dias D Submarino 2014 - Campanhas cotidianas do varejo on-line.
 
Menu Vitrine Submarino.com 2014.
Menu Vitrine Submarino.com 2014.Menu Vitrine Submarino.com 2014.
Menu Vitrine Submarino.com 2014.
 
Campanha de lançamento CoolStuff Submarino.com
Campanha de lançamento CoolStuff Submarino.comCampanha de lançamento CoolStuff Submarino.com
Campanha de lançamento CoolStuff Submarino.com
 
Configurações do Layout CoolStuff Submarino.
Configurações do Layout CoolStuff Submarino.Configurações do Layout CoolStuff Submarino.
Configurações do Layout CoolStuff Submarino.
 
Campanha BlackFriday 2013.
Campanha BlackFriday 2013.Campanha BlackFriday 2013.
Campanha BlackFriday 2013.
 
Projeto Visual Email Marketing Submarino 2014.
Projeto Visual Email Marketing Submarino 2014.Projeto Visual Email Marketing Submarino 2014.
Projeto Visual Email Marketing Submarino 2014.
 
Proposta ID lançamento Moda do Submarino.
Proposta ID lançamento Moda do Submarino.Proposta ID lançamento Moda do Submarino.
Proposta ID lançamento Moda do Submarino.
 
Projeto exploradores / Conceitos Iniciais
Projeto exploradores / Conceitos IniciaisProjeto exploradores / Conceitos Iniciais
Projeto exploradores / Conceitos Iniciais
 
Campanha SubDay Dezembro 2013.
Campanha SubDay Dezembro 2013.Campanha SubDay Dezembro 2013.
Campanha SubDay Dezembro 2013.
 
Campanha Reativação Galeria de Artes Submarino.
Campanha Reativação Galeria de Artes Submarino.Campanha Reativação Galeria de Artes Submarino.
Campanha Reativação Galeria de Artes Submarino.
 
Campanha Loja de Móveis do Submarino.
Campanha Loja de Móveis do Submarino.Campanha Loja de Móveis do Submarino.
Campanha Loja de Móveis do Submarino.
 

Palestra Mídia Digital

  • 1.
  • 2. Agenda 1. Sociedade da Informação 2. (TICs Tecnologias de Informação e Comunicação) O que é Mídia Digital Tecnologias A interatividade 3. Modelos de negócios, Usabilidade e Arquitetura da Informação Modelos de Negócio (Internet, TV, Mobile) Usabilidade e Arquitetura da Informação 4. Convergindo as Mídias (Web, TV e Mobile) 5. Processos Corporativos Básicos de Mídia Digital 6. “O Profissional 3 telas” - Novos rumos e possibilidades para o profissional de Mídias Digitais: Suporte , Cores, Formatos, Tipografias, etc.
  • 3. Sociedade da Informação Modelo de sociedade em formação e expansão originário da nova 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 de Informação”. Na década de 90 o torna-se assunto importante nas organizações mundiais (G7, G8, FMI, OMC, ONU, OCDE)
  • 4. Sociedade da Informação Ontem: Ler, Escrever, Cálculos, Interpretar Texto Hoje: Interagir, Produzir, Qualificar, Participar, Lecionar, Organizar, Questionar, Agrupar
  • 5. (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 as novas tecnologias promovem.
  • 6. (TICs Tecnologias de Informação e Comunicação) Computadores Armazenadores: Disquetes, CDs, DVDs, Pen Drivers, HDs, TVs (Cabo, Assinaturas, Parabólicas, Tv Digital) Rádio Digital Telefonia Móvel Emails Internet - Podcasting - Streaming - Blogs Games Fotografia Digital Vídeos Digitais Cinema Digital Painéis Digitais
  • 7. (TICs Tecnologias de Informação e Comunicação) Tecnologias Permitem a utilização das mídias em cadeia tornando o conteúdo manipulável, dirigível e de fácil difusão a todos que possuam ferramentas de utilização dos mesmos. Internet, Intranet Telefonia Móvel Wi-Fi Bluetooth Satélites 3G Wimax WAP BREW JAVA
  • 8. 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, para participaçã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
  • 9. A interatividade Modelos 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
  • 10. Padrões, Telas, Mídias, Usabilidade e Arquitetura da Informação.
  • 11. 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.
  • 12. Padrões, Telas e Mídias - Internet Algumas configurações de Mídias Web (em pixels)
  • 13. Usabilidade e Arquitetura da Informação Briefing Levantamento de conteúdo Sitemap Wireframes Estudos de Usabilidade
  • 14. Disseminação da Informação Redes sociais também na TV e no celular
  • 16. 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.
  • 17. 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
  • 18. Empresas - TV Digital Empresas de Interatividade para TV Digital Midleware - Ginga (NCL / Java)
  • 19. 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
  • 20. Usabilidade e Arquitetura da Informação Navegação por foco Foco
  • 21. Aplicações de TV Digital (Fase de testes das emissoras)
  • 22. 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 Telas n tipos de telas
  • 23. Padrões, Telas e Mídias - Mobile Navegação Teclado X Touchscreen X Touchscreen (QWERT) Tipos de aplicações Sites HTML (css, javaScript, flash), JAVA, PHP Mídias JPG, GIF, PNG, FLASH, Vídeos, MP3
  • 24. 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.
  • 25. Usabilidade e Arquitetura da Informação Espaço reduzido Menu reduzido Login Lembrar de sempre colocar o Pré-look Conteúdo - navegação menor número de inputs possível
  • 26. Exemplo veremos uma ação em TV Digital Mobile mais adiante!
  • 29. Wireframes Exemplo de tela 240 x 320
  • 30. Wireframes Vídeo Você tem: Qual melhor Sistema Operacional? 60 Logo segundos Sair Windows Linux X Leopard Tela 16:9: 1280px X 720px
  • 31. Layout / Design Consistência e Padronização Diferentes layouts Padronização do design nas ações em diferentes Mídias Diferenciação das cores em diferentes telas Utilização de imagens em mobile Imagens devem ser mais que meras ilustrações Organização de arquivos PSD
  • 32. Processos Corporativos de Mídia Digital Briefing - (Planejamento e Pesquisa de Público / Mercado) Arquitetura da Informação ( Levantamento de conteúdo, Sitemap e Wireframes ) Layout / Design Documento de Layout (Apresentação)
  • 33. “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
  • 34. “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.
  • 35. “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
  • 36. “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