Por uma Maior Articulação entre Som, Imagem e Texto na Produção do Webdesign



Documentos relacionados
HIBRIDISMOS ENTRE OS SIGNOS SONOROS, VISUAIS E VERBAIS NO WEBDESIGN

TRIADES. Transversalidade Design Linguagens. Edição especial - 20 anos da Pós-Graduação. em Design da PUC - Rio

7. A linguagem e a semiose do design nos sites oficiais das cidades brasileiras

WEBSITES INSÓLITOS OU O INSÓLITO COMO ESTRATÉGIA DE CONSTRUÇÃO DAS CIBERCIDADES: o papel dos webdesigners na representação das cidades *

A SEMIOSE DO DESIGN NO SITE OFICIAL DA CIDADE DE SÃO PAULO

TUTORIAL DO ALUNO. Olá, bem vindo à plataforma de cursos a distância da Uniapae!!!

QUEM SOU EU? Apresentação autobibliográfica multimídia

DIMENSIONANDO PROJETOS DE WEB-ENABLING. Uma aplicação da Análise de Pontos de Função. Dimensionando projetos de Web- Enabling

Geração do Portal CPCX - UFMS pelo UNION: Um Estudo de Caso

ALFABETIZAÇÃO DE ESTUDANTES SURDOS: UMA ANÁLISE DE ATIVIDADES DO ENSINO REGULAR

Microsoft Office PowerPoint 2007

Tema UFPel 2.0 WP Institucional Guia de Opções de Personalização

Faculdade de Ciências Humanas Programa de Pós-Graduação em Educação RESUMO EXPANDIDO DO PROJETO DE PESQUISA

Moodle - CEAD Manual do Estudante

JOOPP O construtor de sites mais rápido do mundo!

Projeto de Análise de Site Educacional

DESENVOLVIMENTO WEB DENTRO DOS PARADIGMAS DO HTML5 E CSS3

Representações do Corpo na Cultura Midiática

Aula 5 Microsoft PowerPoint 2003: Criando uma Apresentação


A PÁGINA DISCIPLINAR DE MATEMÁTICA DO PORTAL DIA A DIA EDUCAÇÃO

Um espaço colaborativo de formação continuada de professores de Matemática: Reflexões acerca de atividades com o GeoGebra

Treinamento GVcollege Módulo Acadêmico - Pedagógico

4 Cursos de nível superior no Brasil para formação de Designers de Games

ANDRÉ APARECIDO DA SILVA APOSTILA BÁSICA SOBRE O POWERPOINT 2007

Manual do Painel Administrativo

COMO USAR DOIS MONITORES NO WINDOWS 8

Orientação a Objetos

Um produto para jogar um conteúdo matemático e estudar um jogo social

Avaliação Do Site EducaRede. Introdução

Manual de Relação de Pontos por Indicação

CENTRO UNIVERSITÁRIO CATÓLICA DE SANTA CATARINA PRÓ-REITORIA ACADÊMICA NÚCLEO DE EDUCAÇÃO EM AMBIENTES DIGITAIS NEAD

Manual de acesso ao UNICURITIBA Virtual (Moodle) para alunos

UNIVERSIDADE FEDERAL DO AMAPÁ PRÓ REITORIA DE ADMINISTRAÇÃO E PLANEJAMENTO DEPARTAMENTO DE INFORMÁTICA TREINAMENTO EM INFORMÁTICA MÓDULO V

Aplicação Prática de Lua para Web

TÉCNICAS DE ESTRUTURAÇÃO PARA DESIGN RESPONSIVO: AMPLIANDO A USABILIDADE NO AMBIENTE WEB

PROPOSTA DE UM MODELO DE SISTEMA HIPERMÍDIA PARA APRESENTAÇÃO DO CURSO DE CIÊNCIA DA COMPUTAÇÃO

Tutorial WEB CONTENT MANAGEMENT [WCM] Obtenha benefícios a partir das aplicações customizadas da ADMT.

O Portal da Prefeitura de Assunção foi construído levando em conta: Livre acesso sem necessidade de cadastro prévio ou senha.

Linguagem Matemática e as Artes

CURSO DE ENFERMAGEM EDITAL PARA APRESENTAÇÃO DE TRABALHOS CIENTÍFICOS DO CURSO DE ENFERMAGEM Nº 01 /2013

APOSTILA DE EXEMPLO. (Esta é só uma reprodução parcial do conteúdo)

Internet: Site da Simonsen e Secretaria Online

