Barras de rolagem personalizadas x nativas do navegador

Incluir barras de rolagem personalizáveis, baseadas em JavaScript (e funcionalidade de rolagem em geral, por exemplo, vincular o controle à roda de rolagem do mouse) no seu aplicativo da web pode ser uma grande tentação.

No entanto, todas as soluções que pude encontrar foram desenvolvidas por indivíduos (o que pode ser igual à falta de suporte formal ou futuro). Além disso, não consigo lembrar de nenhum site convencional que os use.

No meu caso particular, não há suporte para ambientes sem JavaScript ou IE6 / navegador ímpar.

As barras de rolagem personalizadas devem ser evitadas hoje em dia? Caso contrário, qual é a melhor opção que se pode escolher?

Um argumento muito importante que sempre me convence quando se trata de usabilidade é a consistência. Convém fazer com que todas as alças do seu site tenham a mesma meta nobre, mas pense em como alguém usa seu aplicativo ou site. Eles não estão apenas usando o seu, estão usando cargas. De fato, tenho 8 abas de 6 sites diferentes abertos no momento. Posso mudar para qualquer guia e ainda ter a mesma barra de rolagem, parecendo a mesma, não importa onde. Eu sempre sei onde posso rolar meu conteúdo.

Então, se possível, e se não irritar nenhum designer gráfico, fique com o que as pessoas sabem :) A menos que você tenha uma idéia nova e brilhante, que será uma nova revolução na rolagem!

Se você adicionar suas próprias barras de rolagem personalizadas, os usuários terão que esperar e processá-las em suas mentes por alguns momentos - antes de poderem usá-las. Isso nem sempre é bom - você já tem conteúdo em seu site para os usuários verem e compreenderem, deixe que tudo saia como esperado.

Sempre tente tornar seu site FÁCIL de navegar. A beleza não deve exigir (ou ativar) conhecimento .

Eu acho que substituir as barras de rolagem não é uma boa ideia. Quando você está acostumado a um sistema operacional e navegador - a rolagem não requer muita entrada do seu cérebro. Ter designs bem projetados é incrível, mas você confunde seus clientes. O valor agregado é suficiente para compensar o aborrecimento pela primeira vez em que eles o usam.

Minha idéia é que o uso de barras de rolagem personalizadas, se permanecerem no escopo da estética, ou seja, parecer apenas mudar a aparência da barra de rolagem padrão, não é uma má idéia. Os usuários entendem imediatamente outras partes personalizadas de uma página da web, como botões personalizados, caixas de seleção personalizadas, etc. Você tem problemas para entender o atributo clicável dos botões de votação nos sites de stackexchange? Ou você tem problemas para interagir com caixas de texto de entrada personalizadas para marcar perguntas em sites de troca de pilhas ou no correio do Yahoo? As barras de rolagem também podem ser reconhecidas rapidamente pelos usuários finais, desde que não alterem o layout ou a funcionalidade esperada do navegador, por exemplo, rolando na direção reversa ou criando uma barra de rolagem circular. Você está pronto para ir desde que apenas mude a pele.

No entanto, existem alguns problemas com barras de rolagem personalizadas que você deve considerar:

1. Eles geralmente precisam de um tempo considerável para se tornarem navegadores cruzados
2. Eles podem não ser compatíveis com a frente, ou seja, ao liberar novas versões de navegadores, eles podem interromper o funcionamento.
3. Você precisa implementar manualmente o comportamento de rolagem. Para este item, considere os botões HTML. Quando você adiciona um disabled='disabled'atributo a eles, o navegador simplesmente não aceita cliques ou entra mais neles. No entanto, quando você usa um <div>elemento para imitar o comportamento de um botão, deve implementar o comportamento desabilitado por conta própria. As barras de rolagem personalizadas também devem implementar a funcionalidade de rolagem, que já é implementada pelo navegador.

Apesar do que dizemos, recomendo que você inicie um projeto de hobby (não produção) para experimentar o uso e a implementação de barras de rolagem personalizadas. Veja esta página para bons exemplos.

Jacob Nielsen tem uma ótima entrada nas barras de rolagem e o que você deve fazer com elas. Ele recomenda especificamente não usar as barras de rolagem do sistema operacional e alerta contra a rolagem horizontal.