Design de Interface: Os desafios projetuais para os designers de aplicações T-Commerce

Tamanho: px
Começar a partir da página:

Download "Design de Interface: Os desafios projetuais para os designers de aplicações T-Commerce"

Transcrição

1 Design de Interface: Os desafios projetuais para os designers de aplicações T-Commerce Interface Design: Projective challenges for designers of t-commerce applications FALCO, Marcelo; Mestrando; PPG em Design, TVDi Design Lab, Universidade Anhembi Morumbi ZUANON, Rachel; Doutora; PPG em Design, TVDi Design Lab, Universidade Anhembi Morumbi Resumo O design de interfaces para aplicações T-Commerce (Televisão) vem apresentando fortes semelhanças ao E-Commerce (Web). As interfaces, em sua maioria, mostram-se pouco elaboradas em termos projetuais, e não atendem os padrões e especificidades da linguagem televisiva para o desenvolvimento de aplicações à Televisão Digital Interativa (TVDi). O artigo expõe os resultados obtidos na análise de interfaces de aplicações T-Commerce, tendo como referência o estudo da percepção visual definido pelas leis da Gestalt, com o objetivo de ampliar o escopo dos elementos projetuais a serem considerados no design de interfaces T- Commerce, especialmente aqueles envolvidos na organização e tratamento visual da informação. Palavras Chave: Design de Interface; Gestalt; Televisão Digital Interativa (TVDi); T- Commerce. Abstract The interface design for T-Commerce applications (TV) has been showing strong similarities to E-Commerce (Web). In most cases, the interfaces are poorly designed in projective terms and do not match the standards and specificities of television language for developing applications for Interactive Digital Television (idtv). This paper presents the results obtained in the analysis of interfaces T-Commerce applications, based on the study of visual perception defined by the laws of Gestalt, in order to broaden the scope of projective elements to be considered in interface design for T-Commerce, especially those involved in organizing and processing visual information. Keywords: Interface Design, Gestalt, idtv, T-Commerce.

2 Introdução Os desafios da pesquisa em design de interface 1 para Televisão Digital Interativa (TVDi) são amplos e ainda não totalmente investigados. Neste contexto, a interface gráfica atua como mediadora no processo de comunicação entre interator e conteúdo e, segundo BRENNAND e LEMOS (2007), a função do design de interface é fornecer signos 2 interpretáveis pelo interator que permita a manipulação da informação por meio das metalinguagens 3. A interface de uma aplicação interativa é composta por informações alocadas da forma mais conveniente a propiciar uma eficaz leitura do conteúdo no meio digital, viabilizando a comunicação entre pessoas e algoritmos 4 (CYBIS, 2003). Para MORAN (1981), [...] a interface de usuário deve ser entendida como sendo a parte de um sistema computacional com a qual uma pessoa entra em contato física, perceptiva ou conceitualmente. Em conformidade, COOPER (2007) aponta que cada elemento de uma composição visual tem um número de propriedades, tais como forma e cor, e que elas funcionam em conjunto para criar significado na interface. BOY (2002) concebe a interface como uma forma de apresentação de conteúdos, constituída por elementos textuais, gráficos e sonoros como, por exemplo, janelas, ícones, menus, entre outros conteúdos estáticos ou dinâmicos, a serem diretamente perceptíveis e acessados pelo interator. FREEMAN (2003) enfatiza a televisão como uma atividade de lazer, que tem a necessidade de contemplar uma interface acessível ao tele-interator 5, na qual a falta de solidez no design de interfaces para TVDi tem impactos negativos, causando problemas para todos os envolvidos na sua produção. Assim, posto que as interfaces gráficas são elementos fundamentais para uma aplicação interativa ser assimilada com êxito, o design de interfaces mais próximas das necessidades dos interatores, que representem soluções ao invés de problemas, deve considerar como a informação é aplicada, organizada e distribuída na interface; o deslocamento pelo conteúdo (navegação) a ser realizado pelo tele-interator para obtenção dessa informação; e a interação com os elementos da interface, a partir do controle remoto. Neste sentido, a fim de ampliar o escopo dos elementos projetuais a serem considerados no design de interfaces para TVDi, especialmente aqueles envolvidos na organização e tratamento visual da informação, este artigo, em um primeiro momento apresenta uma análise do cenário atual das interfaces para TVDi, mais especificamente das transações comerciais para televisão (T-Commerce). Em acréscimo, são apontadas algumas iniciativas da British Broadcasting Corporation (BBC), no que concerne à identificação de elementos projetuais envolvidos no design de interface para TVDi. Posteriormente, são apresentados os resultados obtidos na análise de interfaces de aplicações T-Commerce, tendo como referência o estudo da percepção visual definido pelas leis da Gestalt, com vistas ao design de interface mais adequado à realização de transações comerciais pela TVDi. 1 Uma superfície de contato, de tradução ou articulação entre dois espaços, duas espécies, duas ordens de realidade diferentes. (LEVY, 1993). A interface atua como uma espécie de tradutor, mediando entre as duas partes, tornando uma sensível para a outra. (JOHNSON, 2001) 2 Signo é toda coisa que substitui outra, representando-a para alguém, sob certos aspectos e em certa medida (PIGNATARI, 2002). O signo está representando outra coisa, está no lugar daquilo que lhe deu origem, gerando associações nas mentes dos indivíduos e diversas reações. 3 Linguagem que se utiliza para descrever outra linguagem ou qualquer sistema de significação. 4 Operação ou processo de cálculo. 5 Conforme Squirra e Becker (2009) a interatividade representa um avanço para os novos contextos de uso e criação de interfaces para aplicações interativas. Elas transformam as relações entre a televisão e seu público, demovendo-o da condição passiva de telespectador à posição ativa de tele-interator. 10º Congresso Brasileiro de Pesquisa e Desenvolvimento em Design, São Luís (MA).

3 1. O Design de Interface nas aplicações para T-Commerce: uma análise do cenário atual Uma análise do cenário atual das interfaces para TVDi, mais especificamente das transações comerciais para televisão, também chamadas de T-Commerce, permite observar que a maioria das aplicações estão relacionadas aos conceitos definidos por GAWLINSKI (2003), entre eles o de TV Expandida, que consiste em serviços interativos relacionados ao programa de televisão; e a Internet na Televisão, que permite ao tele-interator conectar-se à internet para efetuar as transações comerciais, ainda vinculadas aos serviços de E-Commerce. Contudo, independente de ambas as condições, atualmente, a principal referência ao design de interfaces para aplicações T-Commerce constitui-se nas interfaces das aplicações para E- Commerce, nas quais a internet se apresenta como a plataforma voltada às oportunidades de negócio. O E-Commerce permite aos interatores um efetivo instrumento de comercialização de bens e serviços, onde é possível realizar transações comerciais a qualquer hora e em qualquer lugar, pela conexão à rede de acesso móvel. Essa referência explícita, quase mimética, às interfaces E-Commerce para o design de aplicações T-Commerce desconsidera as especificidades da linguagem audiovisual televisiva e, neste sentido, as distinções entre o design de interface para televisão e para internet. Segundo Squirra e Becker (2009), a televisão age de forma ativa, ao oferecer programas sem exigir qualquer atitude do telespectador, que assume, neste contexto, uma condição passiva. Por outro lado, a internet apresenta-se como um meio passivo, sendo o usuário a figura ativa que precisa agir para gerar interação. (...) a interatividade representa um avanço considerável para novos usos e, eventualmente, para novos contextos de uso. As interfaces, e por que não, as aplicações interativas dependem e devem ser desenvolvidas em função desses contextos. [Squirra, Becker, 2009] Conforme SQUIRRA e FECHINE (2009), o design de interface para T-Commerce utilizase de quatro formas básicas para apresentar os elementos na interface: aplicações com redimensionamento da imagem 6 ; aplicação com ocultação parcial da imagem; aplicação com transparência sobre a imagem; e aplicação em tela cheia. Nas aplicações com redimensionamento da imagem, o vídeo é reduzido a uma parte da interface e as demais áreas são ocupadas pela aplicação, como pode ser observado na aplicação T-Commerce History Shop (figura 01), do canal norte-americano History Channel, que oferece informações sobre produtos em paralelo ao vídeo do programa. Vídeo Produtos Figura 01: T-Commerce da History Channel <fonte:http://www.wekellergroup.com/blog/?tag=t- Commerce, acessado em: 08/02/2012.> 6 Conforme [SQUIRRA,FECHINE, 2009] a palavra imagem aqui deve ser entendida como o conteúdo televisivo "tradicional" - imagem e som. 10º Congresso Brasileiro de Pesquisa e Desenvolvimento em Design, São Luís (MA)

