#PrzemoPatterns: Slideshow

🤔 Co to jest?

Slideshow/carousel slideshow, inaczej karuzela. To krótko mówiąc box służący do przewijania zdjęć i treści. Slideshow są szczególnie popularne w przeróżnych sklepach internetowych, czy też na blogach.

Największą korzyścią płynącą z używania karuzeli jest możliwość ukazania wielu informacji w jednym miejscu, czyli zaoszczędzenie miejsca.

Pamiętajmy jednak, że źle zaprojektowany slideshow, może na pierwszy rzut oka wydać się zwykłym obrazkiem, z kolei szybko przeskakujące grafiki - wkurzyć niemiłosiernie odbiorcę naszej strony 😉  

To dość kłopotliwy element UI - źle wdrożony przynosi dużo więcej złego niż dobrego, co też dobrze obrazuje strona: shouldiuseacarousel.com - w prześmiewczy sposób.

Jak zatem podejść do karuzeli, by ostatecznie userowi nie zakręciło się w głowie?

ℹ️ Wskazówki

• Nie odtwarzaj ich automatycznie: najczęstsza irytacja użytkowników względem sliderów wynika z tego, że obrazy przeskakują w szalonym tempie, bez jakiejkolwiek naszej interakcji.
• Daj użytkownikowi pełną kontrolę: umieszczając w boxie strzałki lub kółeczka ukazujące ilość slajdów, przekazujemy kontrolę nad interfejsem, do tego nie martwimy się tym, że sama funkcja karuzeli zostanie przegapiona.
• Krótki i zrozumiały tekst: jeśli już z jakichś sadystycznych powodów zdecydujesz się na auto-odtwarzanie pamiętaj o tym, aby przekazywana wiadomość była krótka i przejrzysta. Nie ma nic gorszego od zmiany slajdu w trakcie przebrnięcia dopiero przez połowę zdania.
• Nie duplikuj tagów h1: jeśli używasz karuzeli u góry strony, prawdopodobnie różne slajdy mają również swoje nagłówki np. <h1>, co nie jest najlepszym rozwiązaniem. Problem polega na tym, że wyszukiwarki traktują h1 jak tytuł. Posiadanie pięciu h1 na jednej stronie, to jak nadanie jej pięciu tytułów, zatem staraj się tego unikać.
• W aplikacji mobilnej dodaj przesunięcie (swipe): karuzela na urządzeniach mobilnych powinna reagować na przewinięcie palcem, będzie to o wiele łatwiejsze i przyjemniejsze w użyciu, niż stukanie w niewielką strzałkę lub kropkę.