Blog

Sobre a redação para web

Em trabalhos acadêmicos sempre surge o momento de redigir para a web, e sempre surgem as questões ligadas à transposição para a web de textos produzidos para outros fins e meios. Sempre tratei este assunto caso a caso, no atendimento aos alunos, mas resolvi sistematizar alguns conceitos e publicar, para referência futura.

Nos trabalhos da faculdade os alunos são levados a fazer uma pesquisa e depois a colocar alguns elementos da pesquisa nos sites produzidos sobre os temas pesquisados. Assim, logo de inicio pode haver, por parte do aluno menos avisado, uma tendência de copiar e colar o trabalho acadêmico no site e pronto, problema resolvido…

É claro que a linguagem acadêmica não é a mesma que se usa para atender a um leitor de um site, pois ela exige uma série de cuidados e formatações que são estritamenta acadêmicas. A atenção, o nível de engajamento destes dois leitores — o acadêmico e o online — são diferentes, e o leitor online não faz necessariamente parte do universo acadêmico, assim, não faz sentido usar uma coisa na outra sem maiores cuidados.

Também tem a coisa de se produzir um texto de caráter jornalístico, e de publicá-lo como se estivéssemos lendo um jornal impresso. Bem, apesar de não ser expert no assunto, acho que já li algumas coisas que podem ajudar nestas questões. Não estou aqui querendo substituir a orientação dos trabalhos acadêmicos, mas apenas colocar algumas questões referentes á linguagem e ao meio digital. Espero, assim, contribuir com o tratamento do assunto.

O contexto de hipermídia

mobilidadeDeve-se lembrar que, em primeiro lugar, este texto deve se adequar ao meio digital hipermidiático. A hibridação é um dos princípios da linguagem hipermidiática. Este princípio determina que a linguagem digital pode codificar vários tipos de informação: texto, imagem, imagem em movimento, música, voz, ilustrações. Isto quer dizer que não contamos apenas com o texto para “passar a mensagem”. Assim, mais do que pensar em um texto, talvez deva-se pensar em um conjunto de recursos (audiovisuais e textuais) que, em conjunto, façam o trabalho. Assim, uma foto ao lado da matéria apóia o texto, eventualmente serve para dar credibilidade ao que se escreve, pois ilustra o que o texto explica. Um vídeo pode também fazer o papel de engajar o usuário emocionalmente no conteúdo.

Vocações

revellÉ preciso lembrar também que cada tipo de informação, cada linguagem tem a sua vocação. Imagine aqueles kits de montagem de aviões ou navios, ou aqueles móveis que a gente monta em casa. Imagine agora que as instruções de montagem são dadas somente por texto, sem nenhum ilustração… “Ligue a peça A com a B na direção longitudinal das duas, mas sem que as partes salientes se encontrem no meio”… enfim, seria um desastre. Obviamente estas instruções são dadas de modo gráfico pois são mais fáceis de entender visualmente. Assim ocorre com cada tipo de informação. Um vídeo pode sintetizar informação na medida em que traz junto imagem em movimento, som, eventualmente legendas sobre o fato mostrado etc. O texto puro também tem a sua função assegurada pois, me parece que alguns conteúdos só são bem transmitidas através da argumentação, da exposição estruturada de fatos e conceitos. É muito difícil transmitir, por exemplo, uma argumentação de um promotor de justiça ou de um filósofo através somente de imagens. Para isto é preciso o discurso textual.
Assim, deve-se refletir qual tipo de informação tem qual vocação em cada caso, para otimizar o tempo do leitor e a compreensão do tema abordado.

Contexto do uso

Às vezes também esquecem do fato de que o usuário dos meios digitais frequentemente está em um contexto diferente daquele do leitor de décadas atrás. Os hábitos de leitura vêm mudando ao longo de séculos e, com o surgimento dos dispositivos móveis, eles mudaram mais ainda. O leitor de desktop (como o leitor de um livro impresso) pode se concentrar no texto muito mais que um leitor em dispositivo móvel (digamos, um tablet ou smartphone), pois este está em situação de mobilidade, se deslocando na cidade, e frequentemente não pode dedicar toda a sua atenção ao dispositivo. O leitor de um dispositivo móvel geralmente vive um contexto em que tudo ao seu redor o distrai. Como consequência, ele tem pouco de sua atenção disponível para a leitura e apreensão do conteúdo presente no dispositivo. Assim, talvez seja uma boa ideia sintetizar ou comprimir o conteúdo para oferecer uma alternativa a este tipo de usuário/cenário. O uso de infográficos, por exemplo, ou de outras técnicas de visualização de informação podem ajuda-lo muito, quando for o caso.