4 Já nos casos com ocultação parcial da imagem, a aplicação se localiza parcialmente sobre o vídeo, como no T-Commerce Shop By Remote, do canal de vendas Home Shopping Network (HSN) (figura 02). Esta proposta pode dificultar o entendimento do programa devido à extensão da área ocupada pelo aplicativo. Vídeo Produtos Figura 02: HSN Shop By Remote <fonte: the_revolutionary_move_itv-commerce.html, acessado em: 08/02/2012.> A aplicação com transparência sobre a imagem é similar à anterior, entretanto, esta utiliza-se de componentes 7 com transparência, como, por exemplo, na aplicação desenvolvida pela empresa brasileira de tecnologia Brava itv (figura 03), onde pode ser observada maior ênfase ao vídeo. Vídeo Produtos Figura 03: T-Commerce da Brava itv <fonte: acessado em: 08/02/2012.> Enquanto na aplicação tela cheia, o programa televisivo é completamente omitido pelo aplicativo, impossibilitando a visualização simultânea destes pelo tele-interator, conforme evidenciado em SeaChange T- Commerce Application Suite (figura 04), destinada à venda de produtos audiovisuais (DVDs, séries, jogos de videogames, entre outros). Nesta proposta, o conteúdo da aplicação não apresenta qualquer vínculo projetual ao vídeo do programa sobreposto, visto que ambos são independentes. Produtos Figura 04: SeaChange T-Commerce Application Suite <fonte: US/Products/SubscriberExperience/T-Commerce, acessado em: 08/02/2012.> Os quatro modelos apresentam e organizam os elementos na interface replicando os modelos transacionais para Web e, com isso, descaracterizam a linguagem audiovisual 7 Elementos que compõem a interface e influenciam a navegação. 10º Congresso Brasileiro de Pesquisa e Desenvolvimento em Design, São Luís (MA).

5 televisiva. Como por exemplo, ao se comparar a interface do Shop NBC, E-Commerce do canal de televisão norte-americano NBC à interface do History Shop, T-Commerce da History Channel, é possível observar que, em ambos os casos, as interfaces são compostas por um vídeo em destaque, acompanhado por uma aplicação, semelhante a um menu, localizada nas laterais (figura 05). Aplicação Vídeo Vídeo Aplicação Interface do E-Commerce NBC <fonte: acessado em: 08/02/2012.> Interface T-Commerce da History Channel <fonte: Commerce, acessado em: 08/02/2012.> Figura 05: Mimese das interfaces E-Commerce e T-Commerce O mesmo pode ser notado quando banners são aplicados como elemento de interface em um T-Commerce, a exemplo do aplicativo da Dish Network, empresa norte-americana de TV por assinatura (figura 06). Esse método é tradicionalmente utilizado por sites e portais na internet, com o objetivo de chamar a atenção do interator para uma determinada marca ou produto, similar ao empregado pelo site de vídeos Youtube. Banner Banner Interface do Youtube <fonte: acessado em: 25/02/2012.> Interface TVDi da Dish Network <fonte: Blueprint.html, acessado em: 25/02/2012.> Figura 06: Aplicação de banners nas interfaces E-Commerce e T-Commerce A partir deste contexto e em vista da necessidade de apontar caminhos projetuais específicos para o design de interfaces para a TVDi, e especialmente, no caso da pesquisa que subsidia a proposta deste artigo, para aplicações T-Commerce, alguns padrões e 10º Congresso Brasileiro de Pesquisa e Desenvolvimento em Design, São Luís (MA)

6 particularidades precisam ser considerados na concepção de interfaces para este meio, conforme discorrido a seguir. 2. Aspectos projetuais do Design de Interface para TVDi HANSEN (2012) apresenta algumas iniciativas da British Broadcasting Corporation (BBC), no estabelecimento de diretrizes para o design de interface. De uma forma geral, o guia de estilo discute aspectos relacionados a elementos projetuais para TVDi considerando a área visível e formatos de tela, paleta de cores, tipografia, design de navegação, design de interação e funções do controle remoto. O formato da tela da televisão no sistema digital é o widescreen, que possui uma proporção de 16:9 (figura 07), semelhante às telas de cinema. Enquanto o sistema analógico opera na proporção 4:3. Figura 07: Formato de tela Digital e Analógica. Fonte: acessado em: 03/03/2012. Os grids e malhas para TVDi são projetados para utilizar uma área de 640 por 480 pixels. Eles respeitam um espaço de área segura para texto e imagem, também denominado SAFE AREA (figura 08), visando garantir que o conteúdo seja transmitido por completo, sem cortes/perda de imagem, em todos os tipos de televisores. 10º Congresso Brasileiro de Pesquisa e Desenvolvimento em Design, São Luís (MA).

7 Área segura para imagens Vídeo Área segura para textos Figura 08: Grid da área segura para textos e imagens. Fonte: DesignTrigger_v1.pdf>. Acesso em: 19 Fev O uso das cores nas interfaces para TVDi é mais restrito se comparado ao seu emprego na Web. O guia de estilo aconselha não utilizar cores muito saturadas ou com muita luminosidade, visto que estas podem causar distorções na imagem, gerando linhas sobrepostas ou efeito fantasma (figura 09). Em acréscimo, elementos com muitos detalhes podem causar o surgimento dos padrões de moiré 8. Assim como a cor branca no fundo da interface deve ser evitada, devido à distorção de imagem, e consequente fadiga visual do tele-interator, que esta pode provocar. Figura 09: Exemplo de cores saturadas e padrão de moiré. Fonte: DesignTrigger_v1.pdf>. Acesso em: 19 Fev Conforme as especificações apontadas pelo guia de estilos da BBC, o tamanho da fonte para títulos ou corpo dos textos não devem ser menores que 24 pontos, assim como para outras aplicações recomenda-se a utilização de tipos iguais ou maiores que 18 pontos, tendo em vista, em ambos os casos, garantir satisfatórias legibilidade e leiturabilidade das informações textuais. É indicada, ainda, a adoção da tipografia Gill Sans 9 ou Tirésias 10 (Figura 10), evitandose sempre o uso de fontes serifadas Padrão de interferência criado, por exemplo, quando duas grades apresentam movimento relativo entre si em referência a um observador, gerando um determinado padrão por meio de franjas. 9 Projetada por Eric Gill (Gill 2005). 10 Projetada pelo núcleo de Pesquisas liderado pelo Dr. john Gill, do Royal National Institute for the Blind (Tirésias, 2005). 11 Pequeno traço ou espessamento que remata, de um ou ambos os lados, os terminais das letras não lineares de caixa-alta e caixa-baixa 10º Congresso Brasileiro de Pesquisa e Desenvolvimento em Design, São Luís (MA)

8 Figura 10: Fonte Tiresias e Gill Sans recomendadas para as Interface de TVDi. Fonte: DesignTrigger_v1.pdf>. Acesso em: 19 Fev Outro elemento predominante nas interfaces para TVDi são os ícones 12. Eles sintetizam visualmente as principais características de conteúdos relevantes, para os quais também propiciam o acesso ao tele-interator como, por exemplo, na aplicação da Chase BluePrint que transmite instruções de navegação e interação por meio dos ícones dispostos na parte superior da interface (Figura 11), ou podem, ainda, ser utilizados para indicar a existência de uma interação durante uma programação, como no exemplo do programa Shark, da Discovery Channel (Figura 12). Figura 11: Interface Chase BluePrint <fonte: Blueprint.html, acessado em: 25/03/2012.> Figura 12: Interface Shark da Discovery Channel <fonte: MLqH0lHQU, acessado em: 13/03/2012.> Em acréscimo, atualmente, o controle remoto é indispensável para realizar as interações entre o tele-interator e a interface da televisão. A navegabilidade por meio deste ocorre basicamente com o uso dos botões coloridos, setas direcionais e o botão OK (figura 13). É aconselhável o uso de listas para a escolha de conteúdos na interface, assim como, diferenciá-los pela cor correspondente ao botão (HANSEN, 2012). 12 Representação gráfica de um objeto, conceito ou ação. 10º Congresso Brasileiro de Pesquisa e Desenvolvimento em Design, São Luís (MA).

9 Figura 13: Botões para navegação e interação nas interfaces para TVDi. Fonte: DesignTrigger_v1.pdf>. Acesso em: 19 Fev O processo de criação e desenvolvimento de interfaces para TVDi requer cuidados e envolve necessidades a serem atendidas. De acordo com COOPER (2007), as interfaces devem: apresentar uma clara hierarquia informacional para a navegação pelos elementos na interface; utilizar imagens coerentes e contextualmente adequadas; propiciar a integração entre aspectos estéticos e funcionais; bem como, evitar ruído e desorganização visuais. Neste sentido, e com o objetivo de ampliar o escopo dos elementos projetuais a serem considerados no design de interface para T-Commerce, especialmente aqueles envolvidos na organização e tratamento visual da informação, o presente artigo expõe os resultados obtidos na análise de interfaces de aplicações T-Commerce, tendo como referência o estudo da percepção visual definido pelas leis da Gestalt 13, conforme apresentado a seguir. 3. Elementos projetuais para o Design de Interface de aplicações T-Commerce: uma análise pela perspectiva dos conceitos da Gestalt Dentre as diversas categorias conceituais que constituem os estudos da Gestalt, foram identificadas treze evidências das suas aplicações nas interfaces para T-Commerce: a Simetria; a Assimetria; o Contraste; o Contraste de Cor; o Contraste Horizontal e Vertical; a Minimidade; a Exageração; o Arredondamento; a Transparência Física; a Opacidade; a Redundância; a Sequencialidade e a Sobreposição (GOMES FILHO, 2004). O conceito de simetria está relacionado ao equilíbrio da interface, que pode estar presente em um ou mais eixos, nas posições horizontal, vertical, diagonal e inclinada. Nas interfaces da TV Coreana CJ-TMall, por exemplo, é possível observar formulações visuais simétricas, ou seja, as unidades de um lado apresentam-se simetricamente dispostas em relação as do outro (Figura 14). Em contrapartida, a assimetria consiste exatamente no 13 Também conhecida como teoria da forma, na sua origem, representada por Max Wertheimer (1810/1943), Wolfgang Kohler (1887/1967), Kurt Koffka (1861/1941), passando por design gráfico voltados para melhores resultados que objetivam aperfeiçoar a percepção visual dos seres humanos até os estudos de usabilidade para interfaces gráficas interativas, todos esses estudos visam minimizar a carga de trabalho e maximizar os efeitos positivos no entendimento das ações para os processos de ensino e de aprendizagem. 10º Congresso Brasileiro de Pesquisa e Desenvolvimento em Design, São Luís (MA)

10 oposto, nenhum dos lados da interface possuem qualquer elemento de semelhança entre os eixos horizontal, vertical ou diagonal, conforme evidenciado nas aplicações da HSN, emissora de TV norte-america dedicada à venda de produtos (Figura 15). Figura 14: Interface do CJ-TMall <fonte: acessado em: 13/03/2012.> Figura 15: Interface da HSN <fonte: acessado em: 13/03/2012.> No que concerne ao contraste, este conceito é perceptível por meio da presença ou ausência de luz. E pode ser verificado na construção de elementos da interface que auxiliam a navegação do tele-interator, como por exemplo, nas interfaces dos aplicativos da rede de pizzaria Pizza Hut, nas quais o tele-interator seleciona itens no menu de opções do Delivery (Figura 16). Figura 16: Interface do aplicativo da Pizza Hut <fonte: acessado em: 13/03/2012.> O contraste de cor pode ser empregado para expressar e reforçar a informação visual, como no exemplo da interface proposta pela HSN (Figura 17), na qual a escolha e seleção do produto é realçada com o uso de cores que destacam o produto a ser adquirido. Enquanto o contraste vertical e horizontal diz respeito ao tamanho e forma dos elementos na interface. Neste sentido, as formas horizontais tendem a sugerir a sensação visual de solidez e estabilidade sobre o plano em que se assentam, ao contrário das verticais como no exemplo do aplicativo disponibilizado pelo Banco do Brasil para consulta de saldo e extrato de contas (Figura 18), que, nessa posição, transmite a sensação de leveza e instabilidade. 10º Congresso Brasileiro de Pesquisa e Desenvolvimento em Design, São Luís (MA).

11 Figura 17: Interface HSN <fonte: acessado em: 13/03/2012.> Figura 18: Interface Banco do Brasil <fonte: arquivos/tdc/2011/tdc2011sp-tvdigital-02-t- Commerce-e-T-Banking.pdf, acessado em: 13/03/2012.> Já o conceito de minimidade visa realçar a clareza e a simplicidade da função do elemento na interface, indicando a aplicação apenas do elemento essencial para estimular a interação como, por exemplo, as mensagens de produtos relacionados à programação propostos pelos aplicativos da Brava itv (Figura 19). Por outro lado, a exageração considera exatamente o oposto, trata-se da disposição dos elementos na interface de forma extravagante, intensa e amplificada, como pode ser observador nas aplicações do supermercado Walmart ocupando a interface em sua totalidade (Figura 20). Figura 19: Interface de T-Commerce da Brava itv <fonte: acessado em: 13/03/2012.> Figura 20: Interface do Walmart <fonte: arquivos/tdc/2011/tdc2011sp-tvdigital-02-t- Commerce-e-T-Banking.pdf, acessado em: 13/03/2012.> O conceito de arredondamento tem como característica marcante a suavidade e a maciez visuais das formas orgânicas (Figura 21), conforme observado nas formas dos elementos gráficos utilizados no aplicativo da rede de pizzaria Domino's Pizza. Enquanto a transparência física é utilizada com o intuito de permitir a visualização do vídeo mesmo com a aplicação sobreposta a ele, como no exemplo do aplicativo proposto pela Brava itv, que propicia o preenchimento, pelo tele-interator, dos dados bancários sem omitir o vídeo (Figura 22). 10º Congresso Brasileiro de Pesquisa e Desenvolvimento em Design, São Luís (MA)

12 Figura 21: Interface Dominos Pizza <fonte: /tivo_dominos_pizza-480x359.jpg, acessado em: 13/03/2012.> Figura 22: Interface T-Commerce Brava itv <fonte: acessado em: 13/03/2012.> Em contrapartida, o conceito de opacidade consiste exatamente no oposto e implica no bloqueio ou ocultação da interface. Por exemplo, durante a transmissão de uma partida de futebol a visualização de parte do vídeo é omitida com a sobreposição da aplicação T- commerce da Netshoes, para aquisição de artigos esportivos, relacionados ao conteúdo exibido (Figura 23). Já a redundância caracteriza-se pela repetição ou excesso de elementos iguais na interface (Figura 24), como no exemplo do portal interativo do canal de TV SBT, no qual as informações relacionadas à programação, notícias, participação do tele-interator e ao SBT Store (Loja de Produtos) são dispostas na interface de forma idêntica. Vídeo Aplicação Figura 23: Interface da Netshoes <fonte: Design/ , acessado em: 23/04/2012.> Figura 24: Interface do Portal Interativo do SBT <fonte: acessado em: 10/04/2012.> O conceito de sequencialidade apresenta-se similar ao conceito de redundância, entretanto se refere à ordem dos elementos e sua organização de modo contínuo e lógico em uma interface. No aplicativo da CJ-Tmall, a sequencia pode ser observada no alinhamento lado a lado dos produtos, bem como na ordem numérica associada a estes (Figura 25). Enquanto a sobreposição é traduzida pela organização de elementos dispostos uns sobre os outros (Figura 26), como nas interfaces do QVC, um canal de TV dedicado a venda de produtos, nas quais é possível visualizar camadas informacionais sobrepostas: dados do produto sobrepõem-se ao respectivo vídeo, que apresenta-se sobreposto à imagem de fundo. 10º Congresso Brasileiro de Pesquisa e Desenvolvimento em Design, São Luís (MA).

13 Figura 25: Interface CJTMall <fonte: acessado em: 13/03/2012.> Figura 26: Interface QVC <fonte: 2008/08/01/10/20/489264f7beedd, acessado em: 13/03/2012.> A identificação destes elementos projetuais pela perspectiva dos conceitos da Gestalt visa ampliar o escopo de aspectos a serem considerados para o design de interfaces de aplicações T-Commerce. Para tanto, a articulação entre estes elementos deve ser realizada em acordo com a proposta conceitual do aplicativo T-Commerce em questão, bem como com as especificidades da linguagem audiovisual televisiva. Por exemplo, uma das características do vídeo na televisão é o de ser apresentado em sua totalidade. Quando um aplicativo sobrepõese à camada do vídeo, é preciso preservar elementos fundamentais da linguagem audiovisual, para que os elementos visuais da aplicação interativa não comprometam a estética do vídeo e, conseqüentemente, o seu significado. Assim, categorias conceituais da Gestalt, como exageração, opacidade, redundância e sobreposição podem comprometer o design de interfaces para aplicações T-Commerce, visto que estas contribuem para a omissão total/parcial, redução ou bloqueio da visualização do programa televisivo. Ou seja, o vídeo, em sua plenitude, é o principal recurso empregado nas transmissões televisivas, sejam elas analógicas ou digitais, e deve ser utilizado de forma integrada aos elementos interativos. Neste sentido, conforme afirma FRANÇA (2008), não é recomendado interromper uma programação para efetuar uma transação comercial, enquanto há outras pessoas na sala assistindo ao mesmo programa. Um outro cuidado para o qual os designers devem atentar-se, no desenvolvimento projetual de aplicações T-Commerce, consiste em considerar como as informações transacionais se organizam na interface de modo a correlacionarem-se à segurança da informação, assunto este a ser plenamente desenvolvido em artigo específico. Conclusões A linguagem visual das interfaces para televisão estão em constante transformação. Na televisão analógica, muitos padrões e paradigmas foram criados ao longo de sua existência, estabelecendo uma linguagem estética própria do meio, bem como uma rede sólida de produção de conteúdo, envolvendo agências, produtoras e emissoras. Na televisão digital, a programação interativa está passando por um processo de pesquisa e definições sobre padrões de produção e modelos de negócios viáveis. Neste cenário abrem-se muitas possibilidades para se projetar e estabelecer novas interfaces de interação com o público. As pessoas estão 10º Congresso Brasileiro de Pesquisa e Desenvolvimento em Design, São Luís (MA)

14 cada dia mais conectadas e mais participativas, o que as tornam mais exigentes e em busca de interfaces e narrativas mais customizadas. Neste contexto, o design de interface tem muito a contribuir para a criação, design e aprimoramento das aplicações T-Commerce, visando a criação de aplicativos mais adequados à realização de transações comerciais pela televisão, considerando também a segurança da informação no ato da compra. Assim, elaborar projetos de design que considerem as especificidades da linguagem televisiva, sem replicar os padrões visuais do design de web, consiste em um dos grandes desafios para os designers de interface para TVDi. Para tanto, compreende-se a necessidade em ampliar o escopo de elementos projetuais, a serem considerados para o design de interface de aplicações T-Commerce, tendo em vista colaborar com a indicação de definições projetuais, no âmbito da interface gráfica, que propiciem a plena integração entre o vídeo e os elementos de interatividade. Neste sentido, a aproximação às categorias da Gestalt mostrou-se relevante para os estudos do design de interface em aplicações T-Commerce, visto que propiciou a identificação de outros elementos projetuais a serem considerados neste contexto, para além dos contemplados em HANSEN (2012) e SQUIRRA e FECHINE (2009). Referências BOY, G. L'ingénierie cognitive: IHM et cognition. Paris: Hermès Science, BRENNAND, E.; LEMOS, G. Televisão Digital Interativa: reflexões, sistemas e padrões. São Paulo: Ed. Horizonte, COOPER, A.; REIMANN, R.; CRONIN, D. About Face 3: The Essentials of Interaction Design. Indianapolis: Wiley Publishing Inc., CYBIS, W. A. Engenharia de usabilidade: uma abordagem ergonômica. Florianópolis: Labiutil, FRANÇA, D. Televisão sob demanda: a revolução digital da mídia. Monografia de mídia televisão. Prêmio de Mídia Estadão, FREEMAN, J.; LESSITER, J. Easy TV 2002 Research Report. London: University of London, GAWLINSKI, M. Interactive Television Production. Oxford, England: Focal Press, 2003 GOMES FILHO, J. Gestalt do objeto: sistema de leitura visual da forma. 6. ed. São Paulo: Escritura Ed., 2004 JOHNSON, S. Cultura da interface: como o computador transforma nossa maneira de criar e comunicar. Rio de Janeiro: Zahar, LÉVY, P. As tecnologias da inteligência: o futuro do pensamento na era da informática. Trad. Carlos Irineu da Costa. Rio de Janeiro: Ed. 34, º Congresso Brasileiro de Pesquisa e Desenvolvimento em Design, São Luís (MA).

