KWALIFIKACJA PGF4 - STYCZEŃ 2018

PYTANIE NR 25.
Tworząc skuteczny baner internetowy, należy zadbać o
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Skuteczny baner powinien być szybki w odbiorze: ma jasną hierarchię i jeden główny komunikat. Prostota i spójność kompozycji poprawiają czytelność, ułatwiają zauważenie CTA i ograniczają "szum" informacyjny. Nadmiar kolorów i elementów zwykle obniża zrozumienie przekazu.

Pełne wyjaśnienie:

W banerze internetowym użytkownik ma zwykle ułamki sekund na zarejestrowanie przekazu. Dlatego kluczowe jest, aby kompozycja była prosta i spójna: jeden główny komunikat, czytelna typografia, wyraźny kontrast oraz logiczna hierarchia (np. marka → korzyść/oferta → wezwanie do działania).

Odpowiedź "prostotę i spójność kompozycji" jest właściwa, bo:

  • zmniejsza obciążenie poznawcze i przyspiesza rozumienie treści,
  • ułatwia kierowanie wzroku (najpierw to, co najważniejsze),
  • ogranicza ryzyko, że odbiorca "zgubi" przekaz wśród ozdobników,
  • sprzyja konsekwencji w systemie identyfikacji wizualnej marki.

Dlaczego pozostałe propozycje nie są najlepszą zasadą projektową?

  • "wielobarwność" sama w sobie nie zwiększa skuteczności. Zbyt wiele barw często obniża spójność, utrudnia kontrast i rozprasza, szczególnie na małych formatach.
  • "duży wymiar" bywa korzystny, ale nie jest regułą ani gwarancją skuteczności. Liczą się treść, czytelność i hierarchia, a format jest często narzucony przez system reklamowy.
  • "różnorodność graficzną i tekstową" łatwo pomylić z "atrakcyjnością", jednak nadmiar stylów, ozdobników i tekstu zwykle zmniejsza czytelność, rozmywa przekaz i osłabia punkt ciężkości kompozycji.

W praktyce warto stosować zasadę: jedna myśl, jeden fokus, jedno CTA. Dopiero potem można świadomie dodawać elementy, jeśli nie psują czytelności i spójności.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Spójna kompozycja oznacza, że elementy baneru (kolor, fonty, ikony, zdjęcia, odstępy) tworzą jeden czytelny układ i nie "walczą" ze sobą o uwagę. Użytkownik od razu wie, co jest najważniejsze: oferta/korzyść, marka i wezwanie do działania.
Prostota skraca czas potrzebny na zrozumienie przekazu. Baner jest widziany krótko i często w rozproszeniu, więc mniejsza liczba elementów i jeden główny komunikat zwiększają szansę, że użytkownik zapamięta ofertę i zauważy CTA.
Zbyt wiele barw może obniżyć kontrast i czytelność oraz wprowadzić chaos. Kolor powinien wspierać hierarchię (np. wyróżnić CTA), a nie tworzyć "szum". W praktyce lepiej użyć ograniczonej palety zgodnej z identyfikacją marki.
Najczęściej wyróżnia się: kluczową korzyść/ofertę, element marki (logo/nazwa) i CTA (np. przycisk). Reszta ma wspierać przekaz, a nie go dominować. Widoczność buduje się kontrastem, wielkością, pozycją i odstępami.
Nie zawsze. Większy format może dać więcej miejsca, ale skuteczność zależy głównie od jasnego komunikatu i czytelności. Często format jest narzucony przez system reklamowy, więc kluczowe jest dopasowanie hierarchii i typografii do dostępnej przestrzeni.
Stosuj zasadę "minimum słów": jedno hasło i ewentualnie krótka doprecyzowująca linia. Resztę informacji przenieś na landing page. Pomaga też podział na 2–3 poziomy typografii oraz test: czy da się odczytać sens w 1–2 sekundy.
Użyj prostego kroju pisma, ogranicz liczbę fontów i zadbaj o kontrast z tłem. Ważne są też odstępy (interlinia, marginesy) i hierarchia: większy rozmiar dla hasła, mniejszy dla dopisku. Unikaj cienkich krojów na jasnym tle.
Typowe błędy to: zbyt dużo elementów, brak hierarchii, słaby kontrast, za mały tekst, kilka konkurujących CTA, przypadkowa kolorystyka i niespójny styl. Częsty problem to też "ozdobność" bez funkcji, która rozprasza zamiast prowadzić wzrok.
Animacja ma sens, gdy wzmacnia jeden komunikat (np. subtelne pokazanie korzyści lub CTA) i nie powoduje chaosu. Powinna być krótka, czytelna i nie przeładowana scenami. Jeśli animacja utrudnia odczytanie treści, lepsza będzie wersja statyczna.
Zrób test 1 sekundy: spójrz na baner krótko i odpowiedz, co reklamuje oraz co masz zrobić dalej. Jeśli nie potrafisz, uprość układ, skróć tekst i wzmocnij hierarchię (kontrast, wielkość, pozycja CTA). Pomagają też szybkie testy A/B.
info

To pytanie poprawnie rozwiązuje 55% zdających egzamin. średnie

Specjaliści zwracają uwagę: "Skuteczny baner powinien być szybki w odbiorze: ma jasną hierarchię i jeden główny komunikat."

Źródła:

  • Nielsen Norman Group: "Banner Blindness: Old and New Findings" https://www.nngroup.com/articles/banner-blindness/ (dostęp: 2026-03-01)
  • Google Ads Help: "Display ad formats" https://support.google.com/google-ads/answer/1722096 (dostęp: 2026-03-01)
  • Nielsen Norman Group: "Visual Hierarchy" https://www.nngroup.com/articles/visual-hierarchy-ux-definition/ (dostęp: 2026-03-01)

Materiały:

  • Artykuły o zasadach hierarchii wizualnej i czytelności w UI (UX)
  • Materiały o projektowaniu reklam display i banerów (best practices) od platform reklamowych
  • Podręczniki/opracowania z zakresu podstaw projektowania graficznego: kompozycja, typografia, kolor

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego