Na semana passada fiz uma postagem elogiando o novo site do Brasil e disse que nessa semana eu começaria uma análise mais técnica da construção, navegação, usabilidade, enfim, vamos começar…

Você começar a análise pela HOME do site

Este é um site tipo “portal”, ou seja, possui conteúdo frequentemente atualizado e diversos tópicos. O site do Brasil chama a atenção pela clareza das informações, sendo que dentre os principais tópicos que abordaremos hoje temos:

• escolha de outro idioma;
• sistema de buscas; e
• opções de navegação e visualização.

Vamos começar pelo cabeçalho, após a barra com a chamada: “Brasil – República Federativa do Brasil” e o logo do governo, temos a opção mais importante de início que é a troca de idioma, onde se pode escolher entre o português, o inglês e o espanhol. É muito importante que esta opção seja a primeira no site, pois para estrangeiros que estejam acessando o portal, eles terão a possibilidade de escolher o idioma, não tendo que ficar “supondo” as coisas, ou mesmo desistir da visita ao portal por dificuldades com o idioma.

No mesmo lado direito você irá encontrar um campo de busca, com opções de busca variadas, que utilizam JQuery, uma biblioteca de Javascript que permite aplicar mais efeitos e inclusive a substituição de imagens em determinados campos de formulários como a combo box ou dropdown list das opções. A criação escolhida para estes botões e campos é leve e clara em sua leitura. Não é requerido muito esforço para compreender as opções.

Um pouco mais abaixo, também alinhado ao canto direito, estão as opções de navegação e visualização. Caso seja um Internauta com deficiência visual, não tem problema, os leitores de tela irão encontrar imediatamente a 1º opção: “pular para o conteúdo” que diz ao sistema “não quero ler outras informações, quero ler o conteúdo”. Entretanto, este site é acessível para quem tem dificuldades de leitura, onde, na 2º opção se tem a opção “ acessibilidade“.

Ao invés dos tradicionais “A” e “a” ou “+” e “-” para aumentar a fonte, você terá 3 opções: A fonte normal, A- diminuir fonte e A+ aumentar fonte. Aparentemente eu não precisaria explicar as 3 opções, certo? Não nesse caso: a primeira opção das três é porque, na maioria das vezes, ao alterar o tamanho do texto em um site o usuário depois não se recorda do tamanho original.  As 2 outras opções são auto descritivas.

Por fim, nessa barra, o Internauta ainda pode clicar em contraste para melhorar a visibilidade, sendo que esta opção ira trocar o fundo para preto e os textos e links para cores básicas como preto, verde, azul ciano e branco, o que pode ajudar a melhorar a leitura.

Se você notar esta barra contém os links todos em caixa baixa (minúsculas) devido a uma regra básica de design: textos todos em caixa alta são mais difíceis de se ler e, por sua vez, dificultam a compreensão do texto, além de a letra em caixa alta fazer com que a leitura seja mais demorada, pois o espaço a ser percorrido com os olhos é maior.

Este site, já do início, nos mostra que aplicações das teorias realmente são necessária no desenvolvimento de sites e portais.

No post de hoje eu vou parar por aqui, mas na próxima semana irei abordar o menu de navegação da home do site. Até o post da próxima semana.