Hiperlinks

Outra característica importante de um texto em meio digital é a conexão com outros conteúdos. O conteúdo produzido não precisa esgotar o assunto, pois pode deixar links para assuntos relacionados que não são essenciais ao entendimento do assunto em questão. Pode-se usar tanto links internos ao próprio texto quanto links externos, que enviem o usuário a sites que expliquem conceitos gerais sobre o assunto tratado. Do ponto de vista da conceituação da hipermídia, um texto em meio digital que não faça uso de hiperlinks está subutilizando a mídia na qual está inserido.

___________________________

Bem, estes são os assuntos que lembrei agora relativos ao tema. Peço aos leitores que complementem, através dos comentários o que abordei já que, certamente, esqueci de muita coisa.

Senhas, parte 3

Se você leu os dois artigos anteriores (parte 1 e parte 2) talvez esteja achando que não há uma solução para o problema de senhas na web. Já falei sobre o que não fazer, e sobre usar um gerenciador de senhas. Mas, como vimos, usar um gerenciador de senhas, tem as suas desvantagens.

Agora vou falar sobre a solução que adotei, pessoalmente, para lidar com senhas. Com ela, você precisará apenas da sua cachola para lembrar da sua senha em qualquer serviço web, mesmo que sejam dezenas. Para isso, você deve usar um… Read More

Senhas, parte 2

No artigo anterior falei sobre a necessidade de ter senhas diferentes para serviços web diferentes e, ao mesmo tempo, da dificuldade de gerenciar todas elas. Falei também sobre o que não fazer em termos de senha…

Agora vou falar o que se pode fazer para resolver este caos…

As pessoas com quem conversei oscilam entre duas soluções para este dilema: gerenciadores de senhas e criação de senhas por algoritmos pessoais. Read More

Senhas, parte 1

A maior parte dos serviços da web requerem que você se identifique. Logicamente, para assegurar a identificação, é necessário usar uma senha. É aí que os problemas começam…

Já que não é aconselhável que você use uma mesma senha para serviços diferentes, o drama de cada usuário é o de memorizar uma grande quantidade de senhas, uma para cada serviço. Chega uma hora que a gente não sabe mais se uma senha é deste ou daquele serviço, e acaba se atrapalhando. Não é incomum topar com gente que teve que abandonar um certo endereço de e-mail por ter esquecido a senha que usou… Read More

Curso de processing em São Paulo!


http://www.facebook.com/processingsp

e

http://navax.net.br/blog/

Segue o release do curso

 I Encontro Processing São Paulo – Palestra Aberta

Neste evento  promoveremos  uma palestra aberta sobre arte interativa e computação criativa. Na apresentação discutiremos  alguns softwares , técnicas  e recursos estéticos utilizados por artistas e designers que exploram processos computacionais generativos, computação gráfica, sensores, instalações interativas , sonoridades e vídeo.

Aproveitamos a oportunidade para convidá-los a conhecer um novo espaço de intercâmbio  e produção artística, o Instituto Volusiano!

Processing São Paulo pretende reunir interessados em arte tecnológica para uma troca produtiva de conhecimentos e produção de trabalhos e oficinas. Envie-nos sugestões e dúvidas pelo formulário na área de contatos.

Participe do encontro inaugural Processing São Paulo !

Data:  7/7/2012  – 15H00.
Local: Instituto Volusiano
Rua São Gall, 110 – Vila Ipojuca (metrô Vila Madalena) – São Paulo.

 

Instalar e configurar um CMS WordPress online

Vi esta série de videos sobre como instalar e configurar sites WordPress e achei que poderia interessar os meus alunos de Design Digital e Produção Editorial. Nos vídeos, desenvolvidos pela Bluehost, um excelente serviço de hospedagem, você aprende o que é o WordPress, como instalá-lo e como configurá-lo. Veja você mesmo… é um tutorial que abrange as dúvidas principais sobre o assunto.

