Product & UX

Szkolenie Visual design i UX – projektowanie wizualne produktów cyfrowych

Szkolenie obejmuje zbiór zasad wizualnych, psychologię poznawczą UX, modele mentalne i te aspekty, które łączą flow użytkownika z graficznym wsparciem, które są odpowiedzialne za powstanie produktu, który jest oceniany przez odbiorców jako łatwy, intuicyjny i użyteczny.

Czas trwania
24h / 3 dni · 3h
Zapytaj o program → Zobacz wszystkie
Dla kogo

Idealny dla zespołów, które…

1 Dla grafików, projektantów i osób decyzyjnych, którzy chcą zrozumieć, dlaczego coś nie działa i jak to poprawić. Wiedza ta jest przydatna wszystkim pracującym przy produkcie, niezależnie od doświadczenia w grafice.
2 Dla osób, które chcą zrozumieć design (estetykę i użyteczność) oraz poprawnie używać komponentów UI, ćwicząc zasady projektowania wizualnej komunikacji, aby produkt był intuicyjny i łatwy w obsłudze.
3 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.
4 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.
5 Dla osób, które chcą wzmocnić swoją wiedzę o tym, jak za pomocą elementów graficznych budować właściwy obraz wizualny.
6 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.
Efekty po programie

Product i UX w praktyce — od badań po projekt, z wykorzystaniem AI.

✓

Zdobędziesz wiedzę o zasadach wizualnych, psychologii poznawczej UX i modelach mentalnych, niezbędnych do projektowania użytecznych produktów cyfrowych.

✓

Nauczysz się wykorzystywać komponenty UI i stosować zasady projektowania komunikacji wizualnej.

✓

Zrozumiesz psychologię projektowania, zasady Gestalt, heurystyki Nielsena oraz techniki typografii.

✓

Opanujesz projektowanie elementów interfejsu, takich jak nawigacja, przyciski, formularze oraz selektory.

✓

Nauczysz się modelowania i prototypowania, stosowania Responsive Web Design oraz zasad dostępności i inkluzywności.

Program · 4 modułów

Co konkretnie robimy

M01
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
  • · Struktura stron i aplikacji w kontekście UI
  • · Percepcja i psychologia w Komunikacji Wizualnej
  • · Typografia – dobór fontów i czego lepiej nie robić
M02
Moduł 2 – Wzorce i zasady Komunikacji Wizualnej
  • · 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
M03
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
M04
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
Każdy moduł modyfikujemy pod Twój stack i kontekst. Powyższe to punkt wyjścia — nie sztywna agenda.
Jak pracujemy

Od briefu do retro w 30 dniach.

01

Brief i diagnoza

Rozmowa z liderem zespołu + krótka ankieta dla uczestników. Określamy cele, gap, kontekst.

02

Modyfikacja programu

Dostosowujemy moduły, case studies i przykłady kodu pod Twój stack. Akceptacja w 5 dni.

03

Warsztat

Sesje z trenerem, hands-on, code review. Mentor dostępny też pomiędzy sesjami.

04

Retro + raport

Raport z efektami dla zespołu i lidera. 30 dni konsultacji w cenie.

Zapytanie

Wyślij brief. Odezwiemy się w 1 dzień.

Po krótkim briefie przygotujemy program i wycenę. Bez zobowiązań — to tylko punkt wyjścia do rozmowy.

✓Wycena w 48h od briefu
✓Pierwsza sesja w 30 dni
✓Pilotaż przed pełną decyzją
✓Faktura VAT, możliwość płatności w transzach

Ochrona antyspamowa (Cloudflare Turnstile) zostanie aktywowana po wpięciu klucza.

Inne programy dla zespołów

Zobacz wszystkie →
Product & UX

Szkolenie Figma UX/UI

Product i UX w praktyce — od badań po projekt, z wykorzystaniem AI.

16h / 2 dni →
Product & UX

Szkolenie UI

Product i UX w praktyce — od badań po projekt, z wykorzystaniem AI.

Product & UX →
Product & UX

Szkolenie UX/UI Design

Product i UX w praktyce — od badań po projekt, z wykorzystaniem AI.

Product & UX →