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