Vou fazer aqui uma retrospectiva destes dois anos, se bem que também podem ler aqui o balanço que fiz no final do primeiro ano.

Ano 1

Os primeiros meses foram duros. Passar de uma empresa pequena (com cerca de 25 a 30 trabalhadores), para uma empresa enorme como a PT (se bem que inicialmente só lidava com os colegas do SAPO) não foi pêra doce.
Deixar de fazer trabalho para clientes externos e passar a trabalhar para melhorar os serviços da própria empresa também fez com que a mudança tivesse mais impacto. Confesso que inicialmente me senti um pouco perdido, mas só o facto de não ter que andar de fato a visitar clientes compensou largamente a mudança

O primeiro ano foi para consolidar a existência do departamento de qualidade e usabilidade. Criámos um guia de regras de usabilidade que deveriam passar a ser cumpridas em todos os projectos. Depois fizemos várias formações (com base no guia de regras) ao longo de todo o ano de modo a evangelizar toda a gente da importância da usabilidade em todos os projectos. Isto permitiu que os restantes colegas percebessem que a usabilidade era uma mais valia nos seus projectos e não um empecilho ou algo que apenas iria atrasar o lançamento dos seus produtos.

Lançámos a nova homepage do SAPO, um processo que demorou quase o ano inteiro a concretizar devido aos inúmeros testes com utilizadores, eyetracking, inquéritos, reuniões com todas as equipas envolvidas, wireframes e mockups que fomos fazendo de modo a ter o melhor produto possível. Sendo que a homepage é a “cara” do SAPO e o nosso produto mais importante, não podíamos facilitar.

Começámos também a fazer os primeiros trabalhos para outras empresas e marcas do grupo como a TMN ou o MEO.

Internamente lançámos dezenas de novos produtos e serviços.

Ano 2

Durante este segundo ano começámos a ter imensos pedidos de ajuda por parte das várias equipas. O facto das pessoas saberem que o departamento de qualidade e usabilidade existe para ajudar a melhorar a qualidade de todos os produtos começou a dar frutos. Infelizmente, neste segundo ano não tivemos tempo de fazer formações, mas a evangelização que fizemos no primeiro ano ainda permanece na memória de todos

Este foi também o ano em que começámos a trabalhar mais em produtos não web. Ao longo do ano lançámos o MEO Jogos (um serviço de jogos online em que não é preciso ter um PC de gama alta nem é preciso instalar os jogos); o Music Box (um serviço que permite ouvir milhões de músicas, sem ter que comprar ou piratear os álbuns, e ainda com o bónus de permitir fazer o download de 10 músicas por mês, sem DRM); o MEO Interactivo (um serviço que permitiu passar os conteúdos da Internet para a TV, e sobre o qual podem obter mais alguma informação aqui sobre como decorreu todo o processo de especificações); e várias aplicações nativas para iPhone, iPad, Android, Nokia, Windows Phone e até para as TVs (Samsung e LG)!

Além destes novos produtos, obviamente continuámos a acompanhar todos os dias as dezenas (centenas?) de produtos que foram lançados na web, entre eles: as novas homepages internacionais para Angola, Cabo Verde e Moçambique e o lançamento do SAPO em Timor, entre muitos outros (novos e redesenhados).

Há ainda alguns projectos que estão em fase final de lançamento, outros que estão nas fases iniciais mas que poderão ser revolucionários quando forem lançados Enfim, todos os dias há coisas novas a acontecer e é fantástico poder trabalhar numa empresa como esta, em que há desafios novos todos os dias e tem uma equipa fantástica que consegue concretizá-los independentemente das dificuldades

Foto: youfuji

Nas primeiras semanas custou-me um bocado a habituar-me ao modo como se trabalha aqui no SAPO. Vim de uma empresa pequena (+/- 25 pessoas) e no dia seguinte estava aqui a trabalhar com cerca de 150 pessoas.

Uma vez que o departamento para onde vim trabalhar (qualidade, usabilidade, acessibilidade, etc…) é transversal a todo o SAPO, não tardaram a chover dezenas de pedidos de análises, testes e aprovações de serviços e sites logo nos primeiros dias.
Mais tarde apercebi-me da verdadeira dimensão do SAPO, em que todos os dias temos centenas de pessoas a trabalhar em n coisas diferentes, e é necessário que tudo seja aprovado pelo departamento de qualidade.

Os primeiros dois meses foram duros, mas consegui acompanhar o ritmo e adaptar-me às metodologias que se usavam por cá. Felizmente não estive sozinho nesta aventura. O André Luís, que já trabalhava aqui no SAPO, mas noutro departamento, juntou-se à equipa e como ele já conhecia toda a gente foi mais fácil fazer a adaptação.

