SX Brasil Comunicação Digital InterJornal Análise de usabilidade do site de Paulo Afonso Digital Recife Janeiro de 2006 Lista de erros encontrados: 01. Validação 02. Uso de imagens para exibir texto 03. Acesso restrito sem aviso 04. Rodapé acabando em 2005 05. Menu com problemas de legibilidade para daltônicos 06. Layout quebrado 07. Uso de janelas pop-up 08. Rótulo do botão Imprimir 09. Seção em construção 10. Itens levando para outros sites 01. Validação Problema A home do site do Paulo Afonso Digital possui 76 erros estruturais junto ao W3C (World Wide Web Consortium). O principal é que o documento nem diz que versão de HTML está usando, o que pode confundir os navegadores na hora de transformar os códigos da página em apresentação visual para os usuários. Os navegadores precisam saber a versão para poder exibir as marcações da maneira correta, como foi pensado pelos desenvolvedores do site. Em relação à acessibilidade, são 40 erros de prioridade 1, 149 de prioridade 2 e mais 34 de prioridade 3. Solução As páginas precisam ser recodificadas, separando totalmente apresentação, informação e comportamento através da aplicação de web standards. Isso já vai ajudar muito também no quesito acessibilidade, que chegaria ao ideal com apenas mais alguns ajustes. 02. Uso de imagens para exibir texto Problema O menu de navegação do Paulo Afonso Digital é todo feito com imagens exibindo texto. Como já vimos na análise da ASN Nacional, esse expediente aumenta em até 90% o consumo de banda e o tempo gasto pelo usuário para acessar o menu, em comparação com o uso de texto. A substituição traz benefícios tanto para o usuário como para a SX Brasil. Solução Quando o site for reestruturado, substituir as imagens que exibem texto simples por texto. 03. Acesso restrito sem aviso Problema Na home do Paulo Afonso Digital, há um quadro que leva para notícias do Portal InterJornal. Essas notícias, como sabemos, são de acesso restrito a assinantes, mas quem acessa o Paulo Afonso Digital pode não saber disso, acionar o link e se sentir frustrado, depois que uma nova janela é aberta e uma nova página carregada, por não poder ler a notícia que o interessou. Solução Para evitar esse tipo de problema, o ideal é avisar ao usuário que aquela é uma área restrita a assinantes. Isso pode ser feito com uma frase de advertência no quadro InterJornal ou colocando um ícone como uma chave ao lado das notícias de acesso restrito. Solução a ser aplicada quando o site for reestruturado. 04. Rodapé acabando em 2005 Problema No rodapé do site de Paulo Afonso Digital temos os dizeres © InterJornal 2001 - 2005 | SX Brasil Comunicação Digital, quando na verdade já estamos em 2006. Solução Modificar o rodapé. Solução simples que pode ser aplicada de imediato. 05. Menu com problemas de legibilidade para daltônicos Problema O menu principal de Paulo Afonso Digital utiliza um fundo azul em degradê, que começa com um azul escuro e termina num tom mais claro. As fontes utilizadas são brancas. O ponto médio desse degradê já apresenta problemas de legibilidade para daltônicos (contraste de 414 quando o ideal é maior que ou igual a 500), que não conseguem distinguir as letras brancas sobre fundo azul claro. As barras de título, de mais notícias e avançar e retroceder de mais notícias também são ilegíveis pra daltônicos (contraste de 303). Solução Na próxima versão do site, encontrar um esquema de cores que não exclua esse grupo de usuários. 06. Layout quebrado Problema Na coluna de Mais Notícias, os itens anterior e próximo não ficam em apenas uma linha em navegadores como Firefox e Opera, gerando distorções no layout, como mostrado na figura: Solução É preciso revisar o arquivo do include pra descobrir porque isso ocorre no Firefox e não no Internet Explorer. 07. Uso de janelas pop-up Problema O site do Paulo Afonso Digital faz uso de janelas pop-up em seções como enviar por e-mail e imprimir. O uso das janelas pop-up traz uma série de inconvenientes, como já mostrado nas demais análises. Solução Na próxima versão do site, evitar ao máximo o uso de janelas pop-up. 08. Rótulo do botão Imprimir Também aqui o botão deveria se chamar Versão para Impressão, pelos motivos já discutidos nas demais análises. 09. Seção em construção Problema O uso do “Em construção” para designar seções acessíveis pelo menu não é recomendado, pois além de causar frustração no usuário dá um ar de pouco profissionalismo ao site. Por exemplo, enquanto a seção Pontos Turísticos não estiver pronta, o ideal é que ela não apareça no menu. Como está hoje, o usuário acessa a seção somente para se deparar com a frase Em Construção. Solução Retirar o link Pontos Turísticos do menu enquanto a seção não estiver pronta é o ideal. 10. Itens levando para outros sites Problema O menu de navegação global é o que contem todas as seções de um determinado site. Nele não deve haver links para fora, ligando a outros sites, a não ser que se trate de um subsite ou algo do tipo. No Paulo Afonso Digital, quando acionamos a seção Quem Somos, acabamos sendo levados à seção Quem Somos do Portal InterJornal de Notícias, em uma nova janela. Como não há nenhuma explicação sobre isso, o usuário pode ficar sem entender nada. Situação semelhante ocorre quando acessamos a manchete principal do site e somos levados para uma notícia veiculada no site da Folha Sertaneja. Sem nenhuma explicação e em uma nova janela, a navegação do site fica difícil de ser entendida pelos usuários. Solução Colocar o Quem Somos em uma página do Paulo Afonso Digital, mesmo que seja a mesma estrutura do InterJornal. Assim, o usuário tem acesso aos nomes em uma página interna do site.