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

Obrigado!!!full_erick@hotmail.comjose.silva@tqtvd.com