Ao mesmo tempo que me tentava adaptar, uma das tarefas principais que tinha era criar um documento com regras e recomendações de Usabilidade e Acessibilidade. Curiosamente, essa foi também a minha primeira tarefa quando entrei para a log há 6 anos atrás. O documento não era o mesmo, porque para a log fiz um com técnicas e metodologias de usabilidade, enquanto que no SAPO o objectivo seria o de ter um documento com regras, recomendações e boas práticas de usabilidade que pudessem ser facilmente seguidas pelos designers e developers da casa.

No final do primeiro mês o documento estava pronto e foi um sucesso. Durante os meses seguintes foram feitas algumas revisões e fomos dando várias formações (uma por capítulo). As formações acabaram por ser algo que fazíamos praticamente todos os meses (às vezes mais do que uma por mês) e isso ajudou bastante na minha integração e a passar a mensagem que queríamos.

Inicialmente, o departamento de qualidade era visto por algumas pessoas como algo que é obrigatório para o site poder ser aprovado ou não antes de ir para o ar, mas o nosso objectivo não era sermos o obstáculo final, mas sim a equipa que ajuda a ter um melhor produto final. Assim, nas nossas análises, em vez de apontarmos apenas os erros de usabilidade a corrigir, começámos a dar sugestões de correcção e a disponibilizarmo-nos para ajudar in loco quem quer que necessitasse de ajuda ou de tirar algumas dúvidas.
Ao final de alguns meses conseguimos mudar a maior parte das mentalidades e hoje somos abordados todos os dias para ajudar nos vários projectos que estão a decorrer

Em suma, nestes últimos 12 meses fizemos dezenas de avaliações heurísticas, vários testes de usabilidade (incluindo testes com crianças; com idosos; e com eyetracker), avaliações de acessibilidade, brainstormings, focus groups, sessões de card sorting, várias formações internas (e também algumas SAPO Sessions abertas a quem quisesse assistir), muitos wireframes, muitas especificações funcionais para vários produtos e serviços (não só para o SAPO, mas também para outras empresas do grupo PT como a TMN e o MEO), ajudámos a lançar dezenas de sites e serviços, incluindo a nova homepage do SAPO e mais uma quantidade infindável de outras coisas…
Se quiserem saber mais, aqui está uma lista de tudo o que fizemos em 2009 (não inclui ainda os primeiros 2 meses de 2010 onde muito já aconteceu).

Agora, venha mais um ano

Com o passar do tempo e o acumular dos ficheiros no disco, o espaço disponível para novos episódios das minhas séries favoritas começava a escassear. Neste momento tinha várias hipóteses:

1. Apagar os episódios antigos (e perder uma colecção inteira de séries);
2. Copiar todos os episódios para DVD (demoraria uma eternidade e depois colocava-se o problema do espaço necessário para guardar todos os DVD);
3. Comprar um disco externo e tentar substituir o disco actual do Store&Play (como não tem entrada USB para poder usar discos externos teria que substituir o disco interno);
4. Comprar um novo disco multimédia

Acabei por decidir comprar um novo disco multimédia. As opções que considerei foram a Apple TV, o WD TV e o Popcorn Hour.

Apple TV

Acabei por descartar a Apple TV logo à partida devido ao preço elevado e ao facto de ter apenas 40GB de disco na versão mais barata (299€) e 160GB na versão mais cara (399€). Sei que é possível “hacká-la” para poder ligar um disco externo, mas achei que daria demasiado trabalho e seria demasiado caro.

WD TV

A segunda opção que considerei foi a WD TV. Não tem disco rígido mas permite ligar qualquer dispositivo por USB e ver os conteúdos directamente na TV. Por 99€ parece-me ser um dos melhores sistemas actualmente no mercado e o interface também não me pareceu nada mau. Estive quase a comprar o WD TV mas após algumas pesquisas e conversas no Twitter acabaram por me dizer que era um pouco lento. As funcionalidades em relação ao Store&Play são basicamente as mesmas, a única diferença é que permite usar discos externos em vez de estar limitado ao disco interno. Pensei que a comprar um disco novo, ao menos compraria algum que tivesse mais funcionalidades do que o que tenho agora.

Popcorn Hour

