Dzień 1

Moduł 1 – Podstawy UX/UI aplikacji mobilnych

• Rola UX i UI – potrzeby użytkownika, cele biznesowe, użyteczność, estetyka oraz spójność doświadczenia
• Specyfika urządzeń mobilnych – niewielki ekran, obsługa dotykowa, mobilny kontekst użycia, przerwy w realizacji zadań oraz ograniczenia uwagi
• Wzorce platform mobilnych – podstawowe zasady Apple Human Interface Guidelines oraz Material Design
• Kontekst użytkownika – miejsce, czas, dostępność sieci, sposób trzymania urządzenia oraz warunki otoczenia
• Grupy użytkowników – persony, cele, potrzeby, motywacje, bariery i ograniczenia
• Mapa doświadczeń użytkownika – etapy procesu, punkty kontaktu, problemy, emocje oraz możliwości usprawnień
• Scenariusze użycia – zadania użytkownika, kontekst realizacji, oczekiwany rezultat oraz przypadki brzegowe
• Założenia projektowe – fakty, hipotezy, niewiadome oraz obszary wymagające dalszej weryfikacji
• Dostępność i projektowanie inkluzywne – różnorodność potrzeb, ograniczenia wzroku, słuchu, motoryki i funkcji poznawczych
• Kryteria jakości aplikacji mobilnej – skuteczność, efektywność, czytelność, przewidywalność i informacja zwrotna

Moduł 2 – Struktura i projekt interfejsu mobilnego

• Architektura informacji – hierarchia treści, grupowanie funkcji, nazewnictwo oraz priorytety użytkownika
• Przepływy użytkownika – punkty wejścia, kolejne kroki, decyzje, zakończenia oraz sytuacje wyjątkowe
• Nawigacja mobilna – dolny pasek nawigacyjny, zakładki, stos ekranów, menu, gesty oraz przycisk powrotu
• Struktura ekranu – nagłówek, treść główna, akcje podstawowe, akcje dodatkowe oraz elementy systemowe
• Siatki i odstępy – marginesy, rytm, wyrównanie, grupowanie oraz spójność układu
• Typografia mobilna – hierarchia, rozmiary tekstu, interlinia, długość wiersza oraz skalowanie systemowe
• Kolor i kontrast – role semantyczne, stany interfejsu, tryb jasny, tryb ciemny oraz czytelność treści
• Obszary dotykowe – minimalne rozmiary, odstępy między elementami, ergonomia kciuka oraz zapobieganie przypadkowym aktywacjom
• Bezpieczne obszary ekranu – wycięcia, paski systemowe, wskaźnik gestów oraz różne proporcje urządzeń
• Interfejsy adaptacyjne – rozmiary ekranów, orientacja pionowa i pozioma, urządzenia składane oraz zmienna wielkość tekstu
• Środowisko Figma – ramki, strony, warstwy, style, komponenty, warianty oraz organizacja pliku
• Automatyczny układ – kierunek, odstępy, wyrównanie, wypełnienie, zmiana rozmiaru oraz elastyczne komponenty

Dzień 2

Moduł 3 – Komponenty, stany i prototyp mobilny

• Biblioteka komponentów – przyciski, pola formularzy, karty, listy, paski nawigacyjne oraz elementy modalne
• Warianty komponentów – typy, rozmiary, stany, motywy oraz właściwości wymienne
• Stany interfejsu – stan domyślny, aktywny, nieaktywny, zaznaczony, ładowania, sukcesu i błędu
• Formularze mobilne – etykiety, podpowiedzi, klawiatury ekranowe, formaty danych oraz kolejność pól
• Walidacja formularzy – błędy lokalne, komunikaty, zachowanie wartości, korekta danych oraz potwierdzenie wyniku
• Ekrany systemowe – logowanie, rejestracja, odzyskiwanie dostępu, zgody, uprawnienia i ustawienia
• Stany puste – brak danych, brak wyników, pierwszy kontakt z funkcją oraz rekomendowana akcja
• Stany ładowania – wskaźniki postępu, szkielety treści, operacje oczekujące oraz komunikacja czasu
• Stany błędów – brak sieci, błąd serwera, utrata sesji, nieprawidłowe dane oraz możliwość ponowienia operacji
• Mikrointerakcje – reakcje na dotyk, potwierdzenia, przejścia, zmiany stanu oraz umiarkowane animacje
• Prototyp interaktywny – połączenia ekranów, wyzwalacze, przejścia, nakładki i przewijanie
• Podgląd na urządzeniu – skala, ergonomia, czytelność, działanie gestów oraz ciągłość przepływu
• Dane testowe – realistyczne treści, wartości graniczne, długie etykiety oraz nietypowe scenariusze

Moduł 4 – Testy użyteczności i optymalizacja doświadczenia

