#PrzemoPatterns: Slideshow
2 min czytania

#PrzemoPatterns: Slideshow

#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臋.
殴r贸d艂o: qeretail.com

Je艣li jeszcze nie ma Ci臋 na li艣cie 馃

Wysy艂amy jeden email tygodniowo, w ka偶dy pi膮tek, o godz. 12:00.
Warto艣ciowa wiedza o UI/UX dla developera mo偶e wyl膮dowa膰 do Twojej skrzynki.