O documento discute as tecnologias digitais emergentes e como elas estão convergindo. Ele abrange tópicos como a sociedade da informação, mídias digitais, modelos de negócios digitais, convergência entre web, TV e dispositivos móveis, processos de mídia digital e o papel mudando dos profissionais de mídia.

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

15. A internet na TV

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!

27. Convergindo as mídias

28. Wireframes

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

37. Obrigado!!!
full_erick@hotmail.com
jose.silva@tqtvd.com