E assim acabei por optar pelo Popcorn Hour. Já tinha ouvido falar dele há algum tempo e as críticas que li foram sempre bastante positivas. Custou 229€ (versão com Wifi) na PTChip e no mesmo dia já cá estava em casa (uma vez que a “loja física” é em Odivelas acabei por ir lá levantar o produto directamente). Convém dizer que o Popcorn Hour também não tem disco rígido interno, mas tem 2 portas USB e espaço lá dentro para instalar um disco interno. Além disso permite ligar a outros discos em rede.

Ao chegar a casa reparei que na caixa apenas era fornecido um cabo HDMI para ligar à TV. Uma vez que (ainda) não tenho uma TV HD, tive que esperar pelo dia seguinte para comprar os cabos necessários para ligar à TV actual.

No dia seguinte liguei os cabos e configurei o wireless para me ligar à rede lá de casa e fazer uma actualização do Firmware. Inslatei um disco interno de 1TB e a partir desse momento o Popcorn Hour instalou um conjunto de aplicações (incluindo um cliente de Torrents) que passaram a estar disponíveis no menu de Serviços Web

Das aplicações disponíveis ainda só experimentei o Media Service Portal, que basicamente é um website permite aceder a um conjunto de serviços web com um interface especial para a TV.

Como podem ver tem muito bom aspecto e funciona bastante bem. No primeiro dia passei algumas horas a ver episódios do Top Gear directamente do Youtube, na TV
Dá ainda para ver as minhas fotos no Flickr, ver TED Talks e ter acesso a vários outros serviços web.

Estava agora na altura de fazer a migração dos filmes e séries do disco antigo para o novo. Foi um processo demorado (são muitos GB) mas após mais ou menos 5 horas o processo estava concluído. Estava agora na altura de testar o Popcorn com conteúdos reais.

A primeira impressão com o interface não foi muito animadora (como podem ver pelo aspecto das imagens em baixo), mas antes de o comprar já sabia que dava para customizar todas as páginas com HTML e CSS

Soube também que existe uma aplicação (YAMJ) que permite gerar todas as páginas automaticamente e vai buscar as informações sobre os filmes à IMDB.com e sobre as séries à TheTVDB.com, incluindo as capas.

Instalei o YAMJ e comecei a experimentar as diferentes skins existentes. Infelizmente, a maior parte delas só funciona em ecrãs HD. Só para terem uma ideia, o interface para um ecrã HD tem entre 1024px e 1280px de largura enquanto que numa televisão SD normal o ecrã não passa dos 640px de largura…
Existem algumas skins SD para download, mas todas elas me pareceram demasiado feias comparadas com as skins HD.

Como podem ver, na versão HD (à esquerda) cabe muito mais informação do que na versão SD (à direita). Acabei por instalar esta skin uma vez que as outras skins SD não tinham tão bom aspecto.