• Cel testu użyteczności – pytania badawcze, hipotezy oraz kryteria powodzenia
• Scenariusz testu – kontekst, zadania, kolejność, instrukcje oraz przewidywany czas
• Dobór uczestników – profil użytkownika, doświadczenie, potrzeby oraz ograniczenia
• Neutralne pytania – brak sugestii, koncentracja na zachowaniu oraz oddzielenie obserwacji od opinii
• Obserwacja użytkownika – ścieżka działania, zawahania, błędy, niezrozumiałe elementy oraz punkty rezygnacji
• Dokumentacja wyników – notatki, cytaty, zdarzenia, problemy oraz kontekst ich wystąpienia
• Klasyfikacja problemów – częstotliwość, dotkliwość, wpływ na zadanie oraz ryzyko biznesowe
• Priorytety zmian – problemy krytyczne, poprawki szybkie, zmiany strukturalne oraz obszary dalszych badań
• Dostępność interfejsu – kontrast, skalowanie tekstu, kolejność fokusu, etykiety oraz komunikacja bez zależności od koloru
• Nawigacja klawiaturowa i technologie asystujące – logiczna kolejność, nazwy elementów oraz znaczenie stanów
• Ciągłość doświadczenia – przerwanie zadania, powrót do aplikacji, zapis stanu oraz odzyskanie danych
• Praca bez dostępu do sieci – dostępne funkcje, kolejka operacji, synchronizacja oraz komunikaty
• Ograniczenie obciążenia poznawczego – liczba decyzji, porcjowanie informacji, domyślne wartości oraz stopniowe ujawnianie treści
• Iteracja projektu – lista zmian, aktualizacja komponentów, ponowna walidacja oraz dokumentacja decyzji

Dzień 3

Moduł 5 – Współczesne wzorce, dostępność i ryzyka projektowe

• Współczesne wzorce wizualne – minimalizm funkcjonalny, duża typografia, warstwowość, karty oraz kontekstowe akcje
• Tryb jasny i ciemny – palety semantyczne, kontrast, powierzchnie, obrazy oraz zgodność stanów
• Personalizacja interfejsu – preferencje, kolejność treści, ustawienia użytkownika oraz kontrola zakresu zmian
• Interfejsy adaptacyjne – telefony, tablety, urządzenia składane oraz różne sposoby rozmieszczenia treści
• Funkcje kontekstowe – lokalizacja, pora dnia, stan urządzenia oraz bieżące zadanie użytkownika
• Rozszerzona rzeczywistość – warstwa cyfrowa, orientacja przestrzenna, czytelność i bezpieczeństwo użytkownika
• Wieloplatformowość – spójność produktu, różnice systemowe oraz priorytet natywnych wzorców interakcji
• Dostępność cyfrowa – kontrast, powiększenie treści, redukcja ruchu, napisy, etykiety oraz alternatywne metody obsługi
• Prywatność użytkownika – minimalizacja danych, przejrzysty cel, retencja informacji oraz kontrola użytkownika
• Uprawnienia aplikacji – kontekst prośby, uzasadnienie, odmowa, ponowienie oraz działanie bez dostępu
• Zgody i komunikaty – prosty język, jednoznaczne wybory, brak wymuszania oraz możliwość zmiany decyzji
• Manipulacyjne wzorce interfejsu – ukryte koszty, utrudniona rezygnacja, wymuszone działania oraz fałszywa pilność
• Automatyzacja i funkcje AI – transparentność działania, możliwość korekty, błędne wyniki oraz odpowiedzialność za decyzję
• Ryzyka wykluczenia – uprzedzenia w danych, niedostępne treści, założenia kulturowe oraz brak reprezentacji użytkowników
• Dokumentacja ograniczeń – znane ryzyka, nieweryfikowane hipotezy, zależności techniczne oraz rekomendacje dalszych testów

Moduł 6 – Warsztat praktyczny: projekt aplikacji mobilnej

• Definicja wyzwania projektowego – użytkownik, potrzeba, cel, kontekst oraz ograniczenia
• Zakres projektu – kluczowy przepływ, liczba ekranów, funkcje podstawowe oraz elementy poza zakresem
• Architektura informacji – struktura treści, nazewnictwo, hierarchia oraz zależności między ekranami
• Mapa przepływu użytkownika – punkt wejścia, kroki, decyzje, sytuacje wyjątkowe oraz zakończenie procesu
• Zestaw ekranów – ekran startowy, widoki główne, formularze, potwierdzenia, błędy i stany puste
• Komponenty interfejsu – przyciski, pola, listy, karty, nawigacja, alerty oraz wskaźniki postępu
• Stany komponentów – aktywność, nieaktywność, wybór, ładowanie, sukces oraz błąd
• Hierarchia wizualna – typografia, kolor, kontrast, odstępy oraz priorytety działań
• Warianty responsywne – różne rozmiary ekranów, orientacje oraz ustawienia tekstu
• Klikalny prototyp – przejścia, gesty, nakładki, przewijanie oraz powrót do wcześniejszych kroków
• Podstawowa walidacja dostępności – kontrast, obszary dotykowe, czytelność, etykiety i komunikaty
• Scenariusz testu użyteczności – zadania, pytania, dane wejściowe oraz kryteria powodzenia
• Wyniki testu – obserwacje, problemy, priorytety oraz rekomendowane poprawki
• Iteracja projektu – korekty przepływu, ekranów, komponentów i komunikatów
• Specyfikacja projektu – nazwy komponentów, warianty, stany, zachowania i podstawowe adnotacje
• Prezentacja rozwiązania – problem, użytkownik, przepływ, decyzje projektowe, ograniczenia oraz kolejne kroki