ATF (Above the Fold)

ATF (od ang. above the fold, „nad zgięciem”) to część strony internetowej, którą użytkownik widzi natychmiast po jej otwarciu, jeszcze przed jakimkolwiek przewinięciem. Jest to pierwszy i często jedyny fragment, na jaki spojrzy większość odwiedzających, dlatego decyduje o pierwszym wrażeniu, o tym, czy komunikat zostanie zrozumiany, i czy osoba zostanie na stronie dłużej. Przeciwieństwem jest below the fold — treść dostępna dopiero po scrollowaniu.

Na czym polega znaczenie obszaru ATF?

Ponieważ uwaga użytkownika jest najwyższa w pierwszych sekundach, to właśnie w obszarze ATF umieszcza się elementy o największej wadze: nagłówek z propozycją wartości, główne wezwanie do działania (CTA), kluczową grafikę oraz sygnały zaufania. Badania eye-trackingu wielokrotnie pokazywały, że intensywność uwagi gwałtownie spada poniżej krawędzi ekranu. Dobrze zaprojektowany obszar ATF nie tylko przyciąga wzrok, ale też zachęca do dalszego przewijania, sygnalizując, że warto poznać resztę strony.

Zastosowanie w praktyce

Na landing page'ach i stronach sprzedażowych obszar ATF projektuje się jako samodzielną, kompletną wizytówkę oferty. W optymalizacji wydajności ATF spina się z metryką LCP z zestawu Core Web Vitals — największy element widoczny w pierwszym oknie powinien renderować się jak najszybciej, bo od jego czasu ładowania zależy odczuwana prędkość strony. W praktyce oznacza to priorytetowe wczytywanie zasobów krytycznych dla ATF (np. inline'owanie kluczowego CSS, wczesne ładowanie głównej grafiki) i odsuwanie w czasie tego, co i tak pojawi się dopiero po przewinięciu, na przykład przez lazy loading obrazów poniżej zgięcia.

Warto pamiętać, że obszar ATF nie jest jedną, sztywną linią — jego wysokość zależy od rozmiaru ekranu i urządzenia, dlatego projektuje się go dla typowych zakresów widocznego obszaru na desktopie i smartfonie. W praktyce zespoły weryfikują wygląd pierwszego okna na kilku popularnych rozdzielczościach, aby mieć pewność, że nagłówek i wezwanie do działania zawsze mieszczą się nad zgięciem, niezależnie od urządzenia użytkownika.