Posts with the tag usability

Data looks better naked

Data is usually explained in tables or charts, but people sometimes commit mistakes when they add in them redundant or boring elements. A good table or chart is worth a thousand words and the following three gifs show how to improve your presentations. Source

Remove to improve - the pie chart edition

Novas janelas em Javascript não-obstrusivo

A newsletter dessa semana do SitePoint mostrou uma forma bem interessante de abrir novas janelas com javascript não-obstrusivo e validando XHTML Strict (para quem não sabe, o atributo ‘target’ da tag ‘a’ não passa na validação). <a href="http://example.com/" onclick=" if (confirm('Open this link in a new window?')) { open('http://example.com/'); return false; } ">external link</a> Basicamente, emprega-se o uso de uma caixa de diálogo. Bem simples. Uma alternativa mais sofisticada é criar uma função e ativá-la através do uso de uma classe.

Extensão melhora usabilidade em sites

Uma extensão que venho utilizando no Firefox ultimamente é a Stylish. Ela permite carregar folhas de estilo personalizadas dos sites, algo parecido com o Greasemonkey faz. Aliás, quem não possui a Stylish instalada pode usar o Greasemonkey para personalizar as páginas. Você entra no site userstyles.org e pega suas personalizações favoritas. Estou usando, por exemplo, para o Gmail uma personalização que aumenta os botões da interface e cria mouse over em vários elementos e outra que modifica o ícone de arquivo anexado genérico para o ícone certo.

Fixando o botão voltar em projetos em Flash

Um problema dos hotsites em Flash é a falta da implementação do botão Voltar do navegador. Achar um conteúdo garante uma boa garimpada. O SWFAddress garante, com a ajuda de Javascript, a solução desse problema. No site existe inclusive um demo do projeto, bem interessante.

Ajax a seu favor. E não contra

Usar Ajax desenfreamente por aí pode causar dependência química. O Ajaxonline é um portal sobre o assunto e apresenta uma séria falha, que muitos sites que também usam XMLHttpRequest também apresentam: links obstrusivos. A ‘agilidade’ do uso do Ajax está em re-aproveitar camadas e iframes para substituição de conteúdo, requisitando URLs e enviando formulários, enfim, interagindo com o usuário. O problema está na hora de chamar essas requisições. Ao chamar uma dessa funções pelo atributo href da tag a do HTML (ou simplesmente setando o valor desse atributo para ‘#'), o desenvolvedor esquece que os usuários possuem diferentes formas de interação com o sites.

Homepage – Usabilidade: 50 sites desconstruídos

Algo importante visto no livro de Jacob Nielsen e Marie Tamir. INFORMANDO O OBJETIVO DO SITE Exibir o nome e / ou logotipo, em um tamanho razoável e em um lugar de destaque. Incluir um slogan resumindo explicitamente o que o site ou a empresa faz. Deve ser explicativo e pequeno. TRANSMITINDO INFORMAÇÕES SOBRE SUA EMPRESA Incluir um link “Sobre Nós” que apresente aos usuários em visão geral da empresa e link para todos detalhes relevantes como produtos, serviços, valores da empresa, proposta de negócios e equipe.