Szkolenie UX – Projektowanie i prototypowanie graficznych interfejsów użytkownika

cena 1600 zł (netto)

16h (2 dni)

Ścieżka: Tworzenie stron www i aplikacji

Najbliższy termin:


4-5 czerwca 2020

Sprawdź inne terminy zapisz się

Szkolenie UX – Projektowanie i prototypowanie graficznych interfejsów użytkownika

Szkolenie UX – Projektowanie i prototypowanie graficznych interfejsów użytkownika

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.

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.

Dla kogo jest to szkolenie?

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.

 

Czego oczekujemy?

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

Nasi trenerzy

Marcin Wichrowski

Specjalizuje się w zagadnieniach Human-Computer Interaction, Augmented Reality oraz Interactive Digital Storytelling. Autor artykułów naukowych dotyczących wykorzystania multimediów na potrzeby edukacji, sztuki, medycyny oraz wsparcia osób niepełnosprawnych.

dowiedz się więcej
o tym wykładowcy

Standard szkolenia

Jedyny w Polsce
Autoryzowany Ośrodek Szkoleniowy
Adobe i Maxon

Certyfikowani wykładowcy - praktycy

Najnowsze oprogramowanie i samodzielne stanowisko komputerowe PC/MAC

Certyfikat i materiały szkoleniowe

Małe, kameralne grupy szkoleniowe

Pyszny obiad i kawa

Submit your review
1
2
3
4
5
Submit
     
Cancel

Create your own review

IT Media
Average rating:  
 0 reviews

Czcesz zapytać o coś przed zakupem?
Napisz do nas na szkolenia@itmedia.pl

lub zadzwoń pod numer

22 678 38 87