Tudo funcionou bem na parte dos filmes. O problema aconteceu quando passei às séries. Como podem ver na imagem acima, na versão HD é possível listar todos os episódios da temporada e ter um pequeno resumo ao lado de cada episódio. Na versão SD apenas cabem cerca de 12 episódios nesta coluna vertical, tudo o resto desaparecia para baixo do ecrã (dá para fazer scroll com o comando, mas é um pouco lento e a informação não está toda visível.

E assim passei um fim-de-semana inteiro a tentar perceber como são geradas as skins e como é que eu poderia alterar esta skin para melhorar a forma como os episódios são listados (basicamente existe um XML que depois de passar pelo YAMJ é convertido para HTML, mas eu como nunca mexi em XML ainda tive que perder várias horas para conseguir perceber o “esquema”). Acabei por conseguir dominar a coisa e fiz isto:

Basicamente, passei as listagens dos episódios para apenas números na horizontal e isto já permite ter até 3 linhas de episódios e o resumo do episódio seleccionado a caber num ecrã com 640px de largura.

Em baixo, screenshots das várias páginas do interface: homepage, listagem de filmes e detalhes de um filme; listagem de séries; listagem de temporadas de uma série e finalmente os detalhes de um episódio.

Apesar de ser um aparelho completamente geek (até dá para aceder via SSH) parece-me bastante simples de usar, mesmo com o interface básico. É claro que quem quiser instalar o YAMJ e ter o interface todo bonitinho (e mais usável) terá que perder algumas horas e ter alguns conhecimentos informáticos para o fazer até ter tudo a funcionar na perfeição, mas vale bem a pena.

E o melhor de tudo é que agora posso aceder ao disco interno do Popcorn Hour através da rede. Já não preciso de ter os ficheiro duplicados no computador e no disco multimédia uma vez que dá para fazer streaming para qualquer computador na rede (às vezes quando a TV da sala estava “ocupada” tinha que passar os ficheiros para o computador via USB para poder ver as séries no quarto). E melhor ainda, dá para estar a ver um filme no computador e ao mesmo tempo estar a ver outro na TV

Hoje comecei um novo desafio profissional. Foi o meu primeiro dia de trabalho no departamento de usabilidade e qualidade do SAPO.

O SAPO é o maior portal nacional e tem dezenas de canais e serviços, cada um com o seu website próprio. Para terem uma noção da dimensão do SAPO, este post é um bom começo

A minha função será a de fazer a validação de usabilidade e qualidade de todos os websites do SAPO, bem como tentar também fazer uma certa evangelização da importância da usabilidade, semântica, acessibilidade, (X)HTML e CSS válidos junto de todas as equipas de desenvolvimento.

É um desafio enorme, mas vai correr tudo bem

Foram 4 anos e meio de aprendizagem, de desafios, de amizade, de diversão, de vida…
Hoje a minha viagem na log termina e, na segunda-feira, começo um novo desafio (na altura faço um novo post a contar as novidades).

Assim, no final desta viagem fantástica, deixo aqui um resumo de 3 minutos dos últimos 4 anos e meio. Espero que gostem. Eu adorei

Até log.

Créditos da foto: http://flickr.com/photos/duncan/537744141/in/photostream/

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

O SAPO Codebits é um concurso de programação para a Web, feito para o melhor talento português, com características muito especiais e que o diferenciam de outros eventos. Não tem regras, promove um ambiente muito informal e muito descontraído, e tenta criar as condições necessárias para que sobressaiam a criatividade e a inovação nos participantes.

Foi no Codebits 2007 que nasceu o meu projecto MyTVShows, um sistema online para gestão de séries de TV. Este ano, espero poder ter tempo para implementar algumas novas funcionalidades no MyTVShows, tais como calendário de episódios, componente social entre os utilizadores, etc… Mas para tudo isto vou ter que fazer uma remodelação completa à base de dados do MyTVShows, pelo que se calhar não fica tudo pronto para já. Talvez lá para o Natal…

Para os que vão estar no Codebits, venham ter comigo e dizer olá (de preferência se forem miúdas giras). Para os que não vão estar no Codebits, não sabem o que perdem!!

Entrei imediatamente na minha conta e alterei a password (just in case). Não parece que tenham entrado na minha conta, está tudo normal e não alteraram nenhuns dados. O pagamento foi feito por volta das 21h20 e fiz uma reclamação ao PayPal às 01:20. Segundo eles, o processo de reclamação pode demorar até 10 dias uma vez que será feita uma investigação do caso. Vou dando novidades entretanto…

Já alguém teve alguma situação parecida com o PayPal?

Actualização: Hoje (7 dias depois do início do processo) o PayPal devolveu-me o dinheiro da transação não autorisada. Infelizmente não me foi dada mais nenhuma explicação sobre como tal situação pode ter ocorrido, o que me deixa um pouco de pé atrás em relação à segurança dos dados efectuada pelo PayPal. Não vou deixar de usar o PayPal uma vez que é lá que recebo alguns pagamentos e é com esse dinheiro que faço a maior parte das minhas compras on-line, mas provavelmente vou manter apenas o saldo suficiente paa as minhas compras e vou transferir o resto para a minha conta bancária…

Vou tentar fazer um acompanhamento em directo da SHiFT através do Twitter.

Se quiserem acompanhar, é só seguir aqui.

Neste fim-de-semana estive a implementar uma das funcionalidades mais pedidas nos últimos tempos para o My TV Shows: a pesquisa de novos episódios para todas as séries. Assim, em vez de ter que ir série a série ver se há novos episódios, passou a existir uma nova secção no site que procura por novos episódios em todas as minhas séries não arquivadas. Nota: Esta pesquisa funciona apenas para as temporadas que temos adicionadas (para não aparecerem episódios de temporadas passadas que não temos e que não nos interessam nesta listagem).

Outra funcionalidade pedida foi a de indicar sempre o número de epísódios não vistos ao lado da capa das séries (obrigado ao Dinis Correia pela sugestão):

E finalmente, mas não menos importante, graças ao contributo do Alexandre Solleiro, passámos a ter mais um idioma disponível, o Francês!

Já agora, se alguém quiser ajudar a terminar a tradução da versão em Espanhol, estejam à vontade para se voluntariar
Só faltam cerca de 38% dos textos para traduzir…

Já tinha aproveitado também uma promoção de 2006 do Moo+Skype, mas desta vez os cartões são maiores e muito mais engraçados