Este é o primeiro da série.

 Para ver os outros, siga abaixo o link do video e veja a lista de vídeos na coluna do lado direito, com o episódio dois, três, etc

http://bit.ly/IS46zD

No video, o apresentador assume que você tem uma conta na Bluehost. Se precisar de uma, clique neste link e siga o passo a passo. 

Timeline interativo através de javascript, mapa do vento e infografia na estação Grand Central

Estou procurando seguir de perto os estudos e projetos de infográficos e tenho encontrado soluções muito bacanas. Uma delas é esta ferramenta para montar uma linha do tempo sem uso de Flash. 

Ela tem um slider em cima e o timeline na parte de baixo, os dois interativos.

Outro exemplo genial é este mapa dos ventos nos Estados Unidos. Fora o valor da infografia em si, o resultado estético é hipnotizante!

windmap

 

O terceiro e último exemplo é uma instalação no terminal Grand Central, no qual as pessoas podem escolher o conteúdo a ser mostrado numa projeção interagindo com regiões do piso do terminal. Veja o vídeo.

Isto não vai acontecer, pelo menos não aqui.

Volta e meia vejo uns vídeos mostrando recursos tecnológicos do futuro, e neles tudo é sempre limpo, organizado, todos sorriem, até os funcionários públicos. Todos os dispositivos são feitos de vidro e são sensíveis ao toque. As ruas estão impecavelmente limpas, o transporte público é confortável e barato. Você pode configurar o mundo como quiser. 

Aí me pergunto: que mundo é este, cara-pálida? Não é o Brasil, com certeza. Talvez a Suiça, que já está a meio caminho disso, tudo limpo, crianças loiras e limpinhas, que nunca choram nem fazem birra. 

Mas para onde foi aquele sujeirinha das ruas? Os papéis colados nos postes anunciando a volta da pessoa amada em 3 dias? Onde foram parar as crianças magrinhas? E as gordinhas? As crianças que gargalham fora de hora? Tudo isso foi banido do mundo? Ninguém mais anda de bermuda e chinelo de dedo pela rua? Para onde foi o comércio de rua, com sua bagunça característica? Para onde foram os imigrantes? 

Daqui de onde eu vejo, o meu mundo não é assim. Minha casa é bagunçada, meus livros não estão em ordem alfabética e o quarto da minha filha tem brinquedo pra todo lado. As cadeiras da sala de jantar não estão todas arrumadas ortogonalmente à mesa… Estão todas tortas; na verdade, minha filha usa uma delas pra brincar de casinha. Aliás, a minha filha não pára quieta e ri à toda hora, fora de hora (e dá pra ser fora de hora?).

Estes novos vídeos, que anunciam um futuro limpo e transparente são tão artificiais quanto os dos anos 50, que falavam para a dona de casa que tudo ficaria pronto com o apertar de um botão ou com o uso de algum produto milagroso na pele.

Quando é que vão fazer um vídeo destes retratando a vida na Somália em 2050, em vez da Suécia? A desigualdade hoje ainda é tanta, que não acredito que os países do (antigamente chamado) terceiro mundo vão gozar destas interfaces de vidro e de ruas pavimentadas e limpinhas, com carros elétricos. Queria ver como será a África em 2050. Pelo menos quero crer que as crianças loiras não estarão todas lá, morando na Somália. Porque, se estiverem, vão estar usando bermuda e chinelo de dedo, e aí não vão aparecer no vídeo.

Algumas referências para o designer digital

Esta é uma relação de alguns nomes chave de pessoas que atuaram e atuam ainda na consctrução da web.

 

Jeffrey Zeldman
http://www.zeldman.com/
http://happycog.com/ 

Tim O’Reilly
http://tim.oreilly.com/

Fabio Sasso
http://abduzeedo.com/
http://zee.com.br/

Jason Santa Maria
http://jasonsantamaria.com/ 

Elliot Jay Stocks
http://elliotjaystocks.com/

Remy Sharp
http://remysharp.com/

Paul Boag
http://www.headscape.co.uk/

Veerle Pieters
http://veerle.duoh.com/ 

Dan Cederholm
http://simplebits.com/

Chris Coyer
http://chriscoyier.net/
http://css-tricks.com/