Renovação do website do Jornal Meios & Publicidade
Quinta-feira, 31 de Maio de 2007
Foi hoje lançada a nova versão do website do Jornal Meios & Publicidade. A remodelação foi feita pela log (o layout foi feito por mim) e incluiu a migração do antigo CMS para um novo, mais fácil de utilizar para os jornalistas.
Esta renovação teve por base algumas queixas dos jornalistas relativas ao CMS anterior (Bricolage). O Bricolage é uma ferramenta muito potente, no entanto é também muito difícil de usar para um utilizador comum. As maiores queixas prendiam-se com o facto de se demorar quase um dia inteiro para colocar on-line todas as notícias do jornal. As notícias do jornal são os artigos que são publicados na edição em papel e que estão disponíveis também no site (ao contrário das notícias do dia, que são inseridas todos os dias).
Devido à complexidade do Bricolage, sentiu-se a necessidade de implementar algo mais simples e que permitisse publicar conteúdos de forma rápida e directa (sem passos intermédios). O sistema deveria ocupar-se de tudo o resto automaticamente para que os jornalistas pudessem passar mais tempo a escrever notícias e não a inserir conteúdos tediosamente no CMS.
E assim, foram feitos estudos, identificadas as necessidades dos utilizadores e foi implementado um novo CMS que foi adaptado à medida. Até agora, os resultados com os jornalistas foram muito bons.
Quanto ao layout em si, podia-se ter mantido o anterior, mas conseguimos convencer o cliente que era necessário resolver alguns problemas de usabilidade graves e reduzir o peso total das páginas (chegando por vezes aos 500Kb na homepage).
A versão antiga do site tinha alguns problemas de usabilidade e era demasiado pesada.
Como se pode ver na imagem em cima, na área visível no browser (sem fazer scroll) apenas se conseguia visualizar uma notícia (a notícia de destaque) uma vez que o resto da página estava ocupado com banners, menus e outros elementos gráficos menos importantes.
Na imagem seguinte conseguimos ver a comparação entre o espaço dedicado às notícias no layout anterior e no novo layout.
No novo layout foi dado um destaque maior às notícias. Em vez de uma coluna esguia, foi alargado o espaço e melhorada a disponibilização dos conteúdos. Assim, conseguimos ter mais notícias (usando praticamente a mesma quantidade de scroll do layout anterior) e ocupando um espaço mais largo e visível.
Infelizmente, devido ao tamanho do banner no topo, não se conseguem ver as quatro notícias de destaque sem ter que fazer scroll (como tinha sido planeado no início). Era bom se pudessemos ter feito o site sem tanta publicidade, mas há valores mais altos que se levantam.
E assim nasceu o novo Meios & Publicidade. Conseguimos reduzir bastante o peso das páginas de 67Kb para 18Kb só no HTML e usámos menos imagens. O peso total da página vai depender obviamente das imagens utilizadas nos artigos e nos banners (que agora até são mais do que os que haviam anteriormente), mas mesmo assim, conseguimos manter tudo a um nível aceitável.
Página inicial do novo Meios & Publicidade.
Tal como nos foi pedido pelos jornalistas, num jornal, a importância das notícias é visualizada através do tamanho do título. Numa página com vários títulos conseguimos ver claramente qual é o mais importante e qual a hierarquia existente, só através do tamanho do texto. Na página inicial do site tentámos criar essa hierarquia e em vez de termos todas as notícias com texto igual (como no layout anterior), temos uma com maior destaque, três com um pouco menos de destaque, e depois as restantes notícias (separadas por categoria).
Feeds RSS
Juntamente com o redesign, vieram novas funcionalidades. Já é possível comentar nos artigos e passou a existir um Feed RSS oficial (Carlos, actualiza aí o Destakes). A versão online do jornal Meios & Publicidade passou também a ter vídeos e a possibilidade de navegar pelas edições anteriores do jornal (ao contrário de poder consultar apenas a última).
Em relação às notícias propriamente ditas, vão passar a ter tags (se os jornalistas se lembrarem de as indicar). Vai também passar a haver uma lista de notícias relacionadas (da mesma categoria) e um top das notícias mais comentadas e mais lidas.
Aspecto da página de uma notícia.
Uma vez que se trata de uma revista, a versão para impressão das notícias em papel passou a ter um aspecto mais parecido com uma página da revista e não tanto como uma página web, apesar de termos mantido o layout bastante simples.
Versão optimizada da notícia para ser impressa numa folha A4.
Uma nota adicional para a acessibilidade: apesar dos menus usarem JavaScript, são totalmente acessíveis através do teclado (usando a tecla TAB) e mesmo sem JavaScript activado, é possível aceder a todas as secções do site, uma vez que todas as páginas interiores têm links para as suas sub-secções.
No global, conseguimos manter um nível de acessibilidade aceitável em todo o site. O peso das páginas também é muito menor, comparado com o layout anterior e a legibilidade também é melhor.
Espero que gostem 
Ivo Gomes tem 30 anos e é licenciado em