Syneti

Prezentacja modułu  ·  nr 200

Zaawansowana Stylistyka Formularzy

Moduł „Zaawansowana Stylistyka Formularzy” 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.

Wygląd pól

Każde pole formularza dopasowane do Twojej kolorystyki i stylu strony - spójnie z resztą marki.

Jak to wygląda

Formularz podzielony na czytelne kroki (jeśli jest długi), z paskiem postępu i podpowiedziami przy każdym polu.

Co robi odwiedzający

Wypełnia formularz krok po kroku, widzi od razu, czy pole jest wypełnione poprawnie, nie gubi się w długiej liście pól.

Aktualizacja

Zmiany w wyglądzie i logice pól wprowadza programista - to warstwa stylistyczna i logiczna, nie treść do edycji przez Ciebie na co dzień.

Widok na telefonie

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

W1 — Logika warunkowa

Pola pokazujące/ukrywające się w zależności od wcześniejszych odpowiedzi

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.

Wygląd pól 0:40

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

Ścieżka odwiedzającego 0:25

Wypełnia formularz krok po kroku, widzi od razu, czy pole jest wypełnione poprawnie, nie gubi się w długiej liście pól.

Aktualizacja w locie 0:18

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

Forma 3 z 4

Film

Zaawansowana Stylistyka Formularzy od A do Z 4:10

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:38Wygląd pól
  3. 01:16Jak to wygląda
  4. 01:55Co robi odwiedzający
  5. 02:33Aktualizacja
  6. 03:12Wariant W1 — Logika warunkowa

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ę