Warsztat: UX/UI w projektowaniu szkoleń e-learningowych w Articulate Storyline oraz przygotowanie grafiki w Adobe Illustrator – poziom podstawowy
Warsztat: UX/UI w projektowaniu szkoleń e-learningowych w Articulate Storyline oraz przygotowanie grafiki w Adobe Illustrator – poziom podstawowy
Informacje podstawowe
Informacje podstawowe
- KategoriaBiznes / Zarządzanie zasobami ludzkimi
- Grupa docelowa usługi
- E-learning developerów pracujących w Articulate Storyline 360 na poziomie podstawowym.
- Projektantów instruktażowych (Instructional Designers), którzy chcą rozwijać kompetencje związane z projektowaniem doświadczeń użytkownika w e-learningu.
- Grafików i twórców treści cyfrowych przygotowujących materiały wizualne do szkoleń online.
- Specjalistów ds. szkoleń i rozwoju odpowiedzialnych za tworzenie nowoczesnych kursów e-learningowych.
- Osób projektujących interfejsy i warstwę wizualną szkoleń cyfrowych.
- Pracowników działów HR i L&D odpowiedzialnych za jakość i atrakcyjność wizualną materiałów edukacyjnych.
- Osób znających podstawy Articulate Storyline 360, Adobe Stock oraz Adobe Illustrator i chcących rozwijać kompetencje w obszarze UX/UI oraz projektowania graficznego.
- Minimalna liczba uczestników6
- Maksymalna liczba uczestników10
- Data zakończenia rekrutacji10-06-2026
- Forma prowadzenia usługimieszana (stacjonarna połączona z usługą zdalną w czasie rzeczywistym)
- Podstawa uzyskania wpisu do BURStandard Usług Szkoleniowo– Rozwojowych PIFS SUS 3.0
Cel
Cel
Cel edukacyjny
Celem warsztatu jest rozwinięcie praktycznych kompetencji uczestników w zakresie projektowania warstwy wizualnej oraz interfejsu nowoczesnych szkoleń e-learningowych z wykorzystaniem Articulate Storyline 360 oraz Adobe Illustrator.Efekty uczenia się oraz kryteria weryfikacji ich osiągnięcia i Metody walidacji
| Efekty uczenia się | Kryteria weryfikacji | Metoda walidacji |
|---|---|---|
| Umiejętność projektowania interfejsów e-learningowych zgodnych z zasadami UX/UI. Uczestnicy będą potrafili projektować czytelne, funkcjonalne i estetyczne układy ekranów szkoleniowych. | Uczestnik opracowuje projekt interfejsu szkolenia e-learningowego uwzględniający zasady hierarchii wizualnej, czytelności i ergonomii użytkowania. | Analiza dowodów i deklaracji |
| Umiejętność projektowania spójnej warstwy wizualnej kursu e-learningowego. Uczestnicy będą potrafili przygotować kolorystykę, typografię oraz elementy wizualne zgodne z założeniami projektu i potrzebami odbiorcy. | Uczestnik przygotowuje zestaw elementów wizualnych kursu obejmujących layout, kolorystykę, typografię oraz komponenty interfejsu. | Obserwacja w warunkach symulowanych |
| Umiejętność wykorzystania Adobe Illustrator oraz zasobów Adobe Stock w projektowaniu e-learningu. Uczestnicy będą potrafili tworzyć i przygotowywać grafiki do wykorzystania w Storyline 360. | Uczestnik opracowuje i eksportuje grafiki, ikony lub ilustracje przygotowane w Adobe Illustrator na potrzeby kursu e-learningowego. | Analiza dowodów i deklaracji |
| Umiejętność budowania interaktywnych elementów wizualnych w Storyline 360. Uczestnicy będą potrafili projektować i wdrażać interaktywne komponenty interfejsu kursu. | Uczestnik tworzy przykładowe elementy interfejsu, przyciski, popupy lub animacje z wykorzystaniem funkcji Storyline 360. | Test teoretyczny z wynikiem generowanym automatycznie |
| Obserwacja w warunkach symulowanych |
Kwalifikacje i kompetencje
Kwalifikacje
Kompetencje
Usługa prowadzi do nabycia kompetencji.Warunki uznania kompetencji
Program
Program
Ramowy program usługi
Dzień 1: UX/UI i projektowanie warstwy wizualnej szkoleń e-learningowych
Sesja 1: Wprowadzenie do UX/UI w e-learningu
- Rola UX/UI w projektowaniu doświadczeń edukacyjnych.
- Projektowanie kursów wspierających przyswajanie wiedzy.
- Najważniejsze zasady użyteczności i ergonomii interfejsu.
- Przykłady dobrych i nieefektywnych rozwiązań wizualnych.
Sesja 2: Projektowanie systemu wizualnego szkolenia
- Hierarchia wizualna i czytelność treści.
- Projektowanie layoutów i ekranów szkoleniowych.
- Kolorystyka, typografia i spójność wizualna.
- Wykorzystanie brandbooków i inspiracji projektowych.
Sesja 3: Projektowanie interfejsu kursu w Storyline 360
- Projektowanie nawigacji i rozmieszczenia elementów.
- Dostosowanie interfejsu do urządzeń desktopowych i mobilnych.
- Typy ekranów i projektowanie ekranów ćwiczeniowych.
- Warsztat praktyczny: projektowanie przykładowych ekranów kursu.
Sesja 4: Kontrola zachowania elementów interaktywnych
- Projektowanie animacji i stanów przycisków.
- Popupy i elementy dynamiczne.
- Tworzenie spójnych komponentów interfejsu.
- Warsztat praktyczny z wykorzystaniem Storyline 360.
Dzień 2: Adobe Illustrator i projektowanie grafik do e-learningu
Sesja 5: Wprowadzenie do Adobe Illustrator
- Podstawowe funkcje i środowisko pracy programu.
- Tworzenie prostych grafik i elementów interfejsu.
- Organizacja pracy z plikami graficznymi.
- Dobre praktyki projektowania grafik do e-learningu.
Sesja 6: Tworzenie ikon, ilustracji i przycisków
- Projektowanie ikon i prostych ilustracji.
- Budowanie przycisków oraz elementów interaktywnych.
- Praca z obiektami wektorowymi.
- Warsztat praktyczny: tworzenie komponentów wizualnych.
Sesja 7: Adobe Stock i eksport grafik do Storyline
- Wykorzystanie zasobów Adobe Stock.
- Przygotowanie grafik do wykorzystania w Storyline 360.
- Eksport i optymalizacja plików graficznych.
- Zarządzanie biblioteką mediów w Storyline.
Sesja 8: Integracja grafiki z kursem e-learningowym
- Łączenie elementów wizualnych z interaktywnościami.
- Dostosowanie projektu do odbiorcy oraz osób o szczególnych potrzebach.
- Finalizacja projektu interfejsu szkolenia.
- Grupowa praca projektowa: opracowanie przykładowego ekranu szkoleniowego.
- Podsumowanie i zakończenie warsztatu.
- Wręczenie certyfikatów ukończenia warsztatu.
Proces walidacji efektów kształcenia zostanie przeprowadzony w oparciu o wyniki testu z wynikiem generowanym automatycznie, analizę dowodów - materiałów wytworzonych przez uczestników w trakcie szkolenia, jak również w oparciu o obserwację w warunkach symulowanych - walidator będzie obecny w trakcie szkolenia.
Harmonogram
Harmonogram
| Przedmiot / temat | Typ aktywności | Prowadzący | Data realizacji zajęć | Godzina rozpoczęcia | Godzina zakończenia | Liczba godzin | Forma stacjonarna |
|---|---|---|---|---|---|---|---|
Przedmiot / temat 1 z 16 Sesja 1: Wprowadzenie do UX/UI w e-learningu | Typ aktywności Zajęcia | Prowadzący Anna Kubicka | Data realizacji zajęć 15-06-2026 | Godzina rozpoczęcia 09:00 | Godzina zakończenia 11:00 | Liczba godzin 02:00 | Forma stacjonarna Tak |
Przedmiot / temat 2 z 16 - | Typ aktywności Przerwa | Prowadzący - | Data realizacji zajęć 15-06-2026 | Godzina rozpoczęcia 11:00 | Godzina zakończenia 11:15 | Liczba godzin 00:15 | Forma stacjonarna Tak |
Przedmiot / temat 3 z 16 Sesja 2: Projektowanie systemu wizualnego szkolenia | Typ aktywności Zajęcia | Prowadzący Anna Kubicka | Data realizacji zajęć 15-06-2026 | Godzina rozpoczęcia 11:15 | Godzina zakończenia 12:45 | Liczba godzin 01:30 | Forma stacjonarna Tak |
Przedmiot / temat 4 z 16 - | Typ aktywności Przerwa | Prowadzący - | Data realizacji zajęć 15-06-2026 | Godzina rozpoczęcia 12:45 | Godzina zakończenia 13:30 | Liczba godzin 00:45 | Forma stacjonarna Tak |
Przedmiot / temat 5 z 16 Sesja 2: Projektowanie systemu wizualnego szkolenia | Typ aktywności Zajęcia | Prowadzący Anna Kubicka | Data realizacji zajęć 15-06-2026 | Godzina rozpoczęcia 13:30 | Godzina zakończenia 15:15 | Liczba godzin 01:45 | Forma stacjonarna Tak |
Przedmiot / temat 6 z 16 - | Typ aktywności Przerwa | Prowadzący - | Data realizacji zajęć 15-06-2026 | Godzina rozpoczęcia 15:15 | Godzina zakończenia 15:30 | Liczba godzin 00:15 | Forma stacjonarna Tak |
Przedmiot / temat 7 z 16 Sesja 4: Kontrola zachowania elementów interaktywnych | Typ aktywności Zajęcia | Prowadzący Anna Kubicka | Data realizacji zajęć 15-06-2026 | Godzina rozpoczęcia 15:30 | Godzina zakończenia 17:00 | Liczba godzin 01:30 | Forma stacjonarna Tak |
Przedmiot / temat 8 z 16 Sesja 5: Wprowadzenie do Adobe Illustrator | Typ aktywności Zajęcia | Prowadzący Anna Kubicka | Data realizacji zajęć 16-06-2026 | Godzina rozpoczęcia 09:00 | Godzina zakończenia 10:30 | Liczba godzin 01:30 | Forma stacjonarna Tak |
Przedmiot / temat 9 z 16 - | Typ aktywności Przerwa | Prowadzący - | Data realizacji zajęć 16-06-2026 | Godzina rozpoczęcia 10:30 | Godzina zakończenia 10:45 | Liczba godzin 00:15 | Forma stacjonarna Tak |
Przedmiot / temat 10 z 16 Sesja 6: Tworzenie ikon, ilustracji i przycisków | Typ aktywności Zajęcia | Prowadzący Anna Kubicka | Data realizacji zajęć 16-06-2026 | Godzina rozpoczęcia 10:45 | Godzina zakończenia 12:15 | Liczba godzin 01:30 | Forma stacjonarna Tak |
Przedmiot / temat 11 z 16 - | Typ aktywności Przerwa | Prowadzący - | Data realizacji zajęć 16-06-2026 | Godzina rozpoczęcia 12:15 | Godzina zakończenia 13:00 | Liczba godzin 00:45 | Forma stacjonarna Tak |
Przedmiot / temat 12 z 16 Sesja 7: Adobe Stock i eksport grafik do Storyline | Typ aktywności Zajęcia | Prowadzący Anna Kubicka | Data realizacji zajęć 16-06-2026 | Godzina rozpoczęcia 13:00 | Godzina zakończenia 14:45 | Liczba godzin 01:45 | Forma stacjonarna Tak |
Przedmiot / temat 13 z 16 - | Typ aktywności Przerwa | Prowadzący - | Data realizacji zajęć 16-06-2026 | Godzina rozpoczęcia 14:45 | Godzina zakończenia 15:00 | Liczba godzin 00:15 | Forma stacjonarna Tak |
Przedmiot / temat 14 z 16 Sesja 8: Integracja grafiki z kursem e-learningowym | Typ aktywności Zajęcia | Prowadzący Anna Kubicka | Data realizacji zajęć 16-06-2026 | Godzina rozpoczęcia 15:00 | Godzina zakończenia 16:30 | Liczba godzin 01:30 | Forma stacjonarna Tak |
Przedmiot / temat 15 z 16 Podsumowanie i zakończenie | Typ aktywności Zajęcia | Prowadzący Anna Kubicka | Data realizacji zajęć 16-06-2026 | Godzina rozpoczęcia 16:30 | Godzina zakończenia 17:00 | Liczba godzin 00:30 | Forma stacjonarna Tak |
Przedmiot / temat 16 z 16 - | Typ aktywności Walidacja | Prowadzący - | Data realizacji zajęć 18-06-2026 | Godzina rozpoczęcia 12:00 | Godzina zakończenia 13:00 | Liczba godzin 01:00 | Forma stacjonarna Nie |
Podsumowanie
| Rodzaj godzin | Liczba godzin |
|---|---|
Rodzaj godzin Suma godzin zegarowych usługi | Liczba godzin 17:00 |
Rodzaj godzin w tym suma godzin zajęć | Liczba godzin 13:30 |
Rodzaj godzin w tym suma godzin walidacji | Liczba godzin 01:00 |
Rodzaj godzin w tym suma przerw | Liczba godzin 02:30 |
Rodzaj godzin Suma godzin dydaktycznych bez przerw | Liczba godzin 19:15 |
Cena
Cena
Cennik
| Rodzaj ceny | Cena |
|---|---|
Rodzaj ceny Koszt przypadający na 1 uczestnika brutto | Cena 4 292,70 PLN |
Rodzaj ceny Koszt przypadający na 1 uczestnika netto | Cena 3 490,00 PLN |
Rodzaj ceny Koszt osobogodziny brutto | Cena 252,51 PLN |
Rodzaj ceny Koszt osobogodziny netto | Cena 205,29 PLN |
Liczba godzin usługi
| Rodzaj godzin | Liczba godzin |
|---|---|
Rodzaj godzin Liczba godzin zegarowych usługi | Liczba godzin 17:00 |
Prowadzący
Prowadzący
Anna Kubicka
Ma ponad 10-letnie doświadczenie w e-learningu jako developerka i graficzka, specjalizująca się w projektach premium. W ciągu ostatniego roku projektowała interfejsy szkoleń w 30 projektach, łącząc estetykę, funkcjonalność i bardzo dobre wyczucie dydaktyczne. Prowadzi także zaawansowane szkolenia dla developerów z zakresu projektowania interfejsów szkoleń e-learningowych.
Informacje dodatkowe
Informacje dodatkowe
Informacje o materiałach dla uczestników usługi
- Elektroniczne wersje prezentacji wykorzystywanych podczas warsztatu.
- Materiały warsztatowe i ćwiczenia praktyczne dotyczące UX/UI i projektowania graficznego.
- Przykładowe layouty, templateki i komponenty interfejsów szkoleniowych.
- Checklisty projektowe dotyczące projektowania użytecznych kursów e-learningowych.
- Materiały instruktażowe dotyczące Adobe Illustrator i Storyline 360.
- Lista rekomendowanych źródeł inspiracji, tutoriali i materiałów rozwijających kompetencje projektowe.
- Dostęp do materiałów pre-work umożliwiających przygotowanie do warsztatu.
- Certyfikat ukończenia warsztatu potwierdzający zdobycie nowych kompetencji
Warunki techniczne
Warunki techniczne
Procesor dwurdzeniowy 2GHz lub lepszy (zalecany czterordzeniowy); 2GB pamięci RAM (zalecane 4GB lub więcej); System operacyjny taki jak Windows 8 (zalecany Windows 10), Mac OS wersja 10.13 (zalecana najnowsza wersja), Linux, Chrome OS.
Stałe łącze internetowe o prędkości 1,5 Mbps (zalecane 2,5 Mbps z obrazem w jakości HD) wymagane jest korzystanie z najaktualniejszych oficjalnych wersji Google Chrome, Mozilla Firefox, Safari, Edge lub Opera.