10 melhores práticas com o plug-in Slick Slider

Plugins deslizantes dão uma aparência mais dinâmica e principalmente fácil acessibilidade ao seu site . Você pode criar sliders de imagens extremamente personalizados e responsivos usando o WordPress Slick Slider. O plug-in Slick Slider WordPress apresenta loop infinito, suporte para deslizar e capacidade de resposta total.

Existem vários coisas a considerar antes de configurar um controle deslizante de slick/imagem em seu site . Um controle deslizante fora do lugar ou configurado incorretamente não é apenas ignorado; na verdade, pode afetar o SEO e incomodar os usuários. Isso não quer dizer que eles sejam negativos, simplesmente que você deve configurá-los adequadamente, assim como faria com qualquer outro recurso ou plug-in do WordPress.

10 melhores práticas a serem seguidas ao usar plug-ins deslizantes

1. Simplicidade é melhor

É importante que suas apresentações sejam claras, concisas e diretas, especialmente se você ativar a reprodução automática. Escolha imagens nítidas e organizadas em vez de confusas, a menos que você esteja utilizando um controle deslizante como uma galeria para sua arte ou fotografia.

2 . Não crie Tt como um comercial

Muitas pessoas experimentam “cegueira de banner” como resultado de publicidade intrusiva; esta condição pode afetar um controle deslizante mal colocado. Evite usar qualquer conselho de design de um anunciante, especialmente estratégias usadas pelos anúncios mais irritantes.

Táticas inúteis como luzes piscando, cores vivas, impacto e outras fontes semelhantes não são aceitáveis. Seu carrossel deve parecer natural e se encaixar no site, mesmo que esteja promovendo ou vendendo um produto. Você pode querer que as pessoas percebam seus controles deslizantes, mas essas estratégias autoritárias provavelmente terão o efeito oposto.

3 . Torne seu controle deslizante relevante e útil

Cada controle deslizante que você adicionar deve servir a um propósito distinto-

• Mostra o seu trabalho fotográfico?
• Direcione os visitantes para áreas específicas do site?
• Descreva o foco do seu site.
• Tentativa de comercializar um produto?
• Interesse dos usuários?

Agora posicione seus carrosséis onde eles pertencem. Um dos elementos-chave para determinar se um controle deslizante é lembrado ou não é seu posicionamento. Certifique-se de que ele não esteja oculto entre o texto do seu site ou posicionado aleatoriamente. Ele deve estar estrategicamente posicionado e óbvio, como em uma barra lateral, próximo ao topo da página ou abaixo de um artigo de blog. Um controle deslizante pode até ficar excelente no rodapé.

4. Estenda os intervalos entre as rotações

Se o seu design exigir reprodução automática, certifique-se de que a transição dos slides seja suave, especialmente se houver texto neles. Quando um controle deslizante avança antes de você estar preparado, é irritante. Otimize para leitura lenta; um carrossel lento e bem pensado é preferível a um que amontoa o máximo de slides possível em 10 segundos.

5. Melhore as opções de navegação

Nada é mais inconveniente do que clicar em uma seta de navegação e fazer a apresentação de slides avançar imediatamente, exigindo que você pule um slide. Muitas pessoas assumem a pausa enquanto passam o mouse ou navegam. Esse recurso de controles deslizantes de solilóquio deve ser ativado para a maior parte dos carrosséis que você criar. Isso é necessário se você decidir manter a reprodução automática ativada.

6. Escolha sua sequência de slides com consideração

Nunca presuma que um visitante ficará para ver todos os slides. As sequências devem ser cuidadosamente consideradas. Se você não conseguir atrair a atenção e o envolvimento do usuário nos primeiros slides, pelo menos certifique-se de transmitir seu ponto de vista.

Mas isso não é justificativa para tornar seus outros slides menos impactantes. Qualquer slide que um visualizador escolha visualizar deve atingir um dos seguintes objetivos - discutir sua empresa, exibir fotografias impressionantes, etc.

7. Capacidade de resposta é a chave

Você provavelmente não terá que se preocupar com a capacidade de resposta se estiver usando um plug-in de controle deslizante. Esta parte, porém, é essencial. Certifique-se de que seu texto e gráficos tenham uma aparência fantástica em todos os dispositivos, testando-os. CH altere o tamanho do botão, troque fotos difusas ou o que for necessário para criar um controle deslizante móvel impressionante.

Certifique-se de que deslizar também esteja ativado. Os consumidores de smartphones ficarão aborrecidos se recursos como controles deslizantes não responderem aos gestos de deslizar, como eles esperam.

8. Faça uma excelente imagem de herói deslizante

Substitua a “imagem do herói” ou o banner na página de destino que descreve o assunto do seu site por um controle deslizante animado como uma estratégia criativa. Este método tem vantagens e desvantagens. Um carrossel pode ser tão poderoso quanto uma típica imagem de herói, mas deve ser usado com cautela.

Se você optar por incluir um controle deslizante em sua página inicial, lembre-se de que os novos visitantes têm apenas uma preocupação:

Qual é o objetivo deste site? Cada slide deve responder a esta consulta por conta própria, sem referência a nenhum outro slide.

9. Projetando Espaços Acessíveis

Os controles deslizantes devem ser projetados com a acessibilidade em mente, assim como o resto do seu site. Facilita a mobilidade para pessoas com deficiência e normalmente aumenta o SEO.

Ativar os controles do teclado, evitar a rolagem automática ou pausar em circunstâncias específicas e garantir que o texto tenha contraste suficiente são alguns exemplos de design de acessibilidade inteligente.

10. Crie uma apresentação de slides útil

A regra de ouro dos controles deslizantes é que eles devem ser simples de usar e não devem irritar os usuários. Tornar um carrossel mais acessível pode ser feito de várias maneiras, desde o ajuste cuidadoso do tempo de rotação do slide até a otimização para um público móvel considerável.

Conclusão

Agora você pode usar um controle deslizante útil, prático e interessante para o seu site. Esperamos que você ache esta orientação útil em seus futuros projetos de web design.
Para experimentar o controle deslizante em seu site, você deve download Slick Slider Plugin para iniciar todas essas práticas recomendadas e personalizar seu site da maneira mais elegante.

Outro artigo relacionado:

Lista de verificação antes de criar um slider Slick eficaz
8 práticas recomendadas para aumentar as taxas de conversão com o controle deslizante de imagem
6 plug-ins de slider de imagem e galeria de imagens responsivos obrigatórios para o seu site WordPress