Projektowanie interfejsów użytkownika

Ankieta USOS | Ankieta z pytaniem o podniesienie jakości zajęć

Projektowanie interfejsów użytkownika
Zajęcia odbywają się stacjonarnie
piątek 8.00 / 9.45 / 11.30 | s. C 0.32
Nie możesz dotrzeć na zajęcia? — połącz się na Teams
WH/AI/Projektowanie interfejsów użytkownika/2024-2025/Joanna Wróbel [m9jv4al]
Savoir-vivre spotkań online
Kontakt z prowadzącym
  1. Mail: joanna.wrobel(at)us.edu.pl | Drive
  2. Konsultacje: piątek 13.00-13.45 | A 4.18 lub Teams [LINK — umów się na spotkanie]

Program zajęć

UI Design Tools — ankieta

  1. Zasady pracy projektanta
  2. Figma: start |  podstawy 01 | 02 | 03 | Zadanie
  3. Figma: Dystrybucja obiektów | Praca z tekstem | Auto layout | Style | Komponenty | Prototypowanie | Plugins | Widgets
  4. Teoria projektowania wizualnego
  5. Typografia w web designie
  6. Kompozycja w web designie
  7. Kolor w web designie
  8. Podstawy responsywności
  9. UI Design
  10. Design system

Zasady zaliczenia

projekt strony internetowej w Figmie
  1. homepage + nawigacja wersja desktop i mobile
  2. pozostałe podstrony w wersji desktop
  3. zespoły 2-osobowe
  4. od 8. listopada prezentują Państwo całej grupie pomysł i zakres prac nad projektem [więcej szczegółów]

Jeśli nie było Pana/i na zajęciach zachęcam, aby samodzielnie przerobić temat i wykonać ćwiczenia. W razie trudności zapraszam na konsultacje.

Literatura

  1. Fabricant R., Kuang C. (2022) User Friendly. Jak niewidoczne zasady projektowania zmieniają nasze życie, pracę i rozrywkę. Karakter
  2. Raport UX i Product design w Polsce — Raport 2021 [2012, 2013, 2015, 2017, 2018, 2020]
  3. Tidwell J. (2012) Projektowanie interfejsów: sprawdzone wzorce projektowe. Helion [Open WorldCat]
  4. Tomaszczyk J., Matysek, A. IA, UX, UID, IxD – analiza terminów i pojęć. Zagadnienia Informacji Naukowej 2020 | Vol. 58 | 121—143 [PDF]
  5. Wasyluk I., Kozieł G. Analiza wpływu projektu interfejsu graficznego na liczbę i czas odwiedzin strony. Journal of Computer Sciences Institute 2019 | Vol. 12 | 187—192 [PDF]

paper – wprowadzenie

Inspiracje

  1. Figma — blog | kanał na YT
  2. Artykuły Nathana Curtisa na platformie medium.com
  3. Podcasty Design Practice | Nie tylko design | TechStorie
  4. UI Coach
  5. UxTools — ranking narzędzi stosowanych na różnych etapach projektowych
  6. Behance, Dribbble — portfolio
  7. Wydawnictwo i pracownia d2d.pl
  8. Design i Dev
    Adobe Firefly — do generowania zdjęć, obrazków wektorowych, obrazów
    Builder.io     —  transformuje projekty z Figmy na kod
    Cursor.sh — edytor kodu zasilany przez AI
    Rive — do tworzenia lekkich animacji do interfejsów oraz dodawania złożonych interakcji