User Experience 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.
- 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.
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).Szkolenie UX – Projektowanie i prototypowanie graficznych interfejsów użytkownika pozwoli usprawnić efektywność wspóÅ‚pracy zespoÅ‚owej (w szczególnoÅ›ci projektanta i developera) dziÄ™ki przygotowaniu specyfikacji projektowych (developer handoff) bezpoÅ›rednio w aplikacjach do prototypowania jak w i dedykowanym do tego serwisie/aplikacji Zeplin. Umożliwia on m.in. importowanie ekranów projektów z aplikacji Adobe XD, Figma, Sketch, kontrolÄ™ wersji projektu, podglÄ…d wymiarów elementów, udostÄ™pnianie zasób graficznych, budowÄ™ globalnych styli projektowych i generowanie kodu źródÅ‚owego dla różnych platform (CSS, iOS, Android).
Uczestnicy poza umiejÄ™tnoÅ›ciami praktycznymi zdobÄ™dÄ… również wiedzÄ™ dotyczÄ…cÄ… szeregu zagadnieÅ„ teoretycznych zwiÄ…zanych z projektowaniem graficznych interfejsów użytkownika. Omówiona zostanie rola prototypowania w procesie projektowania UX, różne rodzaje i zastosowanie prototypów, sposoby wykorzystania wytycznych, szablonów i przewodników stylu oraz dobre praktyki projektowe.
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)
- Termin / Lokalizacja
-
- 27.02.2020 / IT Media Warszawa, Ul. Jagiellońska 88
- 26.03.2020 / IT Media Warszawa, Ul. Jagiellońska 88
- Cena
- 1600 zł netto
- 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