KWALIFIKACJA INF3 - STYCZEŃ 2022

PYTANIE NR 9.
Który zestaw pojęć służy do definicji interfejsu użytkownika strony internetowej?
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Interfejs użytkownika to elementy, z którymi użytkownik bezpośrednio wchodzi w interakcję na stronie/aplikacji, np. przyciski i menu oraz sposób obsługi akcji. Pozostałe zestawy dotyczą warstwy backendowej (zapytania do bazy, PHP) albo dokumentacji i struktury informacji (makiety, diagramy, przepływy).

Pełne wyjaśnienie:

Interfejs użytkownika (UI) obejmuje wszystkie elementy widoczne na ekranie oraz mechanizmy sterowania, które pozwalają użytkownikowi obsłużyć stronę lub aplikację. W praktyce są to m.in. przyciski, menu, linki, formularze, przełączniki, pola tekstowe, komunikaty, a także zasady interakcji (np. co dzieje się po kliknięciu, jak wygląda stan aktywny, jak użytkownik otrzymuje informację zwrotną).

Dlatego odpowiedź "Przyciski, menu, interakcja użytkownika z aplikacją." pasuje do definicji UI: wskazuje na typowe komponenty interfejsu oraz samo zachowanie/interakcję, które są częścią warstwy prezentacji i obsługi użytkownika.

Pozostałe propozycje nie opisują UI, tylko inne obszary tworzenia serwisów:

  • "Wysyłanie kwerend do bazy, skrypty PHP." – to warstwa backendowa (logika serwera, komunikacja z bazą danych). Użytkownik nie widzi kwerend ani skryptów jako elementów interfejsu; są one "pod spodem".
  • "Szkic strony, diagram witryny, diagram przepływu informacji." – to artefakty projektowe/dokumentacja (makiety, sitemap, flow). Mogą pomagać zaprojektować UI, ale same w sobie nie są interfejsem, z którego korzysta użytkownik w gotowym systemie.
  • "Przetwarzanie informacji, system zarządzania treścią, projektowanie informacji." – te pojęcia odnoszą się do przetwarzania danych, narzędzi CMS oraz szerzej rozumianej architektury/projektowania informacji. To ważne obszary, lecz nie są to bezpośrednie elementy sterujące i widoczne komponenty UI.

Wskazówka egzaminacyjna: gdy w odpowiedziach pojawiają się technologie serwerowe (PHP, baza danych) lub dokumenty typu diagram/sitemap, zwykle nie są to elementy UI. UI rozpoznasz po tym, że da się je "kliknąć", "wybrać" lub "wpisać" z perspektywy użytkownika.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Interfejs użytkownika (UI) to warstwa strony/aplikacji, którą użytkownik widzi i obsługuje: układ ekranów, kontrolki (np. przyciski, menu), pola formularzy oraz komunikaty. UI opisuje też sposób interakcji, czyli jak system reaguje na działania użytkownika.
Najczęściej są to: menu nawigacyjne, przyciski akcji, linki, formularze (pola tekstowe, checkboxy), wyszukiwarka, paginacja, komunikaty błędów i potwierdzeń oraz elementy informacyjne (np. breadcrumb). To wszystko, czym użytkownik steruje i co odczytuje na ekranie.
Kwerendy do bazy i logika serwerowa działają w tle (backend). Użytkownik widzi efekt ich działania (np. listę produktów), ale nie widzi samych zapytań ani ich składni. UI dotyczy tego, co jest prezentowane i jak użytkownik może wykonać akcję, a nie tego, jak dane są pobierane.
UI to konkretne elementy interakcji i wyglądu na ekranie (np. menu, przyciski). Architektura informacji dotyczy organizacji treści: struktury działów, hierarchii informacji, nawigacji na poziomie koncepcyjnym (np. mapa strony). AI wspiera projekt UI, ale nie jest tym samym.
Makieta/szkic to dokument projektowy przedstawiający plan interfejsu. Pomaga zaprojektować UI, ale sam nie jest UI w działającym systemie. UI to gotowe, widoczne komponenty w przeglądarce/aplikacji oraz ich zachowanie podczas kliknięć, wpisywania i nawigowania.
Szukaj pojęć wskazujących na elementy, które użytkownik może obsłużyć: "przycisk", "menu", "formularz", "nawigacja", "komunikat", "interakcja". Jeśli odpowiedź mówi o bazie danych, języku serwerowym lub przetwarzaniu danych, zwykle dotyczy backendu, a nie UI.
Typowe pomyłki to: utożsamianie UI z backendem (PHP, zapytania SQL), mylenie UI z dokumentacją projektu (diagramy, sitemap), albo zbyt szerokie traktowanie UI jako "wszystkiego, co związane ze stroną". Na egzaminie warto odróżniać warstwę prezentacji od logiki.
Element nawigacji jest częścią UI zawsze wtedy, gdy użytkownik widzi go i używa do przemieszczania się po serwisie: menu główne, stopka z linkami, okruszki (breadcrumb), przyciski "dalej/wstecz", paginacja. UI obejmuje też stany aktywne i informację zwrotną po akcji.
CMS (system zarządzania treścią) to przede wszystkim narzędzie i platforma do zarządzania treścią (często po stronie administracyjnej). Może mieć własny panel UI dla redaktora, ale w kontekście strony publicznej CMS nie jest "zestawem elementów UI" dla odwiedzającego — raczej zapleczem systemu.
Utrwal słownictwo frontendu: komponenty interfejsu (przyciski, menu, formularze), podstawy użyteczności i nawigacji oraz podział na frontend/backend. Ćwicz na przykładach: wskaż na stronie elementy UI i opisz ich rolę. To pomaga szybko odsiać odpowiedzi o bazie danych i skryptach.
info

Statystycznie 62% uczniów zna prawidłową odpowiedź. średnie

Według specjalistów z branży: "Interfejs użytkownika to elementy, z którymi użytkownik bezpośrednio wchodzi w interakcję na stronie/aplikacji, np. przyciski i menu oraz sposób obsługi akcji."

Źródła:

  • MDN Web Docs Glossary: User interface (UI) — https://developer.mozilla.org/en-US/docs/Glossary/User_interface — accessed 2026-03-01
  • ISO 9241-210:2019 Ergonomics of human-system interaction — Part 210: Human-centred design for interactive systems (definicje i kontekst HCI/UI) — 2019
  • Nielsen Norman Group: definicje i artykuły dot. UI/Interaction Design (np. hasła "User Interface", "Interaction Design") — https://www.nngroup.com/articles/ — accessed 2026-03-01

Materiały:

  • Dokumentacja MDN Web Docs (hasła: user interface, navigation, form controls)
  • Materiały W3C/WAI dotyczące projektowania dostępnych komponentów interfejsu
  • Artykuły Nielsen Norman Group o elementach interfejsu i wzorcach nawigacji

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego