Para a nova homepage desenvolvemos várias metodologias de usabilidade cujos resultados podem ser consultados em detalhe no blog oficial da Homepage:

• Estatísticas, Inquéritos, Brainstorming, Testes de Usabilidade e Eyetracking
• Wireframes
• Versão Beta e os resultados dos inquéritos aos utilizadores

Além de tudo isto, tivemos também uma grande preocupação com a Acessibilidade, garantindo que a página tem uma classificação AAA segundo o WCAG 1.0.

Em termos técnicos utilizámos as mais recentes tecnologias como HTML5 e CSS3, o que nos permite ter o site preparado para o futuro e aproveitar algumas funcionalidades do HTML5 (que pretendemos colocar online em breve). Infelizmente, o facto de usarmos HTML5 invalida (para já) que consigamos ter o site a passar totalmente na validação de acessibilidade WCAG 2.0 uma vez que o validador ainda não reconhece as novas tags do HTML5.
Esperemos que em breve possamos testar convenientemente a página (assim que o validador suporte HTML5) e garantir também o máximo de acessibilidade segundo estas guidelines mais recentes.

Para esta primeira edição o tema foi Web Development e contámos com as seguintes apresentações (clicar nas apresentações para ver os slides e o vídeo):

• CSS for Beginners, por Pedro Couto e Santos
• Acessibilidade na Web, por Ivo Gomes
• HTML, por André Torgal

O objectivo é que as apresentações sejam mais práticas do que teóricas e que no final os participantes possam sair com novos conhecimentos que possam aplicar nos seus projectos.

Esta primeira edição foi apenas para consumo interno do SAPO, mas a ideia é abrir as inscrições (que são gratuitas) para quem estiver interessado. Infelizmente, a lotação da sala (80 lugares) não nos permite, para já, abrir estas sessões ao público em geral, mas estamos a trabalhar para isso

A Direcção-Geral de Arquivos (antigo IAN/TT – Instituto dos Arquivos Nacionais / Torre do Tombo), devido às mudanças que houveram na instituição, passou a estar separada da Torre do Tombo. Assim, hoje temos a Direcção-Geral de Arquivos e o Arquivo Nacional da Torre do Tombo. Desta forma, teríamos que desenvolver dois websites distintos, mas mantendo a mesma linha gráfica.

Além do website principal (DGARQ) e do website dos arquivos nacionais (ANTT), a DGARQ é também responsável por 16 Arquivos Distritais, dos quais, 9 ainda não tinham website. Como parte do projecto, seria também necessário desenvolver os websites para os 9 Arquivos Distritais mantendo a mesma linha gráfica do website principal.

No total, foram 11 websites ao mesmo tempo

Apesar de já termos terminado os desenvolvimentos há cerca de um mês, ainda faltava a validação dos conteúdos em todos os websites, feita por cada uma das instituições. O website da DGARQ foi o primeiro a ser lançado, os restantes vieram algumas semanas depois.

Aqui estão os links quer para o site principal, quer para todos os sub-sites:

• Direcção-Geral de Arquivos
• Arquivo Nacional da Torre do Tombo
• Arquivo Distrital de Aveiro
• Arquivo Distrital de Beja
• Arquivo Distrital de Castelo Branco
• Arquivo Distrital de Évora
• Arquivo Distrital de Lisboa
• Arquivo Distrital de Portalegre
• Arquivo Distrital de Santarém
• Arquivo Distrital de Setúbal
• Arquivo Distrital de Viana do Castelo

Screenshots

Direcção-Geral de Arquivos

Gestão de Conteúdos

Para a gestão dos 11 websites usámos o WordPress MU uma vez que era necessário manter toda a gestão centralizada num único local e que o interface de introdução de conteúdos fosse o mais simples de usar possível.

Do ponto de vista do utilizador que tem que inserir e gerir conteúdos, penso que o WordPress é a melhor opção devido à sua facilidade de uso e, até agora, o feedback que tivémos dos utilizadores foi sempre positivo.

Acessibilidade

Conseguimos manter o nível AA em todas as páginas, no entanto há um ponto de verificação que, sempre que aparece uma imagem no meio do texto, falha. Isto acontece por que o ponto 3.4 das regras de acessibilidade (WCAG 1.0) indica que não devem ser usadas medidas de unidades absolutas, apenas relativas. Isto é, não devemos usar medidas fixas, mas sim medidas flexíveis, como por exemplo, percentagens.

O que acontece é que o WordPress adiciona uma DIV à volta das imagens para poder adicionar uma legenda (CAPTION) e indica uma largura em pixels para essa DIV. O validador automático detecta que há um elemento na página com largura definida em pixels e dá o erro.

Penso que o validador automático leva esta regra demasiado à letra, ou seja, tudo o que tiver uma dimensão definida em pixels, é considerado inválido. Convém salientar que as regras em que os validadores automáticos se baseiam actualmente são as do WCAG 1.0 criadas há 9 anos atrás. Nessa altura fazia sentido que os elementos não tivessem medidas fixas porque os browsers ainda não suportavam bem elementos gráficos nem o aumento/redução do tamanho do texto, mas hoje em dia esta regra deixou de fazer sentido. A versão actual das regras de acessibilidade (WCAG 2.0) já eliminou este ponto de verificação que foi considerado obsoleto.

Não é isto que vai fazer com que o site seja menos acessível, mas é chato quando dizemos ao cliente que o site passa na validação AA e ele depois vai ao validador e vê este erro… Infelizmente ainda não encontrei forma de evitar isto, uma vez que é o próprio WordPress que adiciona essa DIV à volta das imagens.

Créditos

Além da restante equipa da log que esteve envolvida no projecto, tivémos também a colaboração do Filipe Serrazina que me ajudou na parte do web design e XHTML+CSS+JS (uma vez que eram 11 websites ao mesmo tempo, a ajuda do Filipe foi preciosa).

É já esta semana (dias 15, 16 e 17 de Outubro) que se realiza a segunda edição da SHiFT (Social and Human Ideas For Technology) na FIL em Lisboa.

A edição deste ano terá um dia dedicado a workshops (15/10) e dois dias para apresentações (16/10 e 17/10) divididas em vários temas: Web Design, User Experience, Mobile, Social Web, Mobile, entre outros…

De entre os workshops, saliento um que me diz mais respeito (e também a todos os que se interessam por usabilidade) denominado: “Guerilla Usability Testing” por Andy Budd. Este workshop terá como base a aplicação SilverBack que permite realizar testes de usabilidade de forma fácil e sem ser necessário ter um laboratório completo. O Andy dará ainda uma apresentação chamada “Designing the User Experience Curve” no segundo dia.

Haverão mais apresentações de grande interesse e que tenho curiosidade em assistir, mas sugiro que consultem o calendário e escolham por vocês as sessões que acham mais interessantes.

Penso que esta edição da SHiFT tem todos os ingredientes para ser ainda melhor do que a primeira edição e, caso ainda não se tenham registado (shame on you), ainda há vagas. Os preços vão desde os 150€ para estudantes e 240€ para os restantes participantes.

Vêmo-nos por lá!

Esta nova versão ainda está longe de ser finalizada. Ainda há algumas funcionalidades em processo de desenvovimento, outras ainda só no papel. Uma vez que foram introduzidas muitas novas funcionalidades, é possível que ainda hajam alguns bugs (apesar de termos feito muitos testes durante a fase em que a aplicação esteve disponível apenas a um conjunto restrito de pessoas).

As Novidades

Uma das novidades principais é a mudança completa do layout da aplicação. A versão anterior tinha sido inspirada no iTunes e nesta nova versão decidi criar um layout próprio tentando aproveitar o que o layout anterior tinha de melhor.

Quanto às funcionalidades, durante estes últimos meses tenho recebido alguns pedidos e nesta nova versão já consegui aplicar a maior parte deles:

Adicionar mais do que uma temporada de cada vez

Um dos pedidos mais frequentes era o de poder adicionar mais do que uma temporada de cada vez. A partir de agora é possível adicionar quantas temporadas quisermos, desde que sejam separadas por uma vírgula. Ex: 1, 2, 3.

Infelizmente ainda não é possíve adicionar “todas” as temporadas disponíveis para uma determinada série, mas vou continuar a trabalhar para que essa funcionalidade seja implementada.

Não ter que enviar uma imagem para a série

Outro dos pedidos mais frequentes estava relacionado com o envio de uma imagem de capa para cada série que era adicionada. Muitos utilizadores pediram para que a aplicação automaticamente adicionasse uma imagem correspondente à série.

Na nova versão, o myTVShows automaticamente adiciona as imagens às séries com base nas imagens enviadas pelos outros utilizadores. Assim que uma série é adicionada, é-lhe atribuída uma das imagens já existentes e o utilizador tem a possibilidade de escolher uma nova imagem (ou enviar a sua) sempre que quiser editar a sére.

Pesquisa de novos episódios

No final da lista de episódios de cada temporada passou a haver uma opção para procurar a existência de novos episódios. Isto permite estar sempre a par das novidades da série e dos novos episódios que vão sendo transmitidos. Esta pesquisa é feita com base na data de transmissão original dos episódios nos E.U.A.

Em breve vou tentar implementar uma secção que permita verificar a existência de novidades (novas temporadas/episódios) para todas as séries que temos.

Link para download dos episódios

Esta foi sem dúvida a funcionalidade mais pedida e também a mais controversa de implementar. O objectivo principal do myTVShows é o de gerir as séries que vamos acompanhando e não o download das mesmas da Internet, mas finalmente cedi aos vários pedidos e coloquei uma secção com links para sites externos que permitem efectuar o download dos episódios via BitTorrent. Convém salientar que a disponibilização de links para sites externos não é ilegal e que no myTVShows não é feito o alojamento de qualquer tipo de ficheiros deste tipo.

Identificação do número de episódios não vistos

Na barra lateral, para cada série temos a informação do número total de episódios que nos falta ver para cada uma.

Desta forma é fácil saber em qualquer altura quais as séries em que temos episódios não vistos sem ter que entrar na página da serie.

Outras Novidades

Para além das novidades visíveis, foram feitas também alterações a quase todo o código da aplicação para a tornar mais rápida e menos pesada. Dessa forma, todas as imagens foram combinadas numa só (usando o método CSS Sprites) o que permite que o carregamento seja feito de forma muito mais rápida e de uma só vez. Este métdo teve no entanto algumas consequências para os utilizadores do Internet Explorer 6 (que não suporta imagens PNG transparentes) e como tal, oficialmente o myTVShows não é suportado em versões do IE 6 ou inferiores (não só por causa das imagens, mas também porque esta versão do IE também não suporta alguns selectores de CSS como por exemplo o :hover).

Em relação ao CSS ainda não está tudo terminado. Falta criar uma folha de estilos para dispositivos móveis (talvez uma específica também para o iPhone/iPod Touch) e outra para ecrãs mais pequenos, como por exemplo uma TV (sim, há quem use o myTVShows directamente na TV).

Futuro

Como disse no início, esta nova versão está longe de ser uma versão final. Optei por divulgá-la já porque penso que já amadureceu o suficiente e também porque ando a ler o livro “Getting Real” da 37 Signals que indica que uma aplicação web deve ser lançada para o público logo que possível. Os próprios utilizadores irão encontrar e ajudar a resolver os bugs e a seleccionar as funcionalidades que mais querem ao longo do desenvolvimento da própria aplicação

Sendo assim, caso encontrem alguns bugs ou queiram que sejam adicionadas ainda mais funcionalidades (lembrem-se que isto é suposto ser KISS – “Keep It Simple, Stupid”), informem-me!

Boas Séries!

Uma vez que se torna um pouco caro trazer um orador deste tipo a Portugal, gostava de saber quantas pessoas estariam interessadas em participar. Dessa forma podemos ter uma ideia dos preços que podemos cobrar. Chocava-os terem de pagar por exemplo 300€ para assistir a uma formação deste tipo?

Uma vez que não me lembro de ter havido nenhum workshop ou formação de AJAX em Portugal nos últimos tempos (pelo menos não com esta categoria ), penso que seria uma mais valia para todos os que nela participem

Digam de vossa justiça!

Inicialmente, a equipa que está a desenvolver o IE8 decidiu que o browser iria adoptar por defeito o motor de renderização do IE7 (isto permitiria que todos os sites antigos e com código feito para versões anteriores do IE continuassem a funcionar correctamente no IE8). Quem já criou um site em HTML+CSS sabe que se ele for feito segundo os web standards, ele funciona correctamente em todos os browsers excepto no IE (em que cada versão do próprio IE tem bugs diferentes). Da mesma forma, se um site for feito especificamente para funcionar no IE, é provável que ele venha a ficar meio torto no Firefox ou no Safari. Foi por essa razão que a equipa do IE8 decidiu que por defeito iriam adoptar a renderização do IE7 (para que os sites feitos para versões anteriores do IE não quebrassem no novo IE8) a não ser que o webdesigner colocasse um código no cabeçalho do site a dizer especificamente que queria utilizar o novo motor do IE8. Esta funcionalidade chama-se “Version Targeting”.

Obviamente, toda a comunidade de webdesigners ficou revoltada com esta decisão. Com um novo browser não deveria ser necessário especificar que se quer utilizar o novo motor de renderização. Não fazia sentido ter um novo software que usa por defeito um motor da versão anterior.

Finalmente, na passada segunda-feira a equipa de desenvolvimento do IE8 mudou de ideias e o browser virá com o novo motor instalado por defeito. No entanto o “Version targeting” continuará a estar disponível para os sites que necessitarem de usar o antigo motor de renderização do IE7.

IE8 Beta 1

Já cá está! O IE8 Beta 1 já está disponível para download. Como estou a trabalhar num Mac ainda não tive a oportunidade de o testar, mas assim que conseguir ter acesso a um PC com Windows (é mais difícil do que possam imaginar) vou experimentar

As principais novidades no IE8 (que interessam aos webdesigners) são:

• Suporte completo a CSS 2.1
• Melhor desempenho a correr Javascript
• Suporte inicial para HTML5
• Ferramenta “developer tools” instalada

Espero que no futuro isto faça com que nos possamos concentrar em melhorar os websites que desenvolvemos, aprofundando mais os detalhes e a experiência do utilizador em vez de nos preocuparmos com correcções de bugs e outros problemas que demoram quase um terço do tempo a resolver.

Infelizmente para já apenas podemos abrir esta vaga em forma de estágio, mas existe uma boa possibilidade de integração futura na empresa

Se estão interessados ou se quiserem saber um pouco mais, podem ver aqui o anúncio: Estágio em Webdesign na log.

Temos ainda outras oportunidades de estágio:

• Estágio em Marketing
• Programador Estagiário

Além dos estágios, temos também oportunidades de emprego nas seguintes áreas:

• Programador/Consultor Perl
• Programador/Consultor PHP
• Programador/Consultor Java (J2EE/Jboss/Web Services)
• Programador/Consultor Java (EJB/Web Services)

Sobre a log

Antes de enviarem os vossos CV’s posso dar-vos algumas informações sobre como é trabalhar na log:

• Fazemos regatas no Tejo
• Passeamos de balão no Alentejo
• Fazemos corridas de Karts
• Jogamos Paintball
• Fazemos campeonatos e taças de Pro Evolution Soccer
• Fazemos provas de orientação e canoagem
• Fazemos Banda Desenhada
• Temos uma mesa de ping pong e uma PlayStation na sala de reuniões
• Temos um escritório fixe numa zona “cool” de Lisboa

…e às vezes vamos tendo tempo para trabalhar em alguns projectos interessantes

Do lado do cliente ficaram bastante satisfeitos, não só porque gostaram do layout mais “clean” mas também porque conseguem actualizar mais facilmente os conteúdos do site e deixaram de fazer algumas tarefas manualmente (como por ex: enviar as notícias para a newsletter).

Outra das preocupações existentes estava relacionada com a actualização da resolução do conselho de ministros sobre a acessibilidade web (PDF) em que os websites da administração pública deveriam ter um nível de acessibilidade mínimo de “A” até 27 de Dezembro de 2007 e caso prestem serviços transaccionais aos utilizadores, devem ter um nível de acessibilidade mínimo de “AA” até 27 de Março de 2008. O website do Alto Comissariado da Sáude enquadra-se no segundo grupo e todo o HTML foi entregue cumprindo o nível de acessibilidade “AAA” em finais de Novembro

E para a posteridade, aqui estão os screenshots das páginas iniciais do site principal e do microsite:

Alto Comissariado da Saúde
Página inicial do website do Alto Comissariado da Saúde.

Microsite das Metas e Indicadores do Plano Nacional de Saúde
Página inicial do microsite com as Metas e Indicadores do Plano Nacional de Saúde.

E já agora, aqui fica um screenshot do aspecto do website antes da remodelação:

O evento durou 3 dias e a organização está de parabéns. Havia Wi-Fi, comida e bebida à borla, workshops, Wii‘s, Xbox‘s (prefiro sem dúvida os comandos da PlayStation), Segway‘s (pela primeira vez experimentei andar num Segway e é simplesmente espectacular), etc… O convívio entre todos os participantes também foi excelente. Foram 2 dias (não pude participar no terceiro dia) espectaculares e esperemos que em 2008 o evento se repita e tenha tanto ou mais sucesso que o deste ano.

O objectivo do Codebits era realizar um concurso entre todos os participantes, em que cada pessoa ou grupo de pessoas poderia apresentar um projecto desenvolvido durante o evento. Não era necessário que o projecto fosse funcional, bastava até apresentar apenas a ideia. Eu não participei no concurso, mas durante o Codebits aproveitei para terminar um projecto pessoal que tinha começado a desenvolver na altura: o TV Shows.

Basicamente, o TV Shows permite-me fazer a gestão das séries de TV que costumo ver. Através desta aplicação consigo manter um registo de todas as séries que acompanho, quais os episódios que já vi (e os que ainda me falta ver) e também se tenho (ou não) um ficheiro com as legendas para cada episódio.

A inspiração para esta aplicação partiu da gestão de séries efectuada pelo iTunes. No entanto, para gerir as séries via iTunes era necessário adicionar os ficheiros AVI à base de dados e tê-los disponíveis sempre no disco. Assim, a ideia de ter algo simples que me permitisse simplesmente saber quais os episódios que me faltam ver em cada série fez com que colocasse mãos à obra (uma vez que depois de muito procurar, não encontrei nenhuma aplicação que o fizesse).

E assim surgiu o TV Shows!

Uma vez que não sou programador e nunca tinha programado nada assim na vida, o código pode não ser o melhor, mas o que interessa é que funciona e satisfaz a minha necessidade inicial.
Assim, uma vez que pode haver mais gente como eu que tenha a necessidade de gerir os episódios das séries que costuma ver, disponibilizo a aplicação para quem a quiser usar, gratuitamente em http://www.ivogomes.com/tvshows/. Além do download, existe também uma versão de demonstração e instruções sobre como instalar.

O único problema (que espero resolver numa futura versão) reside na instrodução inicial dos conteúdos. Uma vez que apenas é possível adicionar uma série ou um episódio de cada vez, a introdução de 5 séries com 24 episódios cada uma, por exemplo, pode demorar o seu tempo. Em breve espero ter alguma forma de introdução em massa via XML ou CSV (mas como não sou programador, vou ter que ler como se faz ou esperar que alguma alma caridosa o faça por mim ).

Actualização: A partir da versão 0.6 já é possível importar os nomes dos episódios directamente do site tv.com (via epguides.com). Assim torna-se muito mais fácil a introdução inicial dos dados

Espero que gostem, e que seja útil na gestão das vossas séries!

http://www.ivogomes.com/tvshows/

Disclaimer

Esta aplicação deve ser usada para fazer a gestão dos episódios das séries compradas legalmente em DVD. O objectivo não é o de promover o download ilegal de filmes ou séries, mas sim, proporcionar uma gestão fácil de todos os episódios que possuimos e saber quais os que já foram vistos e quais os que nos faltam ver.

Mas os problemas não se ficam por aqui. Usando um browser moderno (Safari 3) é impossível ler qualquer notícia no site e, para isso, muito devem ter contribuído os 1027 erros de validação existentes no código HTML e os 10 erros de CSS.

Quanto à acessibilidade, o abuso de imagens sem texto alternativo e os próprios erros de HTML tornam a navegação muito difícil ou quase impossível.

E este é o aspecto da página de uma notícia, tal como (não) se vê no Safari:

Senhores responsáveis pelo website do Record, vejam lá isso…

Este ano, infelizmente não pude estar presente, mas a organização decidiu publicar os slides e os podcasts de (quase) todas as apresentações da edição Europeia do evento que decorreu a 7 e 8 de Junho deste ano.

Mais uma vez, a @media conseguiu reunir os grandes nomes do desenvolvimento web mundial e porporcionar a quem esteve presente (e também a quem não pôde ir, agora com os slides) um conjunto de apresentações de grande nível.

Das apresentações disponíveis, destaco a do Dan Cederholm, que, como sempre, está excelente.

• Slides e Podcasts da @media 2007 Europe

O nome deriva da tecla que existe na maior parte dos teclados (no Mac não existe ) que serve para tirar um screenshot do ecrã. A ideia é que os artigos disponíveis no Print Screen sejam um screenshot da actualidade científica, tecnológica, de marketing, publicidade e de informação. Basicamente é um “print screen” do que se passa em Portugal e no Mundo.

Com o novo nome, vieram mais funcionalidades, foi criado um novo logótipo (feito pelo Ricardo Saramago) e um novo layout (feito por mim )

Nesta nova vida do antigo Planeta Asterisco, cada membro passou a ter uma página pessoal com informação sobre si, sobre o seu blog e a sua localização no mapa.
Actualmente ainda estamos numa fase “beta”, daí o logo ter o aspecto de uma “mira técnica”, mas em breve teremos tudo a funcionar a 100% e com mais algumas novas funcionalidades e secções que poderão vir a ter um grande impacto no panorama das TI em Portugal. Fiquem atentos

Entretanto, actualizem os vossos links, bookmarks, feeds, etc para http://prt.sc.

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).

Versão anterior do Meios & Publicidade
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.

Antes e Depois
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
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).

Novidades
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.

Página de notícia
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 para impressão
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

Jornal Destak
O Jornal Destak lançou um novo website feito inteiramente segundo os webstandards.

Esta notícia tem também outro factor de importância uma vez que também estou envolvido no redesign de um jornal on-line (em breve terão mais novidades). Gostei bastante do aspecto clean do Destak e da rapidez com que as páginas carregam, no entanto há qualquer coisa que não bate bem: onde é que está a publicidade? Como é que um jornal que vive à custa da publicidade tem um site sem um único banner ou link patrocinado?

Digo isto porque o cliente para o qual estamos a remodelar o website do seu jornal pediu-nos para incluir vários espaços para publicidade (o jornal é pago e só está disponível através de assinatura, não sendo vendido nas bancas). Só na homepage temos 9 espaços publicitários, alguns deles bem grandes. É claro que com esta publicidade toda, o layout fica um pouco mais atabalhoado e o carregamento das páginas vai ser muito mais lento. Mas mesmo assim, comparando com o site que eles têm online actualmente (que não vou dizer qual é, pelo menos para já), a diferença vai ser enorme, principalmente porque o novo também vai ser desenvolvido segundo os webstandards e tem quase nível AAA de acessibilidade. Digo quase porque alguns conteúdos (embed de vídeos e banners em Flash e Javascript) não dependem do nosso código, mas sim dos anunciantes e do sistema de vídeos utilizado.