KWALIFIKACJA PGF8 - STYCZEŃ 2019

PYTANIE NR 33.
W szczegółach dotyczących zlecenia wykonania strony internetowej klient podkreślił, że zależy mu, aby można było wygodnie korzystać ze strony przy użyciu tabletów i smartfonów oraz aby kontrahenci mogli szybko zadać pytanie lub złożyć zamówienie. Który z opisanych pakietów należy zaproponować klientowi?
Ilustracja przedstawia tabelę z czterema kolumnami, z których każda opisuje inny rodzaj pakietu usług związanych z
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Klient wymaga wygodnego korzystania na tabletach i smartfonach, więc kluczowa jest responsywność (RWD) i dopasowanie interfejsu do ekranów mobilnych.
Jednocześnie zależy mu na szybkim zadaniu pytania lub złożeniu zamówienia, więc pakiet powinien zawierać elementy konwersji (CTA, formularz kontaktowy/zamówienia). To odpowiada wariantowi "profesjonalnemu".

Pełne wyjaśnienie:

W opisie zlecenia pojawiają się dwa konkretne wymagania funkcjonalne:

  • Wygodne korzystanie na tabletach i smartfonach – w praktyce oznacza to responsywny projekt (RWD), czyli automatyczne dopasowanie układu, rozmiarów tekstu i przycisków do różnych rozdzielczości oraz obsługę dotyku.
  • Szybkie zadanie pytania lub złożenie zamówienia – to potrzeba skrócenia "ścieżki użytkownika" do działania: widoczne przyciski CTA, prosty formularz, jasne dane kontaktowe, ewentualnie moduł zamówień.

Z tych przesłanek wynika, że najlepszy będzie pakiet, który obejmuje nie tylko podstawową obecność w sieci, ale też funkcje wspierające konwersję (pozyskanie leadów lub zamówień) oraz pełną użyteczność na urządzeniach mobilnych. W realnych ofertach rynkowych taką kombinację (RWD + elementy sprzedażowo-kontaktowe) najczęściej zawiera wariant określany jako "profesjonalny".

Dlaczego pozostałe pakiety bywają nieadekwatne?

  • Pakiet "podstawowy" (często) skupia się na prostej stronie-wizytówce i może nie zawierać dopracowanej wersji mobilnej ani rozbudowanych formularzy.
  • Pakiet nastawiony na estetykę lub prezentację (np. galeria/portfolio) może nie zapewniać szybkiego procesu zapytania lub zamówienia, jeśli brakuje CTA i formularzy.
  • Pakiet "techniczny" lub "hostingowy" może oferować zasoby serwera, domenę czy skrzynki e-mail, ale nie rozwiązuje problemu UX mobilnego i konwersji, jeśli nie obejmuje projektu RWD i komponentów kontaktu.

Na egzaminie warto czytać takie zadania jak mini-brief: podkreśl słowa kluczowe (smartfony/tablety, szybko zadać pytanie, złożyć zamówienie) i dopasuj pakiet, który zawiera zarówno RWD, jak i narzędzia kontaktu/zamówień.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Responsywna strona (RWD) automatycznie dopasowuje układ i elementy do rozmiaru ekranu (smartfon, tablet, komputer). Dzięki temu tekst jest czytelny, przyciski wygodne do kliknięcia, a użytkownik nie musi powiększać widoku. To kluczowe wymaganie przy ruchu mobilnym w kampaniach reklamowych.
Najczęściej są to: widoczny przycisk CTA (np. "Zapytaj", "Zamów"), krótki formularz, stały przycisk kontaktu na mobile, czytelne dane firmy i prosta nawigacja. Ważne jest ograniczenie liczby pól i kroków, bo im dłuższy proces, tym mniejsza konwersja.
W kampaniach reklamowych duża część wejść pochodzi ze smartfonów. Jeśli strona nie działa wygodnie na mobile albo utrudnia kontakt, użytkownik szybko ją opuszcza. Dobra użyteczność mobilna i szybka ścieżka zapytania/zamówienia bezpośrednio wpływają na liczbę leadów i sprzedaż.
Zwykle obejmuje pełne RWD, dopracowane elementy konwersji (CTA, formularze), lepszą strukturę treści, podstawową optymalizację i wdrożenie funkcji ułatwiających kontakt. To nie tylko "ładny wygląd", ale zestaw rozwiązań realizujących cele biznesowe: zapytania i zamówienia.
Nie zawsze. Formularz musi być łatwo dostępny i krótki, a użytkownik powinien rozumieć, co zyska po wysłaniu. Liczy się też rozmieszczenie CTA, czytelność na mobile, szybkość ładowania i dopasowanie treści do intencji. Sam formularz bez dobrego UX często nie zwiększa konwersji.
Typowe błędy to wybór najtańszej opcji mimo wymagań mobilnych, skupienie się na grafice zamiast funkcji, pominięcie celu (zamówienia/lead) oraz mylenie RWD z aplikacją mobilną. Na egzaminie warto wypisać wymagania i sprawdzić, czy pakiet spełnia każde z nich.
Wizytówka zwykle prezentuje firmę (oferta, kontakt, mapa) i ma prostą strukturę. Strona nastawiona na zamówienia ma elementy konwersji: przyciski CTA, formularze, proces zamówienia, często lepszą architekturę informacji i analizę ścieżki użytkownika. Cel biznesowy jest silniej wspierany.
Dotyczy obu. Poza układem graficznym ważne są interakcje: odpowiedni rozmiar przycisków, wygodne formularze, menu mobilne, brak elementów wymagających precyzyjnego kliknięcia myszą. Dobra responsywność oznacza, że funkcje (kontakt, zamówienie) są równie łatwe na telefonie jak na komputerze.
Najprościej testować na realnych urządzeniach oraz w trybie podglądu mobilnego przeglądarki. Sprawdź czy tekst jest czytelny, czy przyciski CTA są widoczne bez przewijania, czy formularze mają mało pól i czy da się je wypełnić kciukiem. Istotna jest też szybkość ładowania.
Ćwicz analizę briefu: podkreśl wymagania, przypisz im funkcje (RWD, CTA, formularz), a potem dopasuj pakiet o najszerszym pokryciu potrzeb. Ucz się słów kluczowych: "mobilnie", "zamówienie", "lead", "konwersja", "użyteczność". Na egzaminie unikaj wyboru "na intuicję".
info

To pytanie poprawnie rozwiązuje 48% zdających egzamin. trudne

Specjaliści zwracają uwagę: "To odpowiada wariantowi "profesjonalnemu"."

Źródła:

  • MDN Web Docs: "Responsive design" (dokumentacja), https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Responsive_Design - accessed 2026-02-28
  • MDN Web Docs: "Media queries" (dokumentacja), https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_media_queries - accessed 2026-02-28
  • W3C WAI: "Mobile Accessibility" (wprowadzenie), https://www.w3.org/WAI/standards-guidelines/mobile/ - accessed 2026-02-28

Materiały:

  • Dokumentacja MDN o projektowaniu responsywnym i media queries
  • Materiały W3C/WAI dotyczące dostępności i użyteczności na urządzeniach mobilnych
  • Poradniki Google o projektowaniu przyjaznym dla urządzeń mobilnych i optymalizacji doświadczenia użytkownika

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego