Warsztat: UX/UI w projektowaniu szkoleń e-learningowych w Articulate Storyline oraz przygotowanie grafiki w Adobe Illustrator – poziom podstawowy

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.

• • 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

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.