KWALIFIKACJA PGF4 - CZERWIEC 2021 (test 2)

PYTANIE NR 27.
Która z wymienionych zasad nie dotyczy projektowania stron internetowych?
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
W projektowaniu stron WWW typowe zasady to spójność stylu, dbałość o czytelność oraz ułatwianie skanowania treści (np. krótsze bloki tekstu). "Wprowadzanie co najmniej trzech par barw dopełniających" nie jest uniwersalną regułą i może nawet obniżać czytelność oraz spójność identyfikacji.

Pełne wyjaśnienie:

Pytanie dotyczy rozpoznania, która propozycja nie jest typową zasadą dobrych praktyk w projektowaniu stron internetowych. W praktyce projektowanie WWW łączy estetykę z użytecznością: strona ma być spójna, czytelna i ułatwiać szybkie znalezienie informacji.

Zachowanie konsekwencji stylu jest klasyczną zasadą UI/UX. Oznacza to m.in. jednolite użycie typografii, podobnych komponentów (np. przycisków), przewidywalnych stanów elementów oraz spójnej kolorystyki. Spójność zmniejsza obciążenie poznawcze, bo użytkownik nie musi za każdym razem "uczyć się" nowego sposobu działania interfejsu.

Stosowanie małych bloków tekstowych wspiera czytelność na ekranie: ułatwia skanowanie treści, pracę z nagłówkami i listami oraz korzystanie na urządzeniach mobilnych. Nie znaczy to, że treść ma być zawsze krótka, lecz że warto ją dzielić logicznie i podawać w porcjach, które łatwo przyswoić.

Projektowanie sugestywnych grafik może być elementem dobrych praktyk, o ile grafika ma cel: wspiera komunikat, prowadzi wzrok, buduje hierarchię i nie utrudnia korzystania z serwisu (np. nie obniża czytelności tekstu, nie rozprasza nadmierną animacją).

Natomiast wprowadzanie co najmniej trzech par barw wzajemnie dopełniających nie jest uniwersalną zasadą projektowania WWW. Paleta kolorów powinna wynikać z identyfikacji wizualnej, funkcji serwisu i zasad dostępności. Zbyt wiele kontrastowych par dopełniających może powodować wrażenie chaosu, męczyć wzrok, osłabiać hierarchię i utrudniać zachowanie spójności. W praktyce częściej dąży się do ograniczonej palety z jednym lub kilkoma kolorami akcentowymi oraz odpowiednim kontrastem.

Wskazówka egzaminacyjna: gdy pytanie brzmi "która zasada nie dotyczy…", zwracaj uwagę na odpowiedzi kategoryczne i liczbowo narzucone (np. "co najmniej trzy…"). Dobre praktyki w UI/UX zwykle są zależne od kontekstu i rzadko mają sztywne minima liczbowe.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Spójność stylu to jednolite zasady wizualne i funkcjonalne: te same kroje pisma, powtarzalne komponenty (np. przyciski), podobne odstępy, jedna paleta barw i przewidywalne zachowania elementów. Dzięki temu użytkownik szybciej rozumie interfejs i rzadziej popełnia błędy.
Krótsze akapity ułatwiają skanowanie treści wzrokiem, zwłaszcza na smartfonie. Pomagają też budować hierarchię informacji z użyciem nagłówków i list. To zwiększa czytelność i skraca czas znalezienia odpowiedzi, bez konieczności "ściany tekstu".
Nadmierna liczba mocnych kontrastów zaburza hierarchię (nie wiadomo, co jest najważniejsze), męczy wzrok i obniża poczucie porządku. Użytkownik szybciej się rozprasza, a projekt traci spójność. Lepsze jest ograniczenie palety i stosowanie koloru akcentowego.
Najpierw zadbaj o kontrast tekstu do tła oraz spójność palety z identyfikacją marki. Następnie wybierz 1–2 kolory akcentowe dla elementów ważnych (CTA, linki). Testuj wygląd na różnych ekranach i sprawdzaj, czy informacja nie jest przekazywana wyłącznie kolorem.
Grafiki są dobre, gdy mają cel: wspierają przekaz, kierują uwagę, tłumaczą produkt lub porządkują treść. Nie są dobre, gdy są przypadkowe, zbyt ciężkie (spowalniają stronę) albo konkurują z treścią. Na egzaminie liczy się rozumienie funkcji grafiki, nie samo "ładne tło".
Typowe błędy to: zbyt wiele barw równorzędnych, brak jednego koloru akcentowego, niewystarczający kontrast tekstu, dobór kolorów "pod gust" bez spójności z marką oraz ignorowanie stanów elementów (hover, focus, disabled). Warto projektować paletę systemowo.
Hierarchia informacji to takie ułożenie treści i elementów, aby użytkownik intuicyjnie widział: co jest najważniejsze, co drugorzędne i gdzie kliknąć. Buduje się ją nagłówkami, wielkością pisma, kontrastem, odstępami, kolejnością sekcji i wyróżnieniem elementów akcji (np. przycisku).
Bo web design łączy kilka obszarów: estetykę, użyteczność, dostępność, treść i technologię. Ta sama decyzja może być dobra w jednym kontekście (landing page) i zła w innym (panel administracyjny). Dlatego warto szukać odpowiedzi najbardziej "uniwersalnej" i zgodnej z UX.
Zasady są zwykle ogólne i kontekstowe (np. spójność, czytelność). "Reguły" podejrzanie sztywne często zawierają liczby i minima (np. "co najmniej trzy…"), które nie pasują do praktyki. Na egzaminie takie odpowiedzi częściej są dystraktorami niż realnymi standardami.
Ćwicz analizę stron: oceń spójność, czytelność, hierarchię i kolorystykę. Ucz się podstaw dostępności (kontrast, czytelne teksty) i projektowania treści (nagłówki, akapity, listy). Rób krótkie makiety i porównuj je z dobrymi praktykami z design systemów.
info

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

Specjaliści zwracają uwagę: "W projektowaniu stron WWW typowe zasady to spójność stylu, dbałość o czytelność oraz ułatwianie skanowania treści (np. krótsze bloki tekstu)."

Źródła:

  • W3C: Web Content Accessibility Guidelines (WCAG) 2.2, sekcje dot. kontrastu i czytelności tekstu (Success Criteria 1.4.x) – https://www.w3.org/TR/WCAG22/ (dostęp: 2026-02-18)
  • Nielsen Norman Group: Consistency and Standards (heurystyki użyteczności, spójność interfejsu) – https://www.nngroup.com/articles/ten-usability-heuristics/ (dostęp: 2026-02-18)
  • Google Material Design: Color system (zasady doboru palety i kolorów akcentowych) – https://m3.material.io/styles/color/overview (dostęp: 2026-02-18)

Materiały:

  • Wytyczne dostępności WCAG (kontrast i czytelność treści)
  • Materiały o heurystykach użyteczności i spójności interfejsu
  • Podstawy teorii koloru w projektowaniu UI (palety, akcenty, kontrast)

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego