Upload
jerickppts
View
540
Download
0
Embed Size (px)
Citation preview
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.
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)
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)
“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
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
Padrões, Telas, Mídias, Usabilidade eArquitetura da Informação.
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.
Padrões, Telas e Mídias - Internet
Algumas configurações de Mídias Web(em pixels)
Usabilidade e Arquitetura da Informação
Sitemap
Wireframes
Briefing
Levantamento de conteúdo
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
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.
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
Empresas - TV Digital
Empresas de Interatividade para TV Digital
Midleware - Ginga (NCL / Java)
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)
Usabilidade e Arquitetura da Informação FocoNavegação por 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.
Configurações de Telas
n tipos de telas
Ainda não existe um padrão para criação de sites mobile.
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
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.
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
Exemplo
veremos uma ação em TV Digital Mobile mais adiante!
Convergindo as mídias
Wireframes
Wireframes
Exemplo de tela240 x 320
Wireframes
Tela 16:9: 1280px X 720px
Logo
Qual melhor Sistema Operacional?
Windows Linux X Leopard
Sair
Vídeo
Você tem:
60segundos
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
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
RGB X CMYK
Cores
“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.
“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
[email protected]@tqtvd.com