Palestra Mídia Digital

37

Transcript of Palestra Mídia Digital

Page 1: Palestra Mídia Digital
Page 2: Palestra Mídia Digital

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.

Page 3: Palestra Mídia Digital

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)

Page 4: Palestra Mídia Digital

Sociedade da Informação

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

Hoje: Interagir, Produzir, Qualificar, Participar, Lecionar, Organizar, Questionar, Agrupar

Page 5: Palestra Mídia Digital

(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.

Page 6: Palestra Mídia Digital

ComputadoresArmazenadores: Disquetes, CDs, DVDs, Pen Drivers, HDs, TVs (Cabo, Assinaturas, Parabólicas, Tv Digital)Rádio DigitalTelefonia MóvelEmailsInternet - Podcasting - Streaming - Blogs

GamesFotografia DigitalVídeos DigitaisCinema DigitalPainéis Digitais

(TICs Tecnologias de Informação e Comunicação)

Page 7: Palestra Mídia Digital

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óvelWi-FiBluetooth Satélites3GWimaxWAPBREWJAVA

(TICs Tecnologias de Informação e Comunicação)

Page 8: Palestra Mídia Digital

“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.0TV analógica: SMS, Telefonia MóvelTV Digital: Interatividade direta, SMS, Internet, TelefoneRádio: SMS, Telefone, InternetTelefonia Móvel: Internet, TV Digital, SMS, MMS, Geolocalização

A interatividade A interatividade

Page 9: Palestra Mídia Digital

Internet:e-business X e-commerceCorporativaPublicidade e propagandaRedes SociaisMétricas de internetMobile (SMS, 3G, etc.)

A interatividade Modelos de negócios

TV Digital:Interatividade, Integração com a Internet, T- Banking,T- Governo,T- CommerceModelos publicitários

Mobile:Internet e CorporativoPublicidade e PropagandaPagamentos e VendasTV Digital e Analógica e interatividade

Page 10: Palestra Mídia Digital

Padrões, Telas, Mídias, Usabilidade eArquitetura da Informação.

Page 11: Palestra Mídia Digital

Padrões, Telas e Mídias - Internet

Padrão:W3C - World Wide Web Consortium

Configurações de Telas800 x 6001024 x 7681152 x 824Etc.

???

Navegação por links (mouse)

Mídias:JPG, GIF, PNG, Vídeos, Flash, Java, etc.

Page 12: Palestra Mídia Digital

Padrões, Telas e Mídias - Internet

Algumas configurações de Mídias Web(em pixels)

Page 13: Palestra Mídia Digital

Usabilidade e Arquitetura da Informação

Sitemap

Wireframes

Briefing

Levantamento de conteúdo

Estudos de Usabilidade

Page 14: Palestra Mídia Digital

Disseminação da Informação

Redes sociais também na TV e no celular

Page 15: Palestra Mídia Digital

A internet na TV

Page 16: Palestra Mídia Digital

TVs na Internet

A nova onda de TV na internet

Sistemas que agrupa vários canais abertos de TV na internet

TVs corporativas na internet

Petrobrás

Unilever

Partido do Trabalhador

Ambev

Tv – Sabão OMO

Renner

Z3 Webcast

Ministério da Integração

Etc.

Page 17: Palestra Mídia Digital

Padrões, Telas e Mídias - TV Digital

Padrão:SBTVD – Sistema Brasileiro de TV Digitalbaseado no padrão japonês ISDB-T

Navegação por FOCOS (Controle remoto)

Mídias:JPG, PNG, Vídeos

Configurações de Telas

16:9 X 4:3

Page 18: Palestra Mídia Digital

Empresas - TV Digital

Empresas de Interatividade para TV Digital

Midleware - Ginga (NCL / Java)

Page 19: Palestra Mídia Digital

Usabilidade e Arquitetura da Informação

Navegação com auxílio dos botões coloridosPeças de layout sobre o vídeo

Tempo de resposta da aplicação

Botões Coloridos (Sofkeys)

Page 20: Palestra Mídia Digital

Usabilidade e Arquitetura da Informação FocoNavegação por foco

Page 21: Palestra Mídia Digital

Aplicações de TV Digital (Fase de testes das emissoras)

Page 22: Palestra Mídia Digital

Padrões, Telas e Mídias - Mobile

Platafomas:PalmOS, Windows Mobile, Symbiam, BlackBerry, Iphone, Android.

Configurações de Telas

n tipos de telas

Ainda não existe um padrão para criação de sites mobile.

Page 23: Palestra Mídia Digital

Padrões, Telas e Mídias - Mobile

Navegação Teclado X Touchscreen

Touchscreen(QWERT)

MídiasJPG, GIF, PNG, FLASH, Vídeos, MP3

X

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

Page 24: Palestra Mídia Digital

Usabilidade e Arquitetura da Informação - Mobile

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

Sitemapgarantir 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.

Saiba onde o trabalho vai ser aplicadoConheça o público alvo e a tecnologia para apresentar da melhor forma possível a informação.

Page 25: Palestra Mídia Digital

Usabilidade e Arquitetura da Informação

Pré-look

Espaço reduzido Menu reduzido Login

Conteúdo - navegaçãoLembrar de sempre colocar o

menor número de inputs possível

Page 26: Palestra Mídia Digital

Exemplo

veremos uma ação em TV Digital Mobile mais adiante!

Page 27: Palestra Mídia Digital

Convergindo as mídias

Page 28: Palestra Mídia Digital

Wireframes

Page 29: Palestra Mídia Digital

Wireframes

Exemplo de tela240 x 320

Page 30: Palestra Mídia Digital

Wireframes

Tela 16:9: 1280px X 720px

Logo

Qual melhor Sistema Operacional?

Windows Linux X Leopard

Sair

Vídeo

Você tem:

60segundos

Page 31: Palestra Mídia Digital

Layout / Design

Consistência e Padronização

Organização de arquivos PSD

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

Page 32: Palestra Mídia Digital

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)

Page 33: Palestra Mídia Digital

“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

RGB X CMYK

Cores

Page 34: Palestra Mídia Digital

“O Profissional 3 telas”Novos rumos e possibilidades para o profissional de Mídias Digitais

Formatos de imagens:

GráficoTIFEPS

Multimídia:JPGPNGGIF

Encaixável na grade de pixel do monitor.

Tipografias:

Sobre Impressões: com as novas Ploter Digitais já conseguimos imprimir com “perfeição” qualquer formato de imagem.

Page 35: Palestra Mídia Digital

“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

Page 36: Palestra Mídia Digital

“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

Page 37: Palestra Mídia Digital

[email protected]@tqtvd.com