
Szkolenie UX – Projektowanie i prototypowanie graficznych interfejsów użytkownika
- Kategoria
- INTERNET
- Typ szkolenia
- otwarte
- Profil uczestników
- Szkolenie przeznaczone jest dla osób pragnących nauczyć się tworzenia prototypów graficznych interfejsów użytkownika dla trzech różnych środowisk: strony WWW, aplikacji mobilnej oraz aplikacji na smartwatcha. Zobacz pełny opis szkolenia - https://itmedia.pl/szkolenie/szkolenie-ux-projektowanie-i-prototypowanie-graficznych-interfejsow-uzytkownika/
- Wymagania wstępne
- Mile widziana wiedza na temat podstaw User Experience. Istnieje możliwość pracowania na własnych laptopach. W takim przypadku należy mieć zainstalowane poniższe aplikacje: https://www.adobe.com/pl/products/xd.html https://www.figma.com/downloads/ https://zeplin.io/ (na dole linki instalcyjne) Jeśli nie masz możliwości pracy na swoim laptopie, poinformuj nas o tym, a my przygotujemy stanowisko dla Ciebie (tel. 22 678 38 87).
- Program
Szkolenie UX – Projektowanie i prototypowanie graficznych interfejsów użytkownika zakÅ‚ada stworzenie prototypów graficznych interfejsów użytkownika dla trzech różnych Å›rodowisk – strony WWW, aplikacji mobilnej oraz aplikacji na smartwatcha. Do stworzenia prototypów zostanÄ… wykorzystane popularne serwisy i aplikacje – Adobe XD, Proto oraz Figma. Praca z różnymi programami do prototypowania pozwoli nie tylko na poznanie ich funkcjonalnoÅ›ci w praktyce, ale również uÅ‚atwi wybór odpowiedniej aplikacji do potrzeb projektu. Przedstawione zostanÄ… również metody szybkiego prototypowania (rapid prototyping) przydatne do bÅ‚yskawicznej wizualizacji danej koncepcji.
Program szczegóÅ‚owy- Podstawy projektowania zorientowanego na użytkownika (User-Centered Design)
- Rola prototypowania w procesie User Experience
- Rodzaje prototypów i ich zastosowania
- Wytyczne, wzorce projektowe i przewodniki stylu
- Dobre praktyki w prototypowaniu interfejsów użytkownika
- Metody szybkiego prototypowania (rapid prototyping)
Adobe XD – prototypowanie graficznego interfejsu użytkownika dla strony WWW
- Trendy w projektowaniu interfejsów graficznych stron WWW
- Wprowadzenie i przegląd najważniejszych funkcji aplikacji Adobe XD
- Integracja z programami graficznymi
- Praca z narzędziami wektorowymi, kształtami i symbolami
- Projektowanie stron i zawartości
- Importowanie zasobów graficznych
- Wykorzystanie funkcji optymalizujÄ…cych pracÄ™ nad projektem (Advanced Repeat Grid, Responsive Resize itp.)
- Komponenty i stany
- Funkcja Auto-Animate na przykładach
- Tworzenie prototypu interaktywnego
- Wykorzystanie integracji głosowej
- PodglÄ…d projektu
- Eksport zasobów
- Przygotowanie materiaÅ‚ów handoff dla developera
Figma – prototypowanie graficznego interfejsu użytkownika dla aplikacji mobilnej
- Trendy w projektowaniu interfejsów graficznych aplikacji mobilnych
- Wprowadzenie i przegląd najważniejszych funkcji aplikacji/serwisu Figma
- Projektowanie ekranów aplikacji i praca z narzÄ™dziami
- Importowanie zasobów graficznych
- Komponenty, style i biblioteki
- Tworzenie prototypu interaktywnego
- PodglÄ…d projektu
- Praca zespołowa
- WspóÅ‚dzielenie projektu
- Optymalizacja grafik
- Eksport zasobów
- Przygotowanie materiaÅ‚ów handoff dla developera
Proto – projektowanie graficznego interfejsu użytkownika aplikacji na smartwatch’a
- Trendy w projektowaniu interfejsów graficznych aplikacji dla smartwatch’y
- Wprowadzenie do interfejsu i przegląd najważniejszych funkcji serwisu Proto
- Projektowanie ekranów aplikacji
- Wykorzystanie bibliotek projektowych
- Importowanie zasobów graficznych
- Komponenty i przykłady ich użycia
- Projektowanie stanów
- Budowa kontenerów
- Tworzenie prototypu interaktywnego
- Tworzenie animacji
- Wprowadzenie do zmiennych
- Publikowanie projektu
- PodglÄ…d projektu
- WspóÅ‚dzielenie i praca zespoÅ‚owa nad projektem
- Eksport zasobów
- Przygotowanie do testów użytecznoÅ›ci projektu
Zeplin – wspóÅ‚praca grafika i developera w tworzeniu graficznych interfejsów użytkownika
- Rola aplikacji/serwisu Zeplin we wspóÅ‚pracy projektanta i developera
- Importowanie ekranów aplikacji z programów Adobe XD i Figma
- Organizowanie i opisywanie zasobów
- Kontrola wersji projektu
- Tworzenie przewodnika stylów i stylów globalnych
- Komponenty
- WspóÅ‚dzielenie projektów i zasobów
- Eksport zasobów
- Przygotowanie materiaÅ‚ów handoff dla developera
Podsumowanie szkolenia, udostÄ™pnienie źródeÅ‚ inspiracji i zasobów do pracy wÅ‚asnej.
- ProwadzÄ…cy
- Marcin Wichrowski – wykładowca w Katedrze Multimediów w Polsko – Japońskiej Akademii Technik Komputerowych w Warszawie. Pasjonują go nowe, eksperymentalne formy interakcji człowiek-komputer oraz badanie ich wpływu na użyteczność i emocje odbiorców. Certyfikowany ekspert wielu programów Adobe.
- Forma
- Szkolenie jest prowadzone z wykorzystaniem praktycznej wiedzy.
- Czas trwania
- Szkolenie trwa 2 dni - 16 godzin (8.30-16.30)
- Lokalizacja
- Cena
- 1700 zł netto
- W cenÄ™ wliczono
- W cenę wliczony jest obiad podawany w czasie przerwy, serwis kawowy, materiały szkoleniowe, imienny certyfikat udziału.
- Zdobyta wiedza
- Czego się nauczysz Podstaw projektowania zorientowanego na użytkownika (User-Centered Design) i User Experience. Praktycznych umiejętności pracy z aplikacjami/serwisami do projektowania i prototypowania graficznych interfejsów użytkownika. Korzystania z wytycznych projektowych, wzorców i przewodników stylu dla różnych platform. Szybkiego prototypowania pozwalającego zwizualizować koncepcję projektu. Podstaw prototypowania interaktywnego interfejsu strony WWW. Podstaw prototypowania interaktywnego interfejsu aplikacji mobilnej. Podstaw prototypowania interaktywnego interfejsu aplikacji na smartwatch’a. Narzędzi i metod ułatwiających współpracę grafika i developera (developer handoff). Gdzie szukać inspiracji i źródeł do własnej nauki i doskonalenia zdobytych umiejętności. Współczesnych praktyk projektowych dotyczących projektowania stron internetowych na urządzenia mobilne takich jak podejście Mobile First oraz Responsive Web Design. Zasad i wytycznych dotyczących projektowania stron internetowych zapewniających wysoki poziom User Experience. Podstaw procesu koncepcyjnego, tworzenia architektury informacji i prototypowania stron. Instalowania i konfigurowania Bootstrap Framework. Wykorzystania systemu siatkowego do budowy responsywnych układów stron dla urządzeń typu desktop/tablet/smartfon. Stosowania w praktyce gotowych komponentów i elementów interfejsu. Pracy z rozszerzaniami do tworzenia interaktywnych elementów rozbudowujących funkcjonalność strony. Modyfikowania i konfiguracji frameworku Bootstrap do indywidualnych potrzeb. Metod i narzędzi do testowania i optymalizacji responsywnych układów stron.
- Certyfikaty
- Certyfikat Autoryzowanego Ośrodka Szkoleniowego Adobe