„nad fałdą.”
dla niektórych to Święty Graal internetowej Nieruchomości.
przez lata firmy uważały, że najlepszą praktyką jest umieszczanie na swoich stronach jak największej ilości ważnych treści.
wypełnili te pierwsze 600 pikseli strony linkami do innych stron, wyskakującymi reklamami, formularzami kontaktowymi i wszelkimi innymi informacjami, które uważali za niezbędne, aby użytkownicy mogli zobaczyć zaraz po przybyciu.
ich rozumowanie polegało na tym, że nikt nie przewija, więc każda treść poniżej fałdy jest przegraną sprawą.
jednak pojawienie się smartfonów lub tabletów całkowicie zmieniło sposób przeglądania przez użytkowników.
przewijanie stało się drugą naturą, a użytkownicy są bardziej ciekawi i koncentrują się na własnych badaniach nad firmą, zanim będą gotowi do zakupu.
te zmiany skłoniły wielu projektantów i ekspertów UX do debaty na temat tego, jak istotne jest w rzeczywistości zagięcie i czy naprawdę musimy tam zapchać całą naszą zawartość.
po pierwsze, co do cholery jest „nad fałdą?”
Jeśli to była twoja pierwsza myśl, kiedy zacząłeś czytać tego bloga, nie martw się, nie jesteś sam.
„Above the fold” to koncepcja, która sięga początków publikacji. W szczególności, era, w której gazety były głównym źródłem codziennych wiadomości dla większości ludzi.
Kiedy gazety były wystawiane na stojakach ulicznych, były one zawsze ułożone i złożone na pół, więc przechodnie mogli zobaczyć tylko górną połowę pierwszej strony.
wydawcy szybko zdali sobie sprawę, że jeśli chcą sprzedawać papiery, muszą umieścić wszystkie najważniejsze nagłówki i żywe obrazy w tym obszarze, aby przyciągnąć klientów.
idea „powyżej zakładki” przeniosła się do cyfrowego świata, w którym zakładka odnosi się do treści wyświetlanych na górze strony bez konieczności przewijania odwiedzającego.
więc czy „powyżej zagięcia” jest nadal aktualne?
prosta odpowiedź brzmi tak, ale nie z tych samych powodów co kiedyś.
jeśli chodzi o projekt strony internetowej, musisz umieścić dodatkową uwagę nad fałdą, ale tylko w tym sensie, że Góra strony powinna jasno wyjaśnić Twoją propozycję wartości, a także zachęcić użytkowników do dalszego przewijania.
fold ustawia scenę dla reszty zawartości strony i ustawia oczekiwania co użytkownicy mogą spodziewać się znaleźć na pozostałej części strony, ale pomysł, że musimy zmieścić jak najwięcej treści, jak to możliwe w tym obszarze, ponieważ jest to jedyna treść, którą ludzie czytają, jest przestarzałą praktyką projektową.
oto kilka powodów, dla których:
przewijanie jest drugą naturą dzisiejszych użytkowników
firmy myślały, że użytkownicy nie przeczytają treści Poniżej zakładki, ponieważ nie byli wystarczająco zaznajomieni z przewijaniem i dlatego nie wiedzieli, aby przewijać stronę, aby przeczytać więcej.
jako że ktoś teraz czyta ten artykuł, jestem pewien, że już wiesz, jak nieprawdziwe to jest, ale widzieliśmy też mnóstwo badań, które zaprzeczają temu pomysłowi.
Huge, Agencja Kreatywna z Brooklynu, NY, przeprowadziła ciekawy test użytkowników, w którym przetestowali cztery różne wersje projektu. W skład wersji wchodziły:
- obraz kontrolny, bez wizualnych wskazówek do przewijania poniżej fałdy.
- strzałka przewijania, która zachęca użytkowników do przewijania w dół.
- krótki obrazek, w którym użytkownicy musieli przewijać, aby zobaczyć powyższą zawartość w całości.
- animowany obraz z ruchomym elementem, który prowadzi widzów poniżej fałdy.
Zdjęcie dzięki uprzejmości Huge
wyniki pokazały, że prawie wszyscy uczestnicy przewijali niezależnie od każdej odmiany.
Statystyki są jeszcze bardziej dominujące na urządzeniach mobilnych. Jedno z badań wykazało, że na urządzeniach mobilnych połowa użytkowników zaczyna przewijać w ciągu 10 sekund, a 90% w ciągu 14 sekund.
niektóre z najpopularniejszych obecnie stron, takich jak Amazon, Facebook i Twitter, są świetnymi przykładami w świecie rzeczywistym dla użytkowników naturalnie przewijających się. Całe ich doświadczenie opiera się na przewijaniu w kanale informacyjnym.
Kiedy ostatnio odwiedziłeś jedną z tych stron, zatrzymałeś się i pomyślałeś, czy musisz przewijać?
istnieje zbyt wiele różnych rozmiarów ekranu, aby dokładnie przewidzieć „zagięcie”
pomyśl, ile różnych urządzeń używasz każdego dnia.
są smartfony, smartwatche, tablety, laptopy.
przy liczbie różnych urządzeń istnieje po prostu zbyt wiele zmiennych, aby wziąć pod uwagę przy próbie przewidzenia, gdzie rzeczywista fałda jest na stronie internetowej.
powyższy przykład pokazuje różne obszary, na których „zagięcie” witryny może wylądować w zależności od tego, na jakim urządzeniu przeglądasz witrynę.
każde urządzenie ma inny rozmiar ekranu, orientację wyświetlania i gęstość pikseli.
próba zaprojektowania wszystkich tych rozmiarów na raz to bitwa, której nie możesz wygrać.
Łukasz Wróblewski, projektant produktów cyfrowych, zbadał różne rozmiary ekranów telefonów komórkowych z systemem Android. Odkrył, że było tam prawie 4000 różnych punktów zagięcia – a to tylko jeden typ urządzenia!
oznacza to, że nawet jeśli uważasz, że opanowałeś swoją prezentację na każdym urządzeniu, nie ma na to gwarancji.
Po prostu nierealne jest oczekiwanie, że każda osoba na świecie (z różnymi ustawieniami, rozmiarami tekstu i systemami operacyjnymi zobaczy rzeczy tak samo, jak podczas testów.
sposób, w jaki ludzie kupują zmienił się
sposób, w jaki ludzie kupują dzisiaj, jest zupełnie inny niż kiedyś.
W niedawnym artykule na blogu Liz Murphy z IMPACT powiedziała: „możemy żyć w świecie, w którym kupujący robią swoje, aby uniknąć rozmowy z kimś w dziale sprzedaży…”
głównym wyjściem z jej cytatu jest to, że ludzie są bardziej skupieni na angażowaniu się w markę i edukowaniu się. Są gotowi i oczekują, że poświęcą czas na przewijanie i pochłanianie informacji w Twojej witrynie, aby pomóc im ocenić, czy jesteś dla nich odpowiedni.
to bardzo rzadkie, że pojawią się na twojej stronie i spodziewają się zobaczyć dokładnie to, czego szukają, gdy Strona się wczytuje.
na czym tak naprawdę powinienem się skupić?
pod koniec dnia, fold jest tak naprawdę tylko wskazówką, o której należy pamiętać podczas projektowania strony.
jego głównym celem jest przypomnienie, że Góra strony powinna ustawić scenę dla reszty treści, jednocześnie przyciągając czyjąś uwagę.
projektowanie ze wszystkimi najważniejszymi linkami nad zakładką nie zapewnia wyższych współczynników konwersji. W rzeczywistości jest bardziej prawdopodobne, że doprowadzi to do bałaganu i użytkowników, którzy nie wiedzą, gdzie najpierw szukać.
zamiast przeludnić górę strony, spróbuj skupić się na następujących elementach:
umieszczenie odpowiednich informacji nad zakładką
współczynniki konwersji na stronie nie zależą od tego, czy Twoje wezwania do działania (CTA) znajdują się powyżej lub poniżej zakładki.
ważne jest umieszczenie CTA w obszarze, w którym ludzie będą czuć się gotowi do konwersji i upewnienie się, że treści wokół niego zachęcają do tego działania.
Neil Patel mówi: „wyższe współczynniki konwersji nie mają nic wspólnego z tym, czy przycisk znajduje się powyżej zagięcia, i wszystko ma związek z tym, czy przycisk znajduje się poniżej odpowiedniej ilości dobrej kopii.”
mając to na uwadze, musisz zastanowić się, gdzie są potencjalni klienci w podróży kupującego i jak wykształceni są w Twojej firmie.
na przykład, z potencjalnymi klientami, którzy już wiedzą, co oferujesz i wiedzą, że chcą z tobą pracować, CTA, powyżej lub poniżej zakładki, prawdopodobnie bardzo dobrze się przekonwertuje.
ale jeśli chodzi o kogoś, kto jest nowy w Twojej firmie, będzie potrzebował więcej edukacji, więc jest mało prawdopodobne, że zobaczysz odpowiedź na wybitny CTA powyżej fałdu.
prawdopodobnie zobaczysz wyższe współczynniki konwersji, jeśli umieścisz ten sam CTA po jasnej propozycji wartości i dobrze napisanej kopii wyjaśniającej Twoje usługi.
unikaj tworzenia „fałszywych DNA” na swojej stronie
fałszywe dno jest, gdy tworzysz sekcję strony internetowej, która daje użytkownikowi złudzenie bycia na dole strony, mimo że nadal jest więcej informacji pod tą sekcją.
spójrz na poniższy przykład. Sekcja bohatera DoorDash kończy się na dole przeglądarki, dzięki czemu użytkownicy czują, że pod tą sekcją nie ma więcej treści.
najprostszym sposobem, aby uniknąć dawania ludziom fałszywego DNA, jest dodanie subtelnych wskazówek wizualnych, aby użytkownicy wiedzieli, że jest więcej treści do przeczytania.
w poniższym przykładzie zauważysz, że Zenefits zawiera mały wiersz tekstu z napisem „Explore Zenefits” ze strzałką skierowaną w dół. Ten subtelny sygnał pozwala użytkownikom wiedzieć, że jest więcej do zobaczenia na przewijaniu.
myślenie z góry na dół
wracając więc do pierwotnego pytania: czy „nad fałdą” jest nadal aktualne? Oczywiście, że tak, ale powody, dla których ewoluowały i zmieniły się od czasu, gdy termin początkowo zaczął być używany.
fold jest ważny dla ustawienia oczekiwań reszty strony, ale umieszczenie jak największej liczby linków w tym obszarze nie gwarantuje lepszych konwersji.
zamiast tego, naprawdę musisz skupić się na elementach, takich jak umieszczenie CTA w odpowiednich obszarach, w tym odpowiedniej kopii do wsparcia, i biorąc pod uwagę pewne zasady UX, takie jak nie tworzenie „fałszywych dna” dla użytkowników.
Ogólnie rzecz biorąc, chcesz przyciągnąć wzrok użytkownika wysokiej jakości treścią i projektem, który go podkreśla, więc będą chcieli się trzymać i przewijać.
nawet za czasów gazety pisarze nie zakładali, że nic innego nie zostanie przeczytane.
Po prostu musieli mieć wystarczająco dużo, aby przyciągnąć uwagę. Twoja strona nie jest inna.