KWALIFIKACJA INF3 - STYCZEŃ 2021 (test 2)

PYTANIE NR 9.
Który zestaw pojęć definiuje interfejs użytkownika strony internetowej?
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Interfejs użytkownika to to, co użytkownik widzi i czym steruje na stronie: elementy nawigacji i kontroli oraz sposób interakcji (np. kliknięcia, wybory, wprowadzanie danych). Kwerendy i PHP dotyczą backendu, a szkice/diagramy oraz projektowanie informacji opisują etap analizy lub struktury, nie sam UI.

Pełne wyjaśnienie:

Interfejs użytkownika (UI) strony internetowej obejmuje wszystkie elementy, z których użytkownik korzysta podczas obsługi serwisu oraz sposób, w jaki system reaguje na działania użytkownika. Do UI zalicza się m.in. przyciski, menu, linki nawigacyjne, formularze, pola wyboru, suwaki, komunikaty i inne kontrolki, które umożliwiają wykonywanie akcji.

Odpowiedź "Przyciski, menu, interakcja użytkownika z aplikacją." trafnie wskazuje, że UI to warstwa kontaktu człowieka z systemem: elementy sterujące i mechanizmy interakcji (kliknięcia, wypełnianie pól, wybór opcji, nawigacja).

Pozostałe odpowiedzi opisują inne obszary:

  • "Wysyłanie kwerend do bazy, skrypty PHP." dotyczy backendu i logiki po stronie serwera. To są mechanizmy przetwarzania danych, zwykle niewidoczne dla użytkownika i niebędące elementami interfejsu.
  • "Szkic strony, diagram witryny, diagram przepływu informacji." to narzędzia etapu projektowego (makiety, architektura informacji, modelowanie przepływów). Pomagają zaplanować strukturę i działanie serwisu, ale same w sobie nie są gotowym UI, z którym użytkownik pracuje na stronie.
  • "Przetwarzanie informacji, system zarządzania treścią, projektowanie informacji." miesza zagadnienia zarządzania treścią (CMS) oraz ogólnego przetwarzania i projektowania informacji. Mogą wpływać na to, co finalnie widzi użytkownik, lecz nie definiują bezpośrednio elementów sterujących i warstwy interakcji.

W praktyce, gdy na egzaminie pojawia się pytanie o UI, warto szukać odpowiedzi mówiącej o widocznych komponentach i interakcjach, a nie o technologii serwerowej, bazach danych czy dokumentacji analitycznej.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
UI to warstwa strony WWW, z którą użytkownik bezpośrednio wchodzi w interakcję: elementy widoczne i sterowalne oraz reakcje systemu na działania (kliknięcia, wybory, wpisywanie danych). Obejmuje m.in. nawigację, przyciski, formularze, komunikaty.
Najczęściej są to: menu i nawigacja, przyciski akcji, linki, formularze (pola tekstowe, checkboxy, selecty), wyszukiwarka, komunikaty o błędach i potwierdzeniach, przełączniki oraz elementy ułatwiające orientację (breadcrumbs, paginacja).
PHP i zapytania do bazy danych działają po stronie serwera (backend) i realizują logikę oraz przetwarzanie danych. Użytkownik nie "obsługuje" ich bezpośrednio w przeglądarce. UI opisuje to, co użytkownik widzi i czym steruje, a nie mechanizmy serwerowe.
UI to konkretne elementy interfejsu i ich wygląd oraz zachowanie (np. menu, przyciski, formularz). UX to szersze doświadczenie użytkownika: czy korzystanie jest wygodne, zrozumiałe i skuteczne. Dobry UI wspiera UX, ale UX obejmuje też procesy i odczucia.
Makieta/szkic to materiał projektowy opisujący planowany układ i funkcje. Pomaga zaprojektować UI, ale nie jest jeszcze interfejsem używanym w przeglądarce. UI to wdrożona warstwa, z którą użytkownik realnie pracuje (np. w HTML/CSS/JS).
Jeśli w odpowiedziach pojawiają się elementy typu "przyciski", "menu", "formularze", "nawigacja", "komunikaty" – zwykle chodzi o UI. Jeśli padają terminy "baza danych", "kwerendy", "PHP", "API", "serwer" – to raczej backend lub logika aplikacji.
To sposób, w jaki użytkownik wykonuje działania w interfejsie i jak strona na nie odpowiada. Przykłady: kliknięcie przycisku i zmiana widoku, wypełnienie formularza i walidacja, wybór pozycji z menu, przewijanie i ładowanie treści.
Częste błędy to: utożsamianie UI z całym systemem (w tym bazą i serwerem), mylenie UI z dokumentacją (diagramy, mapy witryny), wybieranie odpowiedzi z ogólnymi hasłami typu "CMS" bez wskazania elementów interfejsu oraz mieszanie UI z UX.
HTML opisuje strukturę elementów interfejsu (np. przyciski, formularze), CSS odpowiada za wygląd (kolory, układ, responsywność), a JavaScript za zachowanie i interakcje (walidacja, dynamiczne menu, komunikaty). Razem tworzą warstwę UI w przeglądarce.
Warto powtórzyć rozróżnienie: frontend vs backend, podstawy baz danych i zapytań, pojęcia architektury informacji (mapa serwisu, przepływy), podstawy UX oraz rolę CMS. To pomaga szybciej zidentyfikować, czy odpowiedź opisuje UI czy inny obszar projektu.
info

Około 67% zdających odpowiada poprawnie na to pytanie. średnie

Według specjalistów z branży: "Interfejs użytkownika to to, co użytkownik widzi i czym steruje na stronie: elementy nawigacji i kontroli oraz sposób interakcji (np. kliknięcia, wybory, wprowadzanie danych)."

Źródła:

  • ISO 9241-210:2019, Ergonomics of human-system interaction — Part 210: Human-centred design for interactive systems (definicje i kontekst interakcji człowiek-system)
  • MDN Web Docs, hasło "User interface"/"UI" (materiały wprowadzające do pojęć interfejsu w kontekście aplikacji/WWW), https://developer.mozilla.org/ (dostęp 2026-02-27)
  • W3C WAI, materiały o komponentach interfejsu i interakcji użytkownika (UI components) w kontekście dostępności, https://www.w3.org/WAI/ (dostęp 2026-02-27)

Materiały:

  • Dokumentacja MDN Web Docs dotycząca podstaw interfejsu i komponentów strony
  • Materiały o rozróżnieniu UI/UX oraz podstawach projektowania interakcji
  • Wprowadzenie do ergonomii i projektowania zorientowanego na użytkownika (HCI)

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego