UI Design - Projektowanie wizualne produktów cyfrowych

TERMIN

Ustalamy indywidualnie

CZAS

32h / 4 dni

CENA

Ustalamy indywidualnie

Dla kogo jest to szkolenie?

Szkolenie jest dla tych, którzy chcą zrozumieć czym jest design (estetyka i użyteczość) i chcą poprawnie używać komponentów UI i przećwiczyć zasady projektowania komunikacji wizualnej, która jest niezbędną częścią, aby produkt był oceniany jako intuicyjny i łatwy w obsłudze.
Szkolenie jest dla osób, które chcą wzmocnić swoją wiedzę o tym, jak za pomocą elementów graficznych budować właściwy obraz wizualny. Dla grafików, projektantów, wszystkich tych, którzy są decyzyjni na różnych etapach tworzenia produktu i powinni wiedzieć, dlaczego coś nie działa oraz co i jak należy poprawić. Odbiorca widzi obraz i rozumie go albo nie. Nie trzeba być grafikiem praktykiem, ta wiedza bardzo się przyda wszystkim pracującym przy produkcie.
Szkolenie jest dla osób, które badają lub analizują dane zastane i chcą zacząć projektować albo chcą być częścią decyzyjną w kluczowych etapach powstawania zmian.
Szkolenie jest dla tych, którzy mają kontakt z developerami i chcą się dowiedzieć jak poprawnie przygotować prototyp, żeby łatwiej było go wdrożyć na produkcji.
Dla osób, które chcą usystematyzować wiedzę UX/UI i zdobyć solidne podstawy od praktyka i nauczyciela z 25-letnim doświadczeniem projektowania produktów fizycznych i cyfrowych.

Czego nauczysz się na szkoleniu?

Poznasz zasady budowania elementów wizualnych i przećwiczysz je na realnych przykładach, trzymając jednocześnie flow UX. To najtrudniejsza część łącząca UX z UI.
Poznasz jak odbiorca (user) pracuje z komunikatami wizualnymi, które są informacją graficzną od nadawcy i jak prowadzić odbiorcę “za rękę”, czyli jak pracuje mózg a jak oko i na co zwracać szczególną uwagę projektując i “ubierając” ścieżkę użytkownika w wizualny obraz.
Poznasz podstawowe zasady komunikacji wizualnej, czyli jak budować przestrzeń, kolory, fonty, jak utrzymać spójność i wzmacniać elementy, które pomagają w intuicyjnym przekazie. Nie musisz być praktykującym grafikiem, ale znając zasady będzie Ci łatwiej rozpoznać dlaczego coś nie działa i jak to poprawić.
Przeprojektujesz stronę lub aplikację, wdrażając poznane zasady oraz poznasz komponenty, z których zbudowane są najnowsze rozwiązania cyfrowe.

Program szkolenia

Dzień: 1
Moduł 1 – Podstawy i organizacja procesu
- Czym jest design?
- Czym jest komunikacja wizualna?
- Estetyka i użyteczność – główne role designu
- Psychologia projektowania i zasady Gestalt
- Modele Mentalne
- Heurystyki Nielsena (UX/UI)
- Programy do prototypowania
- Proces projektowy i osadzenie roli UI w procesie
Dzień: 2
Moduł 2 – Wzorce i zasady Komunikacji Wizualnej
- Struktura stron i aplikacji w kontekście UI
- Struktura stron i aplikacji w kontekście UI
- Percepcja i psychologia w Komunikacji Wizualnej
- Typografia – dobór fontów i czego lepiej nie robić
- Kolor – jak wybierać i łączyć kolory w różnych przestrzeniach?
- Kolor – wykorzystanie koloru na stronach internetowych
- Spójność – czym jest i jak ją budować?
- Przestrzeń i kompozycja – (white space, paddingi etc.)
- Zdjęcie z tekstem – zasady
Dzień: 3
Moduł 3 – Elementy interfejsu UI
- Nawigacja i menu
- Przyciski – anatomia, stany i zastosowanie w praktyce
- Formularze – jak je budować a czego nie robić?
- Selektory – logika, geneza i zastosowanie
- Ikony – właściwości i zasady
- Tabele – właściwości i zasady
- Filtry i sortowanie
- Alerty – kolory, kształty i zastosowanie
- Wyszukiwanie główne i uzupełniające
Dzień: 4
Moduł 4 – Projektowanie
- Dobre i złe przykłady (różne obszary)
- Atomic System / Design System
- Różnice w projektowaniu desktop a mobile
- Modelowanie i prototypowanie
- Responsive Web Design
- Dostępność i inkluzywność w projektowaniu
- Ćwiczenia z analizy wzorców projektowych
- Przygotowanie makiet / prototypów do badań z użytkownikami