PREFEITURA MUNICIPAL DO NATAL

SISTEMA DE GERENCIAMENTO DE PROJETOS - REDMINE MANUAL DE USO

SUMÁRIO 1. AULA 6 ENDEREÇAMENTO IP:... 2

Manual de Publicaça o no Blog da Aça o TRIBOS nas Trilhas da Cidadania

Usando Ferramentas de Busca

SUGESTÕES PARA ARTICULAÇÃO ENTRE O MESTRADO EM DIREITO E A GRADUAÇÃO

Funcionalidades do Sistema de Negociação de Créditos de Carbono. Anexo VIII

Perícia forense computacional aplicada a dispositivos de armazenamento e smartphones android

ROTEIRO PARA CLASSIFICAÇÃO DE LIVROS Avaliação dos Programas de Pós graduação

Página: 1. Revisão: 16/12/2008. G:\TI\Negocios\Manuais_WebGuias\WebGuias 1.08.doc

MATERIALIZAÇÃO E VIRTUALIZAÇÃO. Apresentação do texto de Milton Sogabe

Novas Tecnologias no Ensino de Física: discutindo o processo de elaboração de um blog para divulgação científica

WordPress Institucional UFPel Guia Rápido

DIÁRIO DE CLASSE. Atenciosamente,

E&L Protocolo, Documentos Eletrônicos e Processos Perguntas Frequentes

Manual de Digitação online de guia de SADT Desenvolvido por: Iuri Silva Setor: Inteligência Corporativa Unimed VR BEM VINDO AO SISTEMA VOXIS!

Manual do Usuário. E-DOC Peticionamento Eletrônico TST

Construtor de sites SoftPixel GUIA RÁPIDO - 1 -

HOW TO Como realizar o bloqueio e a liberação de URLs que pertençam a mais de uma categoria.

Manual da Ferramenta Construtor de Página Programa de Formação Continuada 2012

SUMÁRIO. Faculdade Católica do Tocantins

Autorização de Intercâmbio pela Web

ATENÇÃO: * Arquivos com tamanho superior a 500 KB NÃO SERÃO ACEITOS * SOMENTE serão aceitos documentos do formato: PDF

Profibus View - Software de Parametrização de Equipamentos Profibus PA

Após a confirmação de pagamento de sua inscrição para o congresso, você estará apto a entrar no sistema de submissão de trabalho.

Sistema de Informação Integrado

SOFTWARE LIVRE JCLIC: EXPLORANDO CONCEITOS MATEMÁTICOS ATRAVÉS DA CRIAÇÃO DE ATIVIDADES LÚDICAS

1-Cidades digitais: entre a realidade e a representação simbólica

Manual do Utilizador. Portal dos Jurisdicionados Cadastro

PROGRAMA DE PÓS-GRADUAÇÃO MULTIUNIDADES EM ENSINO DE CIÊNCIAS E MATEMÁTICA DA UNICAMP

ÁREAS DO CONHECIMENTO

Deficiência auditiva parcial. Annyelle Santos Franca. Andreza Aparecida Polia. Halessandra de Medeiros. João Pessoa - PB

Dicas Logycware Utilizando o E-commerce vinculado ao Gestor Comercial. Copyright Logycware Sistemas de Informática 2011 Todos os Direitos Reservados

O Portal da Prefeitura de Olivedos foi construído levando em conta: Livre acesso sem necessidade de cadastro prévio ou senha.

Avanços na transparência

Upload e Download de Arquivos. Ao programador Morfik, cabe implementar em sua aplicação os mecanismos gerenciem todo o processo acima.

Tutorial para envio de comunicados e SMS

OS FUTUROS CONTRATOS DE TRABALHO.

Análise sobre projeto Passo Certo

Associação Educacional Dom Bosco Curso de Engenharia 1º ano

PORTAL DE COMPRAS SÃO JOSÉ DO RIO PRETO

Tutorial para envio de comunicados

INDICE 1. INTRODUÇÃO CONFIGURAÇÃO MÍNIMA INSTALAÇÃO INTERLIGAÇÃO DO SISTEMA ALGUNS RECURSOS SERVIDOR BAM...

Disciplina: Programas de Edição de Textos Professora: Érica Barcelos

EXTENSÃO UNIVERSITÁRIA E POLÍTICAS PÚBLICAS SOCIAIS

Design de superfície e arte: processo de criação em estamparia têxtil como lugar de encontro. Miriam Levinbook

1 Sumário O Easy Chat Conceitos Perfil Categoria Instalação O Aplicativo HTML...

Objetivo. Este documento tem como objetivo demonstrar o conceito, o processo de instalação e o funcionamento do SITEF (Tef dedicado).

EDITAL DE SELEÇÃO 2015 MESTRADO E DOUTORADO EM GESTÃO URBANA

MANUAL DE NAVEGAÇÃO UNICURITIBA VIRTUAL

Manual de acesso ao UNICURITIBA Virtual (Moodle) para alunos EAD

Transcrição:

Por uma Maior Articulação entre Som, Imagem e Texto na Produção do Webdesign For a great articulation between sound, image and text on the web design production Braida, Frederico; Doutorando; Pontifícia Universidade Católica do Rio de Janeiro fbraida@hotmail.com Nojima, Vera Lúcia; Doutora; Pontifícia Universidade Católica do Rio de Janeiro nojima@rdc.puc-rio.br Resumo O presente artigo é resultado de uma pesquisa, através da qual investigamos as articulações entre som, imagem e texto na formação da linguagem dos websites. A metodologia utilizada foi a leitura e análise semiótica de alguns sites pré-selecionados, com um especial enfoque nas matrizes da linguagem e pensamento propostas por Lucia Santaella. Ao final da pesquisa, verificamos que os webdesigners pouco têm explorado todas as potencialidades da hipermídia (a linguagem da cultura digital) principalmente no que diz respeito à integração das matrizes sonora, visual e verbal em um único ambiente que se pretende democrático e universal. Palavras-Chave: Webdesign; Hipermídia; Semiótica. Abstract This paper is a result of a research carried out in order to investigate the articulations between sound, image and text in the language of websites. The methodology used was the semiotics reading and analysis of a group of sites which were previously selected with a special focus on the matrices of language and thought proposed by Lucia Santaella. At the end of the research, we verified that the web designers have not explored all the potentialities of hypermedia (the language of digital culture) mainly about the sonorous, visual and verbal integration of the matrices in an environment that intends to be democratic and universal. Keywords: Web design; Methodology; Semiotics. Anais do 8 a 11 de outubro de 2008 São Paulo SP Brasil ISBN 978-85-60186-03-7 2008 Associação de Ensino e Pesquisa de Nível Superior de Design do Brasil (AEND Brasil) Reprodução permitida, para uso sem fins comerciais, desde que seja citada a fonte. Este documento foi publicado exatamente como fornecido pelo(s) autor(es), o(s) qual(is) se responsabiliza(m) pela totalidade de seu conteúdo. 3815

Introdução O presente artigo é resultado de parte das discussões travadas em uma pesquisa intitulada A representação da cidade no meio digital 1. Naquela pesquisa estávamos interessados em diagnosticar como os webdesigners têm explorado a linguagem hipermídia em seus projetos para websites, ou seja, como têm articulado sons, imagens e textos na construção de um espaço digital hipermidiático. Ficamos surpresos ao constatar que, embora a hipermídia possibilite uma completa integração entre sons, imagens e textos em um mesmo ambiente, uma grande quantidade de websites disponível na Internet não apresenta tais articulações (tecnologicamente) possíveis. Diagnosticamos assim, um discurso sobre o webdesign que se afasta da sua pragmática. De tal constatação surge a seguinte pergunta: estão os webdesigners explorando todas as potencialidades da hipermídia em seus projetos de websites? Procuramos evidenciar neste artigo que é necessário estarmos atentos e buscarmos desenvolver projetos de websites que explorem todas as potencialidades da hipermídia. De acordo com Lévy (2003, p.72, grifos do autor), quanto mais as linguagens se enriquecem e se estendem, maiores são as possibilidades de simular, imaginar, fazer imaginar um alhures ou uma alteridade. Portanto, recursos sonoros, visuais e verbais, reunidos de forma interativa em uma interface digital, de modo a despertar sensações sinestésicas, devem ser mutuamente explorados pelos designers; caso contrário, nós poderíamos dizer, sumariamente, que seus projetos subutilizam as características do meio digital e da linguagem com a qual os websites são construídos e trilham um percurso que segue em direção oposta àquela que o design universal buscar percorrer. Análise das Matrizes Sonora, Visual e Verbal como Procedimento Metodológico Para investigarmos como a linguagem hipermídia tem sido utilizada pelos designers em seus projetos de websites, escolhemos, inicialmente, um grupo de sites para serem investigados. Tomamos como amostra os sites oficias das capitais brasileiras. Analisamos como se dá a articulação das matrizes sonora, visual e verbal presentes nesses sites 2, a partir da classificação estabelecida por Santaella (2005). Concluímos que há predominância da matriz verbal. A partir de tal constatação, ampliamos o repertório dos sites analisados e englobamos alguns sites jornalísticos e os grandes portais da Internet devido ao fato de as homepages desses sites apresentarem uma sintaxe semelhante. Em nossa investigação, constatamos que a linguagem hipermídia tem sido subutilizada pelos webdesigners desses sites supracitados. Em prol de uma suposta objetividade e funcionalidade técnica, abre-se mão da criação de um design capaz de despertar sensações sinestésicas, além de ser mais universal. O emprego das matrizes de forma pouco equilibrada denota a falta de articulação entre os sons, as imagens e os textos nos sites. Constatamos que o predomínio é da matriz verbal, ou seja, a quantidade de texto supera a quantidade de imagens e de sons, o que pode gerar obstáculos de acesso, o qual se pressupõe universal. Embora a predominância seja de sites que privilegiam a matriz verbal em detrimento das demais matrizes, é possível encontrarmos sites nos quais as matrizes sonora, visual e verbal estão articuladas de forma equilibrada. 1 Esta pesquisa foi desenvolvida entre 2006 e 2007, no Laboratório de Comunicação no Design, da Pontifícia Universidade Católica do Rio de Janeiro. 2 Essas análises foram apresentadas na dissertação de mestrado do autor. Ver Braida, 2007. Deve-se acrescentar que as análises dizem respeito somente à homepage dos sites. 3816

