Cursores grandes: apontando o caminho para uma web melhor

Vários experimentos são realizados nos dias de hoje com ponteiros de mouse. Considere nossos posts recentes sobre efeitos de cursor e o uso de cursores circulares em web design. Parece que estamos obcecados com esse pequeno dispositivo que indica nosso movimento na tela do computador. Sem dúvida, há uma fixação neste assunto.

Existem muitas soluções interessantes na natureza, mas a maioria delas são apenas extravagâncias decorativas cujo objetivo é impressionar. Mas que tal tornar a web um lugar melhor? Existe uma pequena solução nesta área que visa melhorar a experiência do usuário, em vez de contribuir para o lado divertido do projeto. Vamos considerá-lo de perto.

Cursor maior – melhor UX

Duas coisas importantes tornam essa tendência relevante.

Em primeiro lugar, na maioria dos casos, esses desenvolvedores abandonaram a seta trivial em favor de um círculo. Há uma inevitável mudança de preferências para cursores de mouse em formato redondo, então não há surpresas aqui.

E a segunda coisa é em relação ao comportamento do mouse em si. Como todas as grandes ideias, esta é simples. Quando o cursor entra em áreas-chave, como logotipo, links, ícones de mídia social, navegação, etc., ele se torna mais proeminente para destacar sua importância. Pode mudar de tamanho, cor ou transparência.

A solução beneficia uma interface de várias maneiras, por exemplo:

• Isso torna as coisas um pouco mais interessantes;
• Isso evita que a interface seja mundana;
• Melhora as interações do usuário;
• Torna a exploração de um site mais intuitiva do que o habitual.

Em essência, isso não é novidade. Estamos acostumados a empregar efeitos de foco para tornar os pequenos detalhes de um site, como links de navegação ou botões, proeminentes na interação.

No entanto, os artistas abaixo foram um pouco mais longe e forçaram o cursor a melhorar a interação do outro lado. A ideia é brilhante. Vamos considerar esses exemplos fantásticos.

Agência Everest

Considere a Everest Agency como um exemplo representativo da tendência.

É um site típico da atualidade. Construído com a ajuda das mais recentes tecnologias, parece sofisticado e elegante. Há um controle deslizante pequeno e intrincado que produz uma impressão favorável. O site está repleto de recursos elegantes.

Quanto ao cursor do mouse, é um ponteiro de seta comum – com uma torção. É delineado por um círculo simples. Quando o cursor atinge uma área do menu, a cauda redonda aumenta de tamanho e traz o elemento para o centro das atenções. Aqui, a solução se sente em casa.

Árvore de mídia

O Media Tree possui uma estética verdadeiramente limpa e modesta. A página de destino parece fresca, nítida e incrivelmente arejada. O círculo vermelho sólido de tamanho médio que desempenha o papel do cursor do mouse cai no foco natural aqui. Afeta não apenas os elementos de navegação do site, mas também o conteúdo. Além disso, ele é fornecido com pequenas dicas que mostram aos usuários o que eles precisam fazer para ver mais. Em um ambiente tão minimalista, esses esclarecimentos divertidos são exatamente o que o médico receitou.

Feliz on-line

Happy Online obtém sua beleza de um apelo geométrico. Um monte de triângulos coloridos e relativamente grandes enriquece o design. Há muitas caixas e listras. Aqui, o cursor com uma trilha circular combina perfeitamente. Cada link recebe uma dose extra de atenção ao passar o mouse. Simples, elegante e útil.

Uptec

Assim como no exemplo anterior, o uso de um cursor circular com funcionalidade extra é totalmente lógico para o Uptec. Observe os enormes círculos vazios que estão espalhados pela área do herói. Eles salvam a seção de boas-vindas de parecer chata.

Há também linhas verticais e tipografia oca. Aqui, o cursor redondo é adequado para a comitiva. A equipe também adicionou um efeito pulsante para fazer com que pareça um pequeno dispositivo de rastreamento que você pode encontrar rapidamente sempre que precisar. Ao passar o mouse sobre o logotipo, links, alternadores de idioma e imagens, ele altera seu tamanho, transparência e comportamento – indicando que algo interessante está escondido dentro.

De Jongens van Boven

Enquanto nos exemplos anteriores a tendência parece um bônus agradável, no caso de De Jongens van Boven é uma necessidade. O site tem uma área de herói visualmente pesada com muitas camadas, detalhes geométricos e efeitos decorativos. Portanto, o ponteiro vibrante de um tamanho relativamente grande que você pode rastrear facilmente é obrigatório.

Aqui, você pode ver um cursor do mouse que é uma combinação de dois círculos. A primeira é pequena e sólida, enquanto a segunda é grande e semitransparente. Ele destaca os componentes de navegação alterando seu tamanho. Também muda de cor de acordo com o slide, reforçando a consistência do desenho.

Wewo

Assim como no exemplo anterior, Wewo também possui uma área de herói complexa. Embora não haja animações bizarras, as camadas extras são mais do que suficientes para tornar o rastreamento de seu movimento um pouco desafiador. Então, a solução se encaixa perfeitamente.

Observe duas coisas: A primeira é que a equipe usa vários tamanhos de cursor para identificar as áreas essenciais. E segundo, um efeito de infravermelho que enriquece a interação e a torna lúdica.

Dominic Berzins

Se você acha que um pequeno círculo não fará nenhuma diferença em seu site, você sempre pode tomar medidas extremas, ampliando-o cem vezes e forçando-o a deixar um rastro de atenção. Dominic Berzins mostra isso em seu excelente portfólio pessoal.

A estética de seu site é marcada pelo minimalismo, e você certamente não precisa de ajuda extra para destacar os detalhes importantes. No entanto, o artista decidiu tornar o cursor um atrativo.

Alguns podem considerá-lo como um exagero. No entanto, não só cai como uma luva aqui, contribuindo para o tema geral, mas também serve como um fator “uau”. Isso quer dizer nada sobre desenhar literalmente a trilha do seu movimento. Esperto.

Tornando-se maior e mais ousado

Essa tendência é excitante e promissora. Sua principal característica reside no fato de ser prático e ao mesmo tempo divertido. E certamente beneficia a experiência do usuário.

Não posso dizer que o cursor do mouse seja algo insubstituível, pois estudos recentes mostram que cada vez mais pessoas navegam na internet por meio de celulares e tablets. No entanto, não importa o que aconteça, haverá uma categoria de pessoas que preferirão o PC ou notebook da velha escola. Portanto, sempre terá seu próprio lugar sob o sol.

Conta pra gente, o que você acha do uso de cursores grandes? Você acha divertido? Útil? Ou simplesmente inútil?