Karuzela

Ostatnia aktualizacja: 04.09.2011

Karuzela

Źródło: http://www.era.pl

Karuzela pozwala użytkownikowi na przeglądanie większej liczby elementów przedstawionych w formie graficznej lub jako połączenie grafiki i tekstu oraz wybór jednego z nich. W danym momencie wyświetlany jest jeden, dwa lub trzy elementy. Użytkownik może przesuwać elementy tak, aby wyświetlić niewidoczne w danej chwili. Z tej przyczyny wzorzec ten został nazwany karuzelą.

Kiedy używać?

Karuzeli warto używać w sytuacji, gdy chcesz umożliwić użytkownikowi przejrzenie większej grupy elementów, ale nie chcesz rozpraszać jego uwagi zbyt dużym wyborem w jednym momencie. Karuzela najczęściej jest stosowana dla prezentacji elementów wizualnych, jak okładki książek, filmów, zdjęcia innych produktów lub wizualizacje 3D.

Przykładowe sytuacje w których możesz zastosować wzorzec karuzeli to między innymi:

  • Przekaz istotnych informacji na stronie głównej. Kilka bloków składających się z tekstu i grafiki może być przesuwane w ramach karuzeli.
  • Lista polecanych produktów w sklepie internetowym. Najczęściej wyświetlany jest więcej niż jeden produkt jednocześnie.
    • Dlaczego używać?

      Istotną zaletą karuzeli jest możliwość umieszczenia relatywnie dużej liczby informacji na małej przestrzeni, co w wielu sytuacjach ma bardzo duże znaczenie. Karuzela może także zwiększyć skupienie użytkownika i pozwala mu zapoznać się z dużą liczbą danych bez przytłaczania go ich natychmiastowym wyświetleniem. Karuzela zachęca również do aktywnej interakcji z serwisem wpływając na zaangażowanie użytkownika. Zarazem karuzela jest mechanizmem nawigacyjnym łatwym do zrozumienia

      Jak używać?

      Zawartość karuzeli w większości przypadków stanowią nieduże elementy graficzne (np. okładki książek, zdjęcia produktów) lub duże obszary z ilustracjami i opisem tekstowym. Tworząc karuzelę możesz zastosować się do poniższych rad:

      • W przypadku prezentacji dużych obszarów graficznych w danym momencie nie powinien być prezentowany więcej niż jeden obszar.
      • Kolejne elementy karuzeli mogą być automatycznie przesuwane. Jednak po samodzielnym wybraniu jednego z elementów automatyczne przesuwanie powinno zostać zatrzymane.
      • Zapewnij mechanizm nawigacyjny pozwalający użytkownikowi zrozumieć w którym miejscu karuzeli aktualnie się znajduje oraz umożliwiający łatwe przejście do kolejnych obszarów.

      Do najpopularniejszych form nawigowania w karuzeli należą:

      • Duże strzałki nawigacyjne umieszczone po lewej i prawej stronie karuzeli.
      • Małe elementy nawigacyjne w formie kwadratów lub okręgów umieszczone w dolnej części karuzeli. Element symbolizujący aktualnie przeglądany obszar wyróżnia się graficznie.
      • Sekwencja kolejnych wizualizacji 3D, gdzie kolejne elementy same w sobie stanowią mechanizm nawigacyjny.
      • Tytuły kolejnych obszarów w formie zakładek lub prostokątów umieszczonych obok głównego obszaru karuzeli.

      Nie można wymienić jednoznacznego ograniczenia liczbowego elementów znajdujących się w karuzeli. Na ogół jest to kilka lub góra kilkanaście elementów. Można jednak spotkać karuzele zawierające nawet kilkadziesiąt elementów.

      Więcej przykładów

      Głodny wiedzy? Przeczytaj na blogu teksty w kategorii service design.

  • http://itraport.pl Tomek

    Czy ten element strony nie jest na świecie nazywany częściej “content slider”? Karuzela pokazuje przełącza “w koło” obrazy, ale pokazuje kilka na raz. Odnoszę się do jCarousel.