Abaixo apresentamos dois sites, de tal forma que possamos observar as diferenças entre um que tem a matriz verbal como matriz predominante e outro que apresenta som, imagem e texto intimamente imbricados. Diferentes maneiras de explorar a articulação entre as matrizes sonora, visual e verbal Para verificarmos diferentes possibilidades de articulação entre as matrizes sonora, visual e verbal em um projeto de website, tomamos como objetos de análise e comparação dois sites sobre a cidade do Rio de Janeiro. Eles são, na verdade, duas representações de uma mesma cidade. O primeiro site foi desenvolvido para o projeto intitulado MyCity, a primeira exposição mundial de citywebdesign, exibida de dezembro de 1999 a março de 2000, no Centro Cultural Banco do Brasil (CCBB), no Rio de Janeiro, Brasil. O segundo é o Portal da Prefeitura da Cidade do Rio de Janeiro, um site governamental, o site oficial da capital fluminense. O primeiro encontra-se disponível em http://www.mycity.com.br e o segundo pode ser encontrado no seguinte endereço eletrônico: http://www.rio.rj.gov.br. Anteriormente, em dois artigos distintos 3, já apresentamos as análises dos sites supracitados, à luz da Semiótica e, mais especificamente, das matrizes da linguagem e pensamento. Cabe, agora, colocarmos tais representações lado a lado e evidenciarmos as semelhanças e as diferenças. Rio de Janeiro do Projeto Mycity Figura 1: Menu principal do site da cidade do Rio de Janeiro do projeto MyCity. Disponível em: <http://www.mycity.com.br>. Acesso em 10 dez. 2006 A linguagem utilizada nesta representação pode ser considerada como resultado de uma mistura equilibrada das matrizes sonora, visual e verbal. É interessante perceber que não há somente misturas entre as matrizes, mas, também, entre as modalidades dentro das próprias matrizes. A matriz sonora é bastante evidente. Há sons de instrumentos musicais relacionados ao samba, signo do Rio de Janeiro. Há vozes que podem ser consideradas como voz over, caracterizada pelo emissor ausente. 3 Ver Braida e Nojima (2007a; 2007b). 3817

Ao eleger o link Utopia, por exemplo, aparece uma vista panorâmica da cidade, modelada em 3D, com ferramentas computacionais. Os sons da natureza, muito simbólico para a imagem urbana brasileira, acompanha a paisagem. A topografia acidentada (característica da cidade) também é muito destacada. Esse é um site que possibilita várias reconstruções da cidade. As possibilidades de ver imagens da cidade são várias. O usuário pode imergir no site e conhecer características do cotidiano carioca, de forma bastante lúdica. O som encontra-se completamente imbricado com o texto e a imagem. E a relação entre eles é de complementação. Verifica-se, de fato, a constituição de um objeto híbrido, cujas matrizes sonora, visual e verbal encontram-se equilibradas. Portal da Prefeitura da Cidade do Rio de Janeiro Figura 2: Homepage do Portal da Prefeitura da Cidade do Rio de Janeiro. Disponível em: <http://www.rio.rj.gov.br>. Acesso em 02 dez. 2006. No site oficial da cidade do Rio de Janeiro podemos encontrar imagens criadas pela municipalidade, os desejos e os planos do governo para a cidade. O site é principalmente um espaço informativo. Não somente sua aparência e composição formal, bem como a linguagem nele utilizada se aproxima da linguagem utilizada nos sites de jornais e notícias. As frases são curtas e diretas. As imagens e as palavras, usadas em seus sentidos denotativos, são inseridas em uma quadrícula pouco flexível. As imagens, quando presentes, quase sempre ilustram os textos, ou seja, falam muito pouco sobre si mesmas. Com relação às matrizes da linguagem e pensamento, podemos dizer que há, nitidamente, o predomínio da matriz verbal. As imagens divulgadas nesse site são muito parecidas com as imagens dos jornais. Podemos dizer que o caráter das informações do site é descritivo, mais especificamente da narração sucessiva. Podemos constatar que a matriz sonora desse site não constitui um discurso; ela praticamente não existe. O som indicial somente assinala o clique do mouse. E, embora a matriz visual esteja presente, o discurso verbal é predominante. 3818

Considerações Finais No presente artigo, expusemos lado a lado, duas representações de uma mesma cidade no meio digital de tal forma que se torna evidente como em um projeto as matrizes sonora, visual e verbal encontram-se presentes de forma equilibrada, enquanto no outro há a predominância da matriz verbal. Não temos claros quais são os motivos que levam ao predomínio das matrizes verbal e visual nos websites, mas é preciso lembrar que subjacentes ao design dos websites estão também as condições técnicas. No entanto, já é possível encontrarmos sites acessíveis a partir de computadores não muito sofisticados conectados à Internet por meio de linha telefônica que têm a matriz sonora como matriz predominante 4. Finalmente, cogitamos que a mistura equilibrada das três matrizes possa gerar resultados mais interessantes, além de se aproximar das práticas e soluções que contemplem o design universal. Quanto maior é o grau de mistura das três matrizes, maior é a complexidade atingida pela representação e, conseqüentemente, mais interessante torna-se o design do objeto. Quanto maior for o número de sentidos despertados pela hipermídia, mais envolvidos e imersos se encontrarão os usuários (cibercidadãos). Quanto mais imbricados estiverem as sintaxes sonoras, as formas visuais e os discursos verbais nos projetos de websites, maiores serão as possibilidades de representação das complexidades dos objetos ou referentes e, de fato, o discurso sobre a hipermídia tornar-se-á uma realidade aplicada. Referências BRAIDA, Frederico. Um estudo da semiose do design nos sites oficiais das capitais do sudeste brasileiro. 2007. Dissertação (Mestrado em Design) Programa de Pós-Graduação em Design, Pontifícia Universidade Católica do Rio de Janeiro, Rio de Janeiro, 2007. BRAIDA, Frederico; NOJIMA, Vera Lucia. La imagen y el imaginario urbano de la Era de la Cultura Digital: dos representaciones del Rio de Janeiro (Brasil) en el ciberespacio. In: JORNADAS IMAGINARIOS URBANOS, 9, 2007, Buenos Aires. Anais eletrônico Buenos Aires: UBA, 2007a. (1 CD-ROM).. Por uma metodologia de análise dos aspectos simbólicos e comunicacionais do design das cidades digitais. In: CONGRESSO INTERNACIONAL DE PESQUISA EM DESIGN, 4, 2007, Rio de Janeiro. Anais eletrônico Rio de Janeiro: ANPEDesign, 2007b. LÉVY, Pierre. O que é o virtual?. 6 reimp. São Paulo: Ed. 34, 2003. PREFEITURA DA CIDADE DO RIO DE JANEIRO. Portal da Prefeitura da Cidade do Rio de Janeiro. Disponível em: <http://www.rio.rj.gov.br>. Acesso em: 05 jun. 2007. PROJETO MYCITY. Disponível em: <http://www.mycity.com.br>. Acesso em 10 dez. 2006. SANTAELLA, Lucia. Matrizes da linguagem e pensamento: sonora visual verbal: aplicações na hipermídia. 3 ed. São Paulo: Iluminuras: FAPESP, 2005a. 4 Ver os sites do projeto MyCity, disponível em <www.mycity.com.br>. 3819