10 najlepszych praktyk z wtyczką Slick Slider

Wtyczki suwaków nadają bardziej dynamiczny wygląd i przede wszystkim łatwy dostęp do Twojej witryny . Możesz tworzyć niezwykle spersonalizowane, responsywne suwaki obrazu za pomocą WordPress Slick Slider. Wtyczka Slick Slider WordPress oferuje nieskończone zapętlanie, obsługę przesuwania i pełną responsywność.

Istnieje kilka rzeczy, które należy wziąć pod uwagę, zanim ustawisz śliski/suwak obrazu w swojej witrynie . Źle umieszczony lub źle ustawiony suwak jest nie tylko ignorowany; w rzeczywistości może wpływać na SEO i denerwować użytkowników. Nie oznacza to, że są negatywne, po prostu należy upewnić się, że zostały odpowiednio skonfigurowane, tak jak w przypadku każdej innej funkcji lub wtyczki WordPress.

10 najlepszych praktyk, których należy przestrzegać podczas korzystania z wtyczek suwaka

1. Prostota jest najlepsza

Ważne jest, aby Twoje prezentacje były jasne, zwięzłe i na temat, zwłaszcza jeśli włączysz autoodtwarzanie. Wybieraj wyraźne, uporządkowane obrazy zamiast zaśmieconych, chyba że używasz suwaka jako galerii grafiki lub fotografii.

2 . Nie twórz Tt jako reklamy

Wiele osób doświadcza „ślepoty banerowej” w wyniku natrętnych reklam; ten stan może mieć wpływ na źle umieszczony suwak. Unikaj korzystania z porad projektowych reklamodawcy, zwłaszcza strategii stosowanych przez najbardziej irytujące reklamy.

Bezużyteczne taktyki, takie jak migające światła, krzykliwe płaskie kolory, uderzenia i inne podobne czcionki są niedopuszczalne. Twoja karuzela powinna wyglądać naturalnie i pasować do witryny, nawet jeśli promuje lub sprzedaje produkt. Możesz chcieć, aby ludzie zauważyli Twoje suwaki, ale te apodyktyczne strategie prawdopodobnie przyniosą odwrotny skutek.

3 . Spraw, aby Twój suwak był odpowiedni i pomocny

Każdy dodany suwak powinien służyć odrębnemu celowi —

• Czy wyświetla Twoje prace fotograficzne?
• Wskaż odwiedzającym określone obszary witryny?
• Opisz główny cel swojej witryny.
• Próba wprowadzenia produktu na rynek?
• Zainteresowanie użytkowników?

Teraz ustaw karuzele tam, gdzie ich miejsce. Jednym z kluczowych elementów decydujących o tym, czy suwak zostanie zapamiętany, czy nie, jest jego umiejscowienie. Upewnij się, że nie jest ukryty wśród tekstu w Twojej witrynie ani umieszczony losowo. Musi być strategicznie umieszczony i widoczny, na przykład na pasku bocznym, u góry strony lub pod artykułem na blogu. Suwak może nawet świetnie wyglądać w stopce.

4. Wydłuż odstępy między obrotami

Jeśli Twój projekt wymaga autoodtwarzania, upewnij się, że slajdy przechodzą płynnie, zwłaszcza jeśli jest na nich tekst. Kiedy suwak przesuwa się do przodu, zanim jesteś przygotowany, jest to denerwujące. Optymalizuj pod kątem wolnego czytania; powolna, dobrze przemyślana karuzela jest lepsza niż taka, która mieści tyle slajdów, ile się da w ciągu 10 sekund.

5. Popraw opcje nawigacji

Nic nie jest bardziej niewygodne niż kliknięcie strzałki nawigacyjnej i natychmiastowe przejście pokazu slajdów, wymagające pominięcia slajdu. Wiele osób zakłada pauzę podczas najeżdżania lub nawigacji. Ta funkcja suwaków monologów powinna być włączona dla większości projektowanych karuzel. Jest to konieczne, jeśli zdecydujesz się włączyć autoodtwarzanie.

6. Wybierz sekwencję slajdów z rozwagą

Nigdy nie zakładaj, że odwiedzający zostanie, aby obejrzeć wszystkie slajdy. Sekwencje należy dokładnie przemyśleć. Jeśli nie możesz przykuć uwagi i zaangażowania użytkownika na kilku pierwszych slajdach, przynajmniej upewnij się, że zrozumiałeś, o co ci chodzi.

Ale to nie usprawiedliwia zmniejszania wpływu innych slajdów. Każdy slajd, który obejrzy widz, powinien spełniać jeden z następujących celów: omawiać Twoją firmę, wyświetlać wspaniałe zdjęcia itp.

7. Szybkość reakcji jest kluczem

Najprawdopodobniej nie będziesz musiał martwić się o responsywność, jeśli używasz wtyczki z suwakiem. Ta część jest jednak niezbędna. Upewnij się, że Twój tekst i grafika wyglądają fantastycznie na wszystkich urządzeniach, testując je. Ch zmieniaj rozmiar przycisku, zamieniaj rozmyte zdjęcia lub cokolwiek innego, aby stworzyć oszałamiający mobilny slider.

Upewnij się, że przesuwanie też jest włączone. Konsumenci smartfonów będą zirytowani, jeśli funkcje takie jak suwaki nie będą reagować na gesty machnięcia, tak jak tego oczekują.

8. Stwórz wyjątkowy obraz bohatera suwaka

Zastąp „obraz bohatera” lub baner na stronie docelowej, który opisuje, o czym jest Twoja witryna, animowanym suwakiem jako jedną ze strategii kreatywnych. Ta metoda ma zalety i wady. Karuzela może być równie potężna jak typowy obraz bohatera, ale należy jej używać ostrożnie.

Jeśli zdecydujesz się umieścić suwak na swojej stronie głównej, pamiętaj, że nowi użytkownicy mają tylko jedno zmartwienie:

Jaki jest cel tej witryny? Każdy slajd powinien odpowiadać na to zapytanie samodzielnie, bez odniesienia do innych slajdów.

9. Projektowanie dostępnych przestrzeni

Suwaki powinny być zaprojektowane z myślą o ułatwieniach dostępu, tak jak reszta witryny. Ułatwia mobilność osobom niepełnosprawnym i zazwyczaj poprawia SEO.

Włączanie sterowania klawiaturą, unikanie automatycznego przewijania lub wstrzymywania w określonych okolicznościach oraz zapewnienie wystarczającego kontrastu tekstu to tylko niektóre przykłady inteligentnego projektowania ułatwień dostępu.

10. Utwórz użyteczny pokaz slajdów

Złotą zasadą sliderów jest to, że muszą być proste w obsłudze i nie drażnić użytkowników. Zwiększenie dostępności karuzeli można osiągnąć na różne sposoby, od starannego dostosowania czasu obracania slajdu po optymalizację pod kątem sporej grupy odbiorców mobilnych.

Wniosek

Teraz możesz użyć przydatnego, praktycznego i interesującego slidera na swojej stronie internetowej. Mamy nadzieję, że te wskazówki okażą się przydatne w przyszłych projektach projektowania stron internetowych.
Aby wypróbować suwak na swojej stronie, musisz pobierać Slick Slider Plugin , aby zainicjować wszystkie te najlepsze praktyki i dostosować swoją witrynę w najbardziej stylowy sposób.

Inne powiązane artykuły:

Lista kontrolna przed stworzeniem skutecznego Slick Slidera
8 najlepszych praktyk zwiększania współczynnika konwersji za pomocą suwaka obrazu
6 niezbędnych wtyczek responsywnego suwaka obrazu i galerii obrazów dla Twojej witryny WordPress