15 MORAN, T. (1981) The Command Language Grammars: a representation for the user interface of interactive computer systems. International Journal of Man-Machine Studies 15:3-50, Academic Press. PIGNATARI, D. Informação, linguagem, comunicação. São Paulo: Ateliê, SILVA, J.C. Merchandising no varejo de bens de consumo. São Paulo: Atlas, SQUIRRA, S.; BECKER, V. TVDigital.br - Conceitos e estudos sobre o ISDB-TB. São Paulo: Ateliê Editorial, SQUIRRA, S.; FECHINE, Y. Televisão Digital - Desafios para comunicação. Porto Alegre: Editora Sulina, º Congresso Brasileiro de Pesquisa e Desenvolvimento em Design, São Luís (MA)

Trilha TV DIGITAL. Prof. Me. Marcelo Falco

Trilha TV DIGITAL. Prof. Me. Marcelo Falco Trilha TV DIGITAL Prof. Me. Marcelo Falco Mestre em Design, Pós-Graduado no MBA em Marketing e Graduado em Design Digital pela Universidade Anhembi Morumbi (UAM). Pesquisador do Design Lab TVDi e professor

Leia mais

Sistema de Leitura Visual da Forma. Técnicas Visuais Aplicadas

Sistema de Leitura Visual da Forma. Técnicas Visuais Aplicadas Gestalt do Objeto Sistema de Leitura Visual da Forma Categorias Conceituais Fundamentais Técnicas Visuais Aplicadas Prof. Dr. João Gomes Filho... Setembro. 2006 Clareza Organizações visuais unificadas.facilidade

Leia mais

A consistência da interface com o usuário para a TV interativa

A consistência da interface com o usuário para a TV interativa A consistência da interface com o usuário para a TV interativa Programa de Pós-Graduação em Engenharia Elétrica Escola Politécnica da USP Candidato: Gil Barros Orientador: Prof. Dr. Marcelo K. Zuffo Dezembro

Leia mais

Amadeus-TV: Portal Educacional na TV Digital Integrado a um Sistema de Gestão de Aprendizado

Amadeus-TV: Portal Educacional na TV Digital Integrado a um Sistema de Gestão de Aprendizado Amadeus-TV: Portal Educacional na TV Digital Integrado a um Sistema de Gestão de Aprendizado Bruno de Sousa Monteiro Orientação: Prof. Dr. Fernando da Fonseca de Souza Prof. Dr. Alex Sandro Gomes 1 Roteiro

Leia mais

CONSIDERAÇÕES FINAIS

CONSIDERAÇÕES FINAIS CONSIDERAÇÕES FINAIS As considerações finais da pesquisa, bem como suas contribuições e sugestões para trabalhos futuros são aqui apresentadas, ressaltando algumas reflexões acerca do tema estudado, sem,

Leia mais

Fundamentos de design

Fundamentos de design Fundamentos de design gordongroup Sobre o gordongroup gordongroup é uma agência de marketing e comunicação de tempo integral e de balcão único, que oferece um conjunto exclusivo de serviços criativos,

Leia mais

EDUCAÇÃO A DISTÂNCIA E A TV DIGITAL: UMA ABORDAGEM DO POTENCIAL DA INTERATIVIDADE

EDUCAÇÃO A DISTÂNCIA E A TV DIGITAL: UMA ABORDAGEM DO POTENCIAL DA INTERATIVIDADE 1 EDUCAÇÃO A DISTÂNCIA E A TV DIGITAL: UMA ABORDAGEM DO POTENCIAL DA INTERATIVIDADE Bauru, 05/2011 Valquiria Santos Segurado UNESP - valquiria.segurado@mstech.com.br Profª Drª Vânia Cristina Pires Nogueira

Leia mais

A TV DIGITAL COMO INSTRUMENTO DE ENSINO DE MATEMÁTICA. Adriano Aparecido de Oliveira, Juliano Schimiguel

A TV DIGITAL COMO INSTRUMENTO DE ENSINO DE MATEMÁTICA. Adriano Aparecido de Oliveira, Juliano Schimiguel A TV DIGITAL COMO INSTRUMENTO DE ENSINO DE MATEMÁTICA Adriano Aparecido de Oliveira, Juliano Schimiguel Universidade Cruzeiro do Sul/CETEC, Av. Ussiel Cirilo, 225 São Paulo Resumo A TV é um importante

Leia mais

Modelo de produção de aplicação interativa para Sistema Brasileiro de Televisão Digital Terrestre em Ginga 1

Modelo de produção de aplicação interativa para Sistema Brasileiro de Televisão Digital Terrestre em Ginga 1 Modelo de produção de aplicação interativa para Sistema Brasileiro de Televisão Digital Terrestre em Ginga 1 Fernando Ramos GELONEZE 2 Universidade Estadual Paulista Julio de Mesquita Filho, Bauru, SP

Leia mais

TV Analógica e TV Digital: como conviver com os dois formatos?

TV Analógica e TV Digital: como conviver com os dois formatos? 1 TV Analógica e TV Digital: como conviver com os dois formatos? Willians Cerozzi Balan Setembro/2009 Autores, pesquisadores e profissionais da área de produção em televisão reconhecem que a imagem exerce

Leia mais

Unificação Fechamento Continuidade

Unificação Fechamento Continuidade UNIVERSIDADE COMUNITÁRIA DA REGIÃO DE CHAPECÓ Curso: 1081 - COMUNICAÇÃO SOCIAL PUBLICIDADE E PROPAGANDA Matriz: 421 - COMUNICAÇÃO SOCIAL PUBLICIDADE E PROPAGANDA Componente Curricular: EXPRESSÃO GRÁFICA

Leia mais

O Desenho: desenhando com Kari Galvão 1

O Desenho: desenhando com Kari Galvão 1 O Desenho: desenhando com Kari Galvão 1 Paulo Souza dos SANTOS JUNIOR 2 Maria Carolina Maia MONTEIRO 3 Universidade Católica de Pernambuco, Recife, PE RESUMO Este trabalho apresenta uma produção multimídia

Leia mais

ANÁLISE E DESENVOLVIMENTO DE SISTEMAS TURMA 2008 4º PERÍODO - 7º MÓDULO AVALIAÇÃO A4 DATA 22/10/2009 ENGENHARIA DE USABILIDADE

ANÁLISE E DESENVOLVIMENTO DE SISTEMAS TURMA 2008 4º PERÍODO - 7º MÓDULO AVALIAÇÃO A4 DATA 22/10/2009 ENGENHARIA DE USABILIDADE ANÁLISE E DESENVOLVIMENTO DE SISTEMAS TURMA 2008 4º PERÍODO - 7º MÓDULO AVALIAÇÃO A4 DATA 22/10/2009 ENGENHARIA DE USABILIDADE 2009/2 GABARITO COMENTADO QUESTÃO 1: Quando nos referimos à qualidade da interação

Leia mais

Análise Gráfica de Rótulos de Vinho

Análise Gráfica de Rótulos de Vinho Análise Gráfica de Rótulos de Vinhos Análise Gráfica de Rótulos de Vinho Visual Analysis of Wine Labels Ranzolin, Michele; Universidade de Caxias do Sul micheleranzolin@hotmail.com Vieceli, Liliane; Universidade

Leia mais

THE BRAND GUIDE BOOKLET

THE BRAND GUIDE BOOKLET THE BRAND GUIDE BOOKLET APRESENTAÇÃO 1ª Edição Março de 2015 A experiência de uma pedalada perfeita só pode ser intensificada por uma bicicleta perfeita. Audax foi criada por almas aventureiras que entendem

Leia mais

Estrutura e estética: Organização, layout, cores e tipos

Estrutura e estética: Organização, layout, cores e tipos Design Web Estrutura e estética: Organiação, layout, cores e tipos Apresentação: Estrutura e Estética Organiação Navegação Layout Cores e Tipografia! " Representação e Apresentação Representação Utiliar

Leia mais

Fundamentos de design

Fundamentos de design Fundamentos de design Uma das empresas de comunicação e marketing mais destacadas de Ottawa, Canadá, o gordongroup oferece um design premiado para uma oferta completa de produtos de comunicação de identidades

Leia mais

EMENTAS DAS DISCIPLINAS

EMENTAS DAS DISCIPLINAS EMENTAS DAS DISCIPLINAS CURSO SUPERIOR DE TECNOLOGIA EM DESIGN GRÁFICO 514502 INTRODUÇÃO AO DESIGN Conceituação e história do desenvolvimento do Design e sua influência nas sociedades contemporâneas no

Leia mais

Desenvolvendo e Integrando Serviços Multiplataforma de TV Digital Interativa

Desenvolvendo e Integrando Serviços Multiplataforma de TV Digital Interativa Desenvolvendo e Integrando Serviços Multiplataforma de TV Digital Interativa Agenda Introdução Aplicações interativas de TV Digital Desafios de layout e usabilidade Laboratório de usabilidade Desafios

Leia mais

U NIFACS ERGONOMIA INFORMACIONAL PROFª MARIANNE HARTMANN 2006.1

U NIFACS ERGONOMIA INFORMACIONAL PROFª MARIANNE HARTMANN 2006.1 U NIFACS ERGONOMIA INFORMACIONAL PROFª MARIANNE HARTMANN 2006.1 AULA 20 PROBLEMAS DE INTERFACE 12.maio.2006 FAVOR DESLIGAR OS CELULARES usabilidade compreende a habilidade do software em permitir que o

Leia mais

Teoria de Gestalt aplicada a IHM

Teoria de Gestalt aplicada a IHM Teoria de Gestalt aplicada a IHM José Gustavo de Souza Paiva Introdução [1] Gestalt: teoria de estudo de como os seres humanos percebem as coisas Percepção: visão de TODO, e não de PONTOS ISOLADOS Relações,

Leia mais

A diagramação é o ato de distribuir os elementos gráficos pontos, linhas, formas, textos, cores, em uma representação gráfica ou digital.

A diagramação é o ato de distribuir os elementos gráficos pontos, linhas, formas, textos, cores, em uma representação gráfica ou digital. Elementos de Diagramação Comunicação Visual A diagramação é o ato de distribuir os elementos gráficos pontos, linhas, formas, textos, cores, em uma representação gráfica ou digital. É construir, estruturar

Leia mais

Interação Humano Computador IHC

Interação Humano Computador IHC Universidade Federal do Vale do São Francisco -UNIVASF Colegiado de Engenharia de Computação IHC Prof. Jorge Cavalcanti Jorge.cavalcanti@univast.edu.br www.twitter.com/jorgecav Informações Gerais da Disciplina

Leia mais

HARMONIA EQUILÍBRIO CONTRASTE

HARMONIA EQUILÍBRIO CONTRASTE Gestalt do Objeto Sistema de Leitura Visual da Forma Categorias Conceituais Fundamentais HARMONIA EQUILÍBRIO CONTRASTE Prof. Dr. João Gomes Filho I 2011 BIBLIOGRAFIA www.joaogomes.com.br João Gomes Filho

Leia mais

PORTAL EDUCACIONAL COMO APOIO A UMA EDUCAÇÃO INOVADORA: UM RELATO DE EXPERIÊNCIA

PORTAL EDUCACIONAL COMO APOIO A UMA EDUCAÇÃO INOVADORA: UM RELATO DE EXPERIÊNCIA 1 PORTAL EDUCACIONAL COMO APOIO A UMA EDUCAÇÃO INOVADORA: UM RELATO DE EXPERIÊNCIA Curitiba PR Maio 2010 Roberto F. Bentes SISTEMA FIEP SENAI roberto.bentes@fiepr.org.br Silvana Martinski SISTEMA FIEP

Leia mais

Avaliação da Usabilidade no Desenvolvimento do Produto: estudo de caso na concepção de um aparelho para monitoramento de velocidade

Avaliação da Usabilidade no Desenvolvimento do Produto: estudo de caso na concepção de um aparelho para monitoramento de velocidade Avaliação da Usabilidade no Desenvolvimento do Produto: estudo de caso na concepção de um aparelho para monitoramento de velocidade Usability Evaluation in Product Design: a case study in the design of

Leia mais

Acessibilidade pela FAAC WebTV LIBRAS em transmissão ao vivo 1

Acessibilidade pela FAAC WebTV LIBRAS em transmissão ao vivo 1 Acessibilidade pela FAAC WebTV LIBRAS em transmissão ao vivo 1 Ana Beatriz Abbate 2 Henrique da Silva Pereira 3 Vinícius Laureto de Oliveira 4 Willians Cerozzi Balan 5 UNESP Universidade Estadual Paulista

Leia mais

Apresentação 3. Conceitos Básicos 4. Conceito da Marca 6

Apresentação 3. Conceitos Básicos 4. Conceito da Marca 6 Sumário Apresentação 3 Conceitos Básicos 4 O Clube 5 Conceito da Marca 6 Versões da Marca Assinatura Principal 7 Assinatura Secundária 8 Escala de Cinza 9 Colorida 9 Preto e Branco positivo 9 Preto e Branco

Leia mais

Interação Humano-Computador Teoria Geral da Gestalt PROFESSORA CINTIA CAETANO

Interação Humano-Computador Teoria Geral da Gestalt PROFESSORA CINTIA CAETANO Interação Humano-Computador Teoria Geral da Gestalt PROFESSORA CINTIA CAETANO Introdução Nossa inteligência pode ser caracterizada pela nossa capacidade de identificar padrões, e o sistema visual é o nosso

Leia mais

Aprenda Como Assistir. Online

Aprenda Como Assistir. Online Aprenda Como Assistir TV Online 1 Assistir TV Online - Mais de 3000 Canais São necessários apenas 3 passos para desfrutar de milhares de Canais de televisão, Filmes, Documentários e Shows de TV em seu

Leia mais

IMAGENS COMPLEXAS DA BIOLOGIA: uma reflexão multidisciplinar RESUMO

IMAGENS COMPLEXAS DA BIOLOGIA: uma reflexão multidisciplinar RESUMO 1 IMAGENS COMPLEXAS DA BIOLOGIA: uma reflexão multidisciplinar Hugo Fortes 1 Sandra Souza 2 RESUMO Este trabalho apresenta uma reflexão sobre imagens complexas da biologia disponíveis no site www.visualcomplexity.com.

Leia mais

TV Digital: Visão Geral do Sistema Brasileiro

TV Digital: Visão Geral do Sistema Brasileiro TV Digital: Visão Geral do Sistema Brasileiro O conteúdo deste tutorial foi obtido do trabalho elaborado pelos autores Aldilenice e Rodrigo para a etapa de classificação do III Concurso Teleco de Trabalhos

Leia mais

1 - Corrigir o deslocamento da caixa que contem os itens do Menu principal; está deslocada para baixo em relação ao template do fundo; - OK

1 - Corrigir o deslocamento da caixa que contem os itens do Menu principal; está deslocada para baixo em relação ao template do fundo; - OK IPHAN Novo Portal 4ª Revisão e Análise do CMS e Novo Portal 22/Dez/2014 - Revisão e acréscimo do texto enviado no dia 16/12/2014 Relação de itens verificados e propostas de alteração que consideramos fundamental

Leia mais

AOS CANDIDATOS À PRESIDÊNCIA DA REPÚBLICA DO BRASIL PROPOSTAS DE POLÍTICAS PARA A ÁREA DAS COMUNICAÇÕES

AOS CANDIDATOS À PRESIDÊNCIA DA REPÚBLICA DO BRASIL PROPOSTAS DE POLÍTICAS PARA A ÁREA DAS COMUNICAÇÕES AOS CANDIDATOS À PRESIDÊNCIA DA REPÚBLICA DO BRASIL PROPOSTAS DE POLÍTICAS PARA A ÁREA DAS COMUNICAÇÕES 1 Apresentação 1. As comunicações, contemporaneamente, exercem crescentes determinações sobre a cultura,

Leia mais

IPAHN Novo Portal 4 ª Revisão e Análise do CMS e Novo Portal Dezembro 2014

IPAHN Novo Portal 4 ª Revisão e Análise do CMS e Novo Portal Dezembro 2014 IPAHN Novo Portal 4 ª Revisão e Análise do CMS e Novo Portal Dezembro 2014 Relação de itens verificados e propostas de alteração que consideramos fundamental para a continuidade dos trabalhos de transição

Leia mais

Sistema de Mídia Digital

Sistema de Mídia Digital Sistema de Mídia Digital Sistema completo para gestão de conteúdo informativo, entretenimento e publicidade para diversos ramos mercadológicos: Supermercados; Ônibus; Academias; Shoppings; Universidades;

Leia mais

1. StickerCenter... 3. 2. Menu Broadcast Stickers... 4. 3. Menu MyStickers... 9

1. StickerCenter... 3. 2. Menu Broadcast Stickers... 4. 3. Menu MyStickers... 9 1. StickerCenter... 3 1.1. O que é?... 3 1.2. O que são Stickers?... 3 1.3. Como acessar o StickerCenter?... 3 1.4. Como atualizar o StickerCenter?... 3 2. Menu Broadcast Stickers... 4 2.1. O que é?...

Leia mais

A Era Da Informação: Uma Leitura Da Educação Contemporânea Por Meio Da Comunicação Informatizada 1

A Era Da Informação: Uma Leitura Da Educação Contemporânea Por Meio Da Comunicação Informatizada 1 A Era Da Informação: Uma Leitura Da Educação Contemporânea Por Meio Da Comunicação Informatizada 1 Otavio OLIVEIRA 2 Cintia BARIQUELO 3 Jamile SANTINELLO 4 Universidade Estadual do Centro-Oeste Resumo

Leia mais

TDC 2011 - T-Commerce e T-Banking- Aplicações Seguras. Julho de 2011 Aguinaldo Boquimpani Gerente Senior de Produtos TOTVS TQTVD

TDC 2011 - T-Commerce e T-Banking- Aplicações Seguras. Julho de 2011 Aguinaldo Boquimpani Gerente Senior de Produtos TOTVS TQTVD TDC 2011 - T-Commerce e T-Banking- Aplicações Seguras Julho de 2011 Aguinaldo Boquimpani Gerente Senior de Produtos TOTVS TQTVD TDC 2011 AGENDA I. Cadeia de valor da TV Digital Interativa II. O Ginga e

Leia mais

EMENTAS DAS DISCIPLINAS

EMENTAS DAS DISCIPLINAS EMENTAS DAS DISCIPLINAS CURSO SUPERIOR DE TECNOLOGIA EM SISTEMAS PARA INTERNET Introdução à Computação A disciplina apresenta a área da Computação como um todo, desde a história e a evolução dos computadores

Leia mais

Ferramentas de Desenvolvimento do Webdesign

Ferramentas de Desenvolvimento do Webdesign Webdesign Ferramentas de Desenvolvimento do Webdesign Ferramentas de Desenvolvimento, design, cores e Posicionamento de Elementos Conteúdos Os materiais de aula, apostilas e outras informações estarão

Leia mais

LISTA DE EXERCÍCIOS. Mede a capacidade de comunicação de computadores e dispositivos. Operam em diferentes plataformas de hardware

LISTA DE EXERCÍCIOS. Mede a capacidade de comunicação de computadores e dispositivos. Operam em diferentes plataformas de hardware 1. A nova infra-estrutura de tecnologia de informação Conectividade Mede a capacidade de comunicação de computadores e dispositivos Sistemas abertos Sistemas de software Operam em diferentes plataformas

Leia mais

DESENVOLVIMENTO DE CONTEÚDO EDUCACIONAL CENTRADO NO USUÁRIO BASEADO NA INTERNET APLICADO EM PROGRAMA DE EDUCAÇÃO A DISTÂNCIA

DESENVOLVIMENTO DE CONTEÚDO EDUCACIONAL CENTRADO NO USUÁRIO BASEADO NA INTERNET APLICADO EM PROGRAMA DE EDUCAÇÃO A DISTÂNCIA DESENVOLVIMENTO DE CONTEÚDO EDUCACIONAL CENTRADO NO USUÁRIO BASEADO NA INTERNET APLICADO EM PROGRAMA DE EDUCAÇÃO A DISTÂNCIA 05/2005 137-TC-C5 Sergio Ferreira do Amaral Faculdade de Educação da UNICAMP

Leia mais

Guia Rápido TV Fibra

Guia Rápido TV Fibra Guia Rápido TV Fibra Sua nova Vivo TV Fibra chegou. Agora você terá mais diversão e entretenimento em sua casa. Além do melhor conteúdo da TV por assinatura, com sua Vivo TV Fibra você vai vivenciar novas

Leia mais

Sumário Prefácio 1 1 Apresentação 1 1 1 Introdução 1 1 2 Entendendo o Webdesign 2 1 2 1 A Evolução da Internet 4 1 3 Design de Internet 8 1 3 1 Harmonia 10 1 3 2 As Formas e suas Funções 11 1 3 3 Equilíbrio

Leia mais

K H O R O Z N H V C S D K H O R C V

K H O R O Z N H V C S D K H O R C V 50 :: Webdesign K H O R O Z N H V C S D K H O R C V Legibilidade: garanta a clareza no olhar digital Não, essas combinações de letras não são códigos especiais que revelarão segredos incríveis, elas apenas

Leia mais

Tecnologias da Informação e Comunicação: Sistema Operativo em Ambiente Gráfico

Tecnologias da Informação e Comunicação: Sistema Operativo em Ambiente Gráfico Tecnologias da Informação e Comunicação UNIDADE 1 Tecnologias da Informação e Comunicação: Sistema Operativo em Ambiente Gráfico 1º Período Elementos básicos da interface gráfica do Windows (continuação).

Leia mais

UNIVERSIDADE LUSÍADA DE LISBOA. Programa da Unidade Curricular PRODUÇÃO DE DESIGN MULTIMÉDIA Ano Lectivo 2014/2015

UNIVERSIDADE LUSÍADA DE LISBOA. Programa da Unidade Curricular PRODUÇÃO DE DESIGN MULTIMÉDIA Ano Lectivo 2014/2015 Programa da Unidade Curricular PRODUÇÃO DE DESIGN MULTIMÉDIA Ano Lectivo 2014/2015 1. Unidade Orgânica Arquitectura e Artes (2º Ciclo) 2. Curso Mestrado em Design 3. Ciclo de Estudos 2º 4. Unidade Curricular

Leia mais

DESIGN DE LIVRO DIGITAL

DESIGN DE LIVRO DIGITAL DESIGN DE LIVRO DIGITAL Aluna: Mariana Ferreira Gomes Corrêa Orientadora: Rita Maria de Souza Couto Co-orientadora: Cristina Portugal Introdução A pesquisa desenvolvida foi parte integrante do trabalho

Leia mais

EMENTAS DAS DISCIPLINAS

EMENTAS DAS DISCIPLINAS EMENTAS DAS DISCIPLINAS CURSO EDUCAÇÃO A DISTÂNCIA (EAD) SISTEMAS PARA INTERNET INTRODUÇÃO À COMPUTAÇÃO 68 A disciplina estuda a área da informática como um todo e os conceitos fundamentais, abrangendo

Leia mais

Informática básica: Sistema operacional Microsoft Windows XP

Informática básica: Sistema operacional Microsoft Windows XP Informática básica: Sistema operacional Microsoft Windows XP...1 Informática básica: Sistema operacional Microsoft Windows XP...1 Iniciando o Windows XP...2 Desligar o computador...3 Área de trabalho...3

Leia mais

ÍNDICE 16 INTERATIVIDADE 02 INTRODUÇÃO. 16 Aplicativos. 02 Ideia do Livro. 20 Como Usar. 02 Para quem foi escrito. 20 Ícone invite 03 TV DIGITAL

ÍNDICE 16 INTERATIVIDADE 02 INTRODUÇÃO. 16 Aplicativos. 02 Ideia do Livro. 20 Como Usar. 02 Para quem foi escrito. 20 Ícone invite 03 TV DIGITAL ÍNDICE 02 INTRODUÇÃO 02 Ideia do Livro 02 Para quem foi escrito 03 TV DIGITAL 03 O que é 04 Fatos e números do Brasil 05 Diferenças entre TV comum e TV a cabo 07 COMO FUNCIONA 07 Interatividade 16 INTERATIVIDADE

Leia mais

Gestalt do Objeto Sistema de Leitura Visual da Forma. Teoria Geral da Gestalt

Gestalt do Objeto Sistema de Leitura Visual da Forma. Teoria Geral da Gestalt Gestalt do Objeto Sistema de Leitura Visual da Forma Fundamentado Cientificamente na Psicologia da Percepção da Forma Teoria Geral da Gestalt Prof. Dr. João Gomes Filho I 2010 BIBLIOGRAFIA mais a do próprio

Leia mais

Redesign da interface do menu de uma TV interativa

Redesign da interface do menu de uma TV interativa Redesign of the interface of the menu of an interactive TV Pezzini, Marina; Mestre; UNIVILLE marinapzn@gmail.com Günther, Gabriel; Bacharel; UNIVILLE gaguenther@gmail.com Oliveira, Jan; Graduando; UNIVILLE

Leia mais

Proposta para Grupo de Trabalho. GT TV Grupo de Trabalho de TV Digital

Proposta para Grupo de Trabalho. GT TV Grupo de Trabalho de TV Digital Proposta para Grupo de Trabalho GT TV Grupo de Trabalho de TV Digital Guido Lemos de Souza Filho 10/09/2005 1. Título GT TV Grupo de Trabalho de TV Digital 2. Coordenador Guido Lemos de Souza Filho guido@lavid.ufpb.br

Leia mais

Interface Homem-Computador

Interface Homem-Computador Faculdade de Ciências e Tecnologia do Maranhão Interface Homem-Computador Aula: Engenharia Cognitiva e Semiótica Professor: M.Sc. Flávio Barros flathbarros@gmail.com Conteúdo Engenharia Cognitiva Fundamentos

Leia mais

A abordagem da Engenharia Semiótica para o desenvolvimento de software centrado no usuário

A abordagem da Engenharia Semiótica para o desenvolvimento de software centrado no usuário A abordagem da Engenharia Semiótica para o desenvolvimento de software centrado no usuário Jair Cavalcanti Leite Departamento de Informática e Matemática Aplicada Universidade Federal do Rio Grande do

Leia mais

Comércio Eletrônico Curso de Especialização SEBRAE

Comércio Eletrônico Curso de Especialização SEBRAE Comércio Eletrônico Curso de Especialização A N A L I S T A DE N E G Ó C I O Apoio Realização SEBRAE 1 WEB DESIGN Módulo 2 NatãMorais de Oliveira 2 Objetivo Treinar o Analista de Negócio no planejamento

Leia mais

NOVAS APLICAÇÕES DO ISDB-T

NOVAS APLICAÇÕES DO ISDB-T ANEXO 5 NOVAS APLICAÇÕES DO ISDB-T Uma das vantagens mais marcantes do ISDB-T é a sua flexibilidade para acomodar uma grande variedade de aplicações. Aproveitando esta característica única do ISDB-T, vários

Leia mais

Windows 7. Professor: Jeferson Machado Cordini jmcordini@hotmail.com

Windows 7. Professor: Jeferson Machado Cordini jmcordini@hotmail.com Windows 7 Professor: Jeferson Machado Cordini jmcordini@hotmail.com Sistema Operacional Windows 7 O Windows 7 é o sistema operacional do Microsoft Windows, um software proprietário produzido pela Microsoft

Leia mais

Sumário. Computação Gráfica Illustrator

Sumário. Computação Gráfica Illustrator 1 Sumário Área de trabalho... 2 Barra de tarefas... 5 Menu ajuda... 6 Menu janela... 7 Menu exibir... 8 Menu efeito... 9 Menu selecionar... 10 Menu tipo... 10 Menu objeto... 12 Menu editar... 13 Menu arquivo...

Leia mais

AVISO DE RETIFICAÇÃO II CREDENCIAMENTO N.º 502/2009

AVISO DE RETIFICAÇÃO II CREDENCIAMENTO N.º 502/2009 AVISO DE RETIFICAÇÃO II CREDENCIAMENTO N.º 502/2009 O SESI/SENAI - PR, torna pública a RETIFICAÇÃO referente ao Edital de CREDENCIAMENTO N.º 502/2009, conforme segue: Fica Incluído no ANEXO III - ÁREAS

Leia mais

23/09/2011. Tecnologias da Educação. Tecnologias e mídias. Diferença entre tecnologia e mídia. Diferença entre tecnologia e mídia.

23/09/2011. Tecnologias da Educação. Tecnologias e mídias. Diferença entre tecnologia e mídia. Diferença entre tecnologia e mídia. Tecnologias da Educação Marco Antônio Tecnologias e mídias Comunicar não é de modo algum transmitir uma mensagem ou receber uma mensagem. Isso é a condição física da comunicação, mas não é comunicação.

Leia mais

Design de navegação para tablet : Abordagem projetual da revista digital Wired

Design de navegação para tablet : Abordagem projetual da revista digital Wired Design de navegação para tablet : Abordagem projetual da revista digital Wired Gabriel da Costa Patrocínio Universidade Anhembi Morumbi patrocínio.design@gmail.com O presente artigo tem como proposta analisar

Leia mais

GUIA DE Identidade Visual

GUIA DE Identidade Visual Texto GUIA DE Identidade Visual UNA-SUS Guia de Identidade Visual 1 Index Apresentação Malha Construtiva Símbolo Tipograma Símbolo + Logotipo Arejamento Aplicações Preto e Branco Horizontais Verticais

Leia mais

Técnicas Visuais Aplicadas

Técnicas Visuais Aplicadas Gestalt do Objeto Sistema de Leitura Visual da Forma Categorias Conceituais Técnicas Visuais Aplicadas Prof. Dr. João Gomes Filho I 2011 BIBLIOGRAFIA João Gomes Filho Escrituras Editora. São Paulo 9 a

Leia mais

CONCEPÇÃO E DESENVOLVIMENTO DE UMA APLICAÇÃO MULTIMÍDIA VISANDO À APRENDIZAGEM DE SISTEMAS DE NUMERAÇÃO

CONCEPÇÃO E DESENVOLVIMENTO DE UMA APLICAÇÃO MULTIMÍDIA VISANDO À APRENDIZAGEM DE SISTEMAS DE NUMERAÇÃO CONCEPÇÃO E DESENVOLVIMENTO DE UMA APLICAÇÃO MULTIMÍDIA VISANDO À APRENDIZAGEM DE SISTEMAS DE NUMERAÇÃO Maria do Carmo Barbosa Trevisan UNIFRA - mcbtrevisan@hotmail.com Vanilde Bisognin UNIFRA - vanilde@unifra.com

Leia mais

Introdução à MULTIMÍDIA E REALIDADE VIRTUAL

Introdução à MULTIMÍDIA E REALIDADE VIRTUAL Introdução à MULTIMÍDIA E REALIDADE VIRTUAL Processo de Comunicação Emissor Mensagem Receptor Canal / Meio Processo de Comunicação Interpretação da Mensagem pode sofrer distorção (ruídos) Após interpretação,

Leia mais

PÓS-GRADUAÇÃO PROJETOS DIGITAIS

PÓS-GRADUAÇÃO PROJETOS DIGITAIS PÓS-GRADUAÇÃO PROJETOS DIGITAIS Coordenadora: Pedro Segreto 06/04/2015 > 09/2016 400 horas Idioma: Português Aulas: Segundas e quartas das 19h30 às 22h30 PÚBLICO-ALVO Profissionais e pesquisadores das

Leia mais

OBJETIVOS DO CURSO PERFIL DO EGRESSO

OBJETIVOS DO CURSO PERFIL DO EGRESSO 1 APRESENTAÇÃO Segundo Diretrizes Curriculares Nacionais dos Cursos Tecnologicos conforme RESOLUÇÃO CNE/CP 3, DE 18 DE DEZEMBRO DE 2002, A educação profissional de nível tecnológico, integrada às diferentes

Leia mais

Curso Técnico Integrado em Comunicação Visual CÂMPUS PALHOÇA BILÍNGUE MATRIZ CURRICULAR. Módulo/Semestre 1 Carga horária total: 400h

Curso Técnico Integrado em Comunicação Visual CÂMPUS PALHOÇA BILÍNGUE MATRIZ CURRICULAR. Módulo/Semestre 1 Carga horária total: 400h Curso Técnico Integrado em Comunicação Visual CÂMPUS PALHOÇA BILÍNGUE MATRIZ CURRICULAR Módulo/Semestre 1 Carga horária total: 400h Introdução à Comunicação Visual 40 horas Não tem Desenho I 40 horas Não

Leia mais

EMENTAS DAS DISCIPLINAS

EMENTAS DAS DISCIPLINAS EMENTAS DAS DISCIPLINAS CURSO CST ANÁLISE E DESENVOLVIMENTO DE SISTEMAS INTRODUÇÃO À COMPUTAÇÃO 68 A disciplina estuda a área da informática como um todo e os conceitos fundamentais, abrangendo desde a

Leia mais

Linguagem de Programação Visual. Aula 2 Prof. Gleison Batista de Sousa

Linguagem de Programação Visual. Aula 2 Prof. Gleison Batista de Sousa Linguagem de Programação Visual Aula 2 Prof. Gleison Batista de Sousa Historico 50s Interfaces são painel de controles do hardware, usuário são engenheiros; 60-70s Interfaces são programas em linguagens

Leia mais

4 Arquitetura para aplicações NCL dinâmicas

4 Arquitetura para aplicações NCL dinâmicas 4 Arquitetura para aplicações NCL dinâmicas Além de ser composta por objetos de mídia com conteúdo audiovisual, uma aplicação NCL dinâmica precisa ter objetos NCLua geradores de conteúdo em sua composição.

Leia mais

Aula 2: RIA - Aplicações Ricas para Internet Fonte: Plano de Aula Oficial da Disciplina

Aula 2: RIA - Aplicações Ricas para Internet Fonte: Plano de Aula Oficial da Disciplina Programação para Internet Rica 1 Aula 2: RIA - Aplicações Ricas para Internet Fonte: Plano de Aula Oficial da Disciplina Objetivo: Identificar as principais características de uma Aplicação Internet Rica.

Leia mais

Autoria Web Apresentação e Visão Geral sobre a Web

Autoria Web Apresentação e Visão Geral sobre a Web Apresentação e Visão Geral sobre a Web Apresentação Thiago Miranda Email: mirandathiago@gmail.com Site: www.thiagomiranda.net Objetivos da Disciplina Conhecer os limites de atuação profissional em Web

Leia mais

Plano de Aula - Dreamweaver CS6 - cód.5232 24 Horas/Aula

Plano de Aula - Dreamweaver CS6 - cód.5232 24 Horas/Aula Plano de Aula - Dreamweaver CS6 - cód.5232 24 Horas/Aula Aula 1 Capítulo 1 - Introdução ao Dreamweaver CS6 Aula 2 Continuação do Capítulo 1 - Introdução ao Dreamweaver CS6 Aula 3 Capítulo 2 - Site do Dreamweaver

Leia mais

B ringing Al l U sers to the Television

B ringing Al l U sers to the Television PUC Minas Campus de Poços de Caldas Departamento de Ciência da Computação Laboratório de Televisão Digital Interativa B ringing Al l U sers to the Television Prof. Dr. João Benedito dos Santos Junior Coordenador

Leia mais

IDENTIFICAÇÃO DE CATEGORIAS INFORMACIONAIS PARA REPRESENTAÇÃO DE IMAGENS FOTOGRÁFICAS FIXAS EM BANCOS DE IMAGENS COMERCIAIS

IDENTIFICAÇÃO DE CATEGORIAS INFORMACIONAIS PARA REPRESENTAÇÃO DE IMAGENS FOTOGRÁFICAS FIXAS EM BANCOS DE IMAGENS COMERCIAIS P Ô S T E R IDENTIFICAÇÃO DE CATEGORIAS INFORMACIONAIS PARA REPRESENTAÇÃO DE IMAGENS FOTOGRÁFICAS FIXAS EM BANCOS DE IMAGENS COMERCIAIS Joice Cleide Cardoso Ennes de Souza, Rosali Fernandez de Souza Resumo:

Leia mais

SUMÁRIO. Cursos STE SUMÁRIO... 1

SUMÁRIO. Cursos STE SUMÁRIO... 1 SUMÁRIO SUMÁRIO... 1 STEGEM - INTERFACE... 2 1 Introdução... 2 2 A interface... 2 2.1 Painel de Navegação... 3 2.2 Barra de Menus em forma de Ribbon... 4 2.3 Painel de Trabalho... 5 2.4 Barra de Status...

Leia mais

Identidade Digital Padrão de Governo

Identidade Digital Padrão de Governo Identidade Digital Padrão de Governo Participantes do Projeto Presidência da República Secretaria de Comunicação SECOM Diretoria de Tecnologia DITEC Ministério do Planejamento Secretaria de Logística e

Leia mais

CONTEÚDO PROGRAMÁTICO E REFERÊNCIAS BIBLIOGRÁFICAS

CONTEÚDO PROGRAMÁTICO E REFERÊNCIAS BIBLIOGRÁFICAS Curso de Jornalismo CONTEÚDO PROGRAMÁTICO E REFERÊNCIAS BIBLIOGRÁFICAS Área 1 Jornalismo Especializado (1 vaga) Graduação Exigida: Comunicação Social com Habilitação em Jornalismo Titulação mínima exigida:

Leia mais

Manual PowerPoint 2000

Manual PowerPoint 2000 Manual PowerPoint 2000 Índice 1. INTRODUÇÃO 1 2. DIRECTRIZES PARA APRESENTAÇÕES DE DIAPOSITIVOS 1 3. ECRÃ INICIAL 2 4. TIPOS DE ESQUEMA 2 5. ÁREA DE TRABALHO 3 5.1. ALTERAR O ESQUEMA AUTOMÁTICO 4 6. MODOS

Leia mais

Universidade Federal de Santa Maria Módulo 4 - Design e Usabilidade Etapa 2- Design e Linguagem Visual

Universidade Federal de Santa Maria Módulo 4 - Design e Usabilidade Etapa 2- Design e Linguagem Visual Formação Continuada Midías na Educação Mídia Informática Universidade Federal de Santa Maria Módulo 4 - Design e Usabilidade Etapa 2- Design e Linguagem Visual Responsável pelo Módulo e Conteudista: Dr.

Leia mais

Bem-vindo ao CorelDRAW, um programa abrangente de desenho e design gráfico baseado em vetor para o profissional gráfico.

Bem-vindo ao CorelDRAW, um programa abrangente de desenho e design gráfico baseado em vetor para o profissional gráfico. Vetorizar imagens Bem-vindo ao CorelDRAW, um programa abrangente de desenho e design gráfico baseado em vetor para o profissional gráfico. Neste tutorial, você irá vetorizar uma imagem de bitmap para convertê-la

Leia mais

UNIVERSIDADE ESTADUAL DO CENTRO-OESTE - UNICENTRO CURSO DE ESPECIALIZAÇÃO EM MÍDIAS NA EDUCAÇÃO

UNIVERSIDADE ESTADUAL DO CENTRO-OESTE - UNICENTRO CURSO DE ESPECIALIZAÇÃO EM MÍDIAS NA EDUCAÇÃO UNIVERSIDADE ESTADUAL DO CENTRO-OESTE - UNICENTRO CURSO DE ESPECIALIZAÇÃO EM MÍDIAS NA EDUCAÇÃO FERNANDA SERRER ORIENTADOR(A): PROFESSOR(A) STOP MOTION RECURSO MIDIÁTICO NO PROCESSO DE ENSINO E DE APRENDIZAGEM

Leia mais

Gestalt. Gestalt é o termo intradutível do alemão utilizado para abarcar a teoria da percepção visual baseada na psicologia da forma.

Gestalt. Gestalt é o termo intradutível do alemão utilizado para abarcar a teoria da percepção visual baseada na psicologia da forma. Gestalt 29 de setembro de 2006 Gestalt é o termo intradutível do alemão utilizado para abarcar a teoria da percepção visual baseada na psicologia da forma. '''ORIGEM DA PSICOLOGIA DA FORMA''' Durante o

Leia mais

Manual pra quê? O que move uma marca? Ela é movida pela CONFIANÇA E PERCEPÇÃO DE VALOR POR SEUS CONSUMIDORES.

Manual pra quê? O que move uma marca? Ela é movida pela CONFIANÇA E PERCEPÇÃO DE VALOR POR SEUS CONSUMIDORES. Manual pra quê? O que move uma marca? Ela é movida pela CONFIANÇA E PERCEPÇÃO DE VALOR POR SEUS CONSUMIDORES. E a marca HEAVYLOAD transmite essa confiança e, também, cria essa percepção! Em cada momento

Leia mais

Ementa das disciplinas optativas 2011.1 (em ordem alfabética independente do curso e do turno)

Ementa das disciplinas optativas 2011.1 (em ordem alfabética independente do curso e do turno) Ementa das disciplinas optativas 2011.1 (em ordem alfabética independente do curso e do turno) Disciplina Ementa Pré- requisito C.H. Curso Assessoria de Comunicação Conhecimento geral, reflexão e prática

Leia mais

Conceitos do Photoshop. Bitmap image Formatos de arquivos Memória Escalas de cores

Conceitos do Photoshop. Bitmap image Formatos de arquivos Memória Escalas de cores Conceitos do Photoshop Bitmap image Formatos de arquivos Memória Escalas de cores Bitmap Image Conceito de pixel Imagem bitmap x imagem vetorial Pixel x bits Resolução de tela e imagem 72 pixel/inch 300

Leia mais

O que é Black Fraude?... Como comunicar seus clientes sobre sua participação na Black Friday... Como Manter seu site seguro para a Black Friday?...

O que é Black Fraude?... Como comunicar seus clientes sobre sua participação na Black Friday... Como Manter seu site seguro para a Black Friday?... Conteúdo do ebook O que é Black Fraude?... Como comunicar seus clientes sobre sua participação na Black Friday... Como Manter seu site seguro para a Black Friday?... Deixando sua loja virtual mais rápida

Leia mais

Gestalt do Objeto. Teoria Geral da Gestalt. Fundamentado Cientificamente na

Gestalt do Objeto. Teoria Geral da Gestalt. Fundamentado Cientificamente na Gestalt do Objeto Sistema de Leitura Visual da Forma Teoria Geral da Gestalt Fundamentado Cientificamente na Psicologia i da Percepção da Forma Prof. Dr. João Gomes Filho... Setembro. 2006 BIBLIOGRAFIA

Leia mais

Integração de diferentes áreas tecnológicas para o desenvolvimento de aplicações interativas na TV Digital

Integração de diferentes áreas tecnológicas para o desenvolvimento de aplicações interativas na TV Digital Integração de diferentes áreas tecnológicas para o desenvolvimento de aplicações interativas na TV Digital Karen S. Borges, André Schulz, Alexandro Bordignon, Adriano Simioni e Valter Roesler. Instituto

Leia mais

Manual do Software: UFV BEER GAME. [Jogue sem moderação] Versão 1.4

Manual do Software: UFV BEER GAME. [Jogue sem moderação] Versão 1.4 Manual do Software: UFV BEER GAME [Jogue sem moderação] Versão 1.4 Como ler esse manual: Esse manual está dividido em duas partes. Na primeira parte é apresentada uma descrição do Beer Game (Jogo da Cerveja)

Leia mais

Interação Humano-Computador Design: estrutura e estética PROFESSORA CINTIA CAETANO

Interação Humano-Computador Design: estrutura e estética PROFESSORA CINTIA CAETANO Interação Humano-Computador Design: estrutura e estética PROFESSORA CINTIA CAETANO Arte X Engenharia Desenvolver Sistema Web é arte? A Web oferece espaço para arte...... mas os usuários também desejam

Leia mais

1 Introdução. 1.1. Motivação

1 Introdução. 1.1. Motivação 1 Introdução A adoção do Ginga-NCL como middleware declarativo do SBTVD (Sistema Brasileiro de Televisão Digital) estabeleceu um marco no desenvolvimento de aplicações interativas para TV Digital terrestre

Leia mais

Computação Afetiva: Uma ferramenta para avaliar aspectos afetivos em aplicações computacionais.

Computação Afetiva: Uma ferramenta para avaliar aspectos afetivos em aplicações computacionais. 286 Computação Afetiva: Uma ferramenta para avaliar aspectos afetivos em aplicações computacionais. Saulo William S. Costa, Ailton Lopes de Sousa, Yomara Pires Laboratório de Desenvolvimento de Sistemas

Leia mais

DESENVOLVIMENTO DE AMBIENTES DE PROJETO DE ENGRENAGENS PARA FINS DIDÁTICOS

DESENVOLVIMENTO DE AMBIENTES DE PROJETO DE ENGRENAGENS PARA FINS DIDÁTICOS DESENVOLVIMENTO DE AMBIENTES DE PROJETO DE ENGRENAGENS PARA FINS DIDÁTICOS José M. F. Guimarães jose.guimaraes@itec.ufpa.br UFPA, Faculdade de Engenharia Mecânica Rua Augusto Corrêa, 01, ITEC - Guamá 66075-110

Leia mais

O que é comércio eletrônico?

O que é comércio eletrônico? COMÉRCIO ELETRÔNICO O que é comércio eletrônico? O comércio eletrônico ou e-commerce é a compra e venda de mercadorias ou serviços por meio da Internet, onde as chamadas Lojas Virtuais oferecem seus produtos

Leia mais

BEM-VINDO à NET DIGITAL.

BEM-VINDO à NET DIGITAL. BEM-VINDO à NET DIGITAL. Prepare-se para ter muito mais TV pelo seu controle remoto. Parabéns! A partir de agora, você está em um mundo com muito mais programação com qualidade de imagem e som digital

Leia mais