Syneti

Prezentacja modułu  ·  nr 120

Mobilne Widoki Niestandardowe

Moduł „Mobilne Widoki Niestandardowe” w czterech formach: statyczne zrzuty panelu i strony, krótkie animacje pojedynczych czynności, film prowadzący przez całość oraz prezentacja interaktywna, po której klikasz samodzielnie.

Forma 1 z 4

Zrzuty ekranu

Statyczne widoki panelu i strony — najszybszy sposób, żeby sprawdzić, czy moduł wygląda tak, jak sobie wyobrażasz. Każdy zrzut pochodzi z działającego wdrożenia, nie z makiety.

Konfiguracja

Wspólnie ustalamy, które elementy strony potrzebują dedykowanej wersji mobilnej i jak mają się zachowywać.

Jak to wygląda

Na telefonie strona pokazuje przemyślaną, dopasowaną wersję - nie tylko ściśniętą wersję desktopową.

Co robi odwiedzający

Na telefonie widzi tylko to, co istotne, w kolejności dopasowanej do mobilnego korzystania ze strony.

Aktualizacja

Zmieniasz ustawienia widoczności elementów na mobile z panelu, bez ingerencji w kod.

Widok na telefonie

Ten sam moduł na małym ekranie — układ, kolejność sekcji i wielkość elementów dopasowane do obsługi palcem.

W1 — Alternatywne obrazy mobile

Osobne, dopasowane kadrowo zdjęcia wyświetlane tylko na urządzeniach mobilnych

Forma 2 z 4

Krótkie animacje

Pojedyncze czynności pokazane w ruchu, po kilkanaście–kilkadziesiąt sekund każda. Odtwarzają się w pętli, bez dźwięku — możesz je obejrzeć w biegu, bez słuchawek.

Konfiguracja 0:40

Cała czynność w jednym ujęciu — od pustego formularza do gotowego efektu widocznego na stronie.

Ścieżka odwiedzającego 0:25

Na telefonie widzi tylko to, co istotne, w kolejności dopasowanej do mobilnego korzystania ze strony.

Aktualizacja w locie 0:18

Poprawka w panelu i natychmiastowy efekt na stronie — bez czekania na programistę.

Forma 3 z 4

Film

Mobilne Widoki Niestandardowe od A do Z 4:50

Pełne przejście przez moduł: konfiguracja, praca na treści od strony panelu, widok, który dostaje odwiedzający, oraz to, co dokłada pierwszy wariant rozwoju.

Rozdziały

  1. 00:00Co dostajesz w wersji podstawowej
  2. 00:44Konfiguracja
  3. 01:29Jak to wygląda
  4. 02:13Co robi odwiedzający
  5. 02:58Aktualizacja
  6. 03:43Wariant W1 — Alternatywne obrazy mobile

Forma 4 z 4

Prezentacja interaktywna

Prezentacja H5P osadzona przez moduł Drupala — klikasz po zrzutach panelu i strony, rozwijasz podpowiedzi przy poszczególnych polach i sam decydujesz, w jakiej kolejności przechodzisz przez materiał. Działa w przeglądarce, bez instalowania czegokolwiek.

Wykorzystane typy treści H5P

  • Course Presentation

    Slajdy z panelu i strony, po których poruszasz się we własnym tempie.

  • Image Hotspots

    Punkty na zrzucie ekranu — kliknięcie wyjaśnia, do czego służy dane pole.

  • Interactive Video

    Film z pytaniami i odnośnikami pojawiającymi się w kluczowych momentach.

Obejrzane. Co dalej?

Prezentacja pokazuje moduł na naszym przykładzie. Jeśli chcesz sprawdzić go na własnych produktach — udostępniamy piaskownicę z dostępem do panelu.

Przetestuj moduł Pełna specyfikacja
Na górę