11 setembro 2012

* »« † Mick D'arc ™† »« *

Ferramenta – Controle de contraste de cores

 
Uma ferramenta primordial para a definição do controle de contraste de cores, pode ser feito através de uma simples aplicação grátis, o CC Analyser da W3C.


A determinação da visibilidade da cor é baseada no algoritmo apresentado pelo World Wide Consortium (W3C). Sendo que a partir de 2008 passou a ser considerado como uma diretriz pela mesma instituição, determinando o contraste entre cores.

Downloads:

Fonte: http://www.userexpertise.com/
* »« † Mick D'arc ™† »« *

Usabilidade em Menus Verticais

 
Sabe-se através de estudos de eyetracking que os utilizadores tendem para rapidamente movimentar os seus olhos de cima para baixo pela margem esquerda da página.

Diretrizes Principais:

  • Alinhamento à esquerda;
  • Palavras-chave fortes e inequívocas;
  • Evite usar palavras idênticas para os tópicos do menu.
  • Categorias e subcategorias passíveis de utilização com diferenciação.
O alinhamento á esquerda reduz drasticamente o tempo de pesquisa pelo utilizador, devido á sua experiência na leitura e escrita humana. Por outro lado, para linguagem em que se lê da direita para a esquerda as directrizes também são contrárias a estas.

Observando alguns exemplos será mais fácil a percepção desta diretriz, observe a imagem.


É notório que é de difícil pesquisa qualquer um destes menus, apesar que no último exemplo na parte superior está correcto e é bem mais fácil a sua leitura e pesquisa do que a parte final.

Para ser ainda mais preciso, os últimos dois desonram outra diretriz de usabilidade utilizando sempre MAIÚSCULAS, que reduz a legibilidade em cerca de 10%, visto que estamos habituados a ler o misto de maiúsculas e minúsculas, conseguindo alcançar mais rapidamente a informação.

Por último, o exemplo do meio também ainda sofre outro problema de usabilidade, relacionado com o contraste de cores entre o fundo e o texto. Recorrendo ao controlo contraste de cores, observa-se que é de difícil visualização para utilizadores com problemas visuais.

O alinhamento de menus á direita não é uma directriz com grande relevância, contudo é uma simples alteração e que poderá ter um bom retorno no que toca á Usabilidade

Fonte: http://www.userexpertise.com/
* »« † Mick D'arc ™† »« *

Usabilidade em Menus Horizontais

 
Os menus horizontais têm sido cada vez mais utilizados, ganhando novo fulgor com a integração de métodos de Ajax ou Jquery. Com novas ferramentas existe a possibilidade de criar menus mais interativos e de grande acréscimo ao nível da usabilidade.

De fato, estes tipos de menus têm se disseminado nas métricas e padrões de desenvolvimento Web, sendo adoptados por uma grande parte de Web Sites que procuram responder á necessidade do mercado Web 2.0.

O jornaldenegocios.pt é um exemplo claro, visto que passou por um processo de transformação, apresentando novidades relativamente à adoção de um menu horizontal e disposição fluida dos conteúdos. Desta forma é notório a ênfase na usabilidade neste novo template do jornal online. Em breve será realizada uma análise e publicada em detalhada ao Web Site em questão.

Para este tipo de menus pode-se verificar dois estilos de menus horizontais, os mais compactos como no caso do jornaldenegocios.pt, ou os chamados Mega Drop-Downs, mas ambos têm a mesma essência de utilização.

Diretrizes Principais:
  • Categorias e subcategorias mais importantes;
  • Opções de navegação bem estruturadas;
  • Opções com Ilustrações;
  • Visibilidade completa das opções a selecionar;
  • Marcação visual “Eu estou aqui”
Existe sempre algumas implementações desta metodologia, que persistem com problemas de usabilidade. No site www.usa.gov, é possível observar um menu horizontal – Mega Drop-Down mal implementado:
Neste menu só existe 2 ou 3 categorias? Contudo, claramente que verticalmente se subdivide em 3 áreas distintas. Este é um exemplo que o menu não está a ser aproveitado ao máximo, obrigando o utilizador a despender mais tempo (valioso) para encontrar a sua informação que procura. Deveria ter sido concebido um menu muito mais abrangente, que divulga-se mais tópicos de conteúdos organizados por categorias e subcategorias.

Outro erro encontrado está na imagem de “Audiences”, que em relação ao tema de imagens em conteúdo, nada tem a acrescentar ao valor do menu. Colocando uma duplicação entre o titulo e subtítulo “Audiences”. Organização Alfabética de tópicos: Colunas e não Linhas.

Para demonstrar a necessidade de organização de tópicos, observe a imagem do menu horizontal do site Hulu.com, site profissional de produção de vídeo.

Os princípios de organização de conteúdos alfabeticamente, tem que ver como estamos habituados a pesquisar em documentos. A regra da ordem alfabética é claramente enraizada nas nossas vidas e por essa razão um menu bem ordenado ajuda o utilizador a realizar a sua pesquisa mais rapidamente. Os utilizadores não querem perder o seu tempo a estudar o design do Web Site, são devoradores insaciáveis de informação que procuram.

Por outro lado existe sempre casos diferentes com outra aproximação ao seu público, levando a uma regra que não pode ser seguida cegamente. Como por exemplo no caso deste Web Site, os filmes podem ser ordenados de uma forma mais orgânica em consonância com mapas mentais.
Há ainda um outro problema de maior, os utilizadores tendem a fazer a sua pesquisa em menus na vertical, levados por muito tempo de utilização deste tipo de menus. Por essa razão deverá ser levado em consideração a colocação dos tópicos por ordem Alfabética e na orientação vertical.
Então, ao construir uma tabela, iremos avançar horizontalmente na sua construção, porque é a forma como escrevemos e lemos. No entanto em menus não se está a ler, mas sim a pesquisar levando os utilizadores a proceder a sua pesquisa na vertical, colocando o paradigma da utilização do menu Vertical ou o Horizontal.

Fonte: http://www.userexpertise.com/