Jeśli cofniemy się do wczesnych dni publikacji, otrzymamy termin „above the fold” jako termin używany w odniesieniu do treści, które pojawiły się na górnej połowie pierwszej strony gazety. Zawartość powyżej fałdy pojawił się do czytelników jako najbardziej widoczne, z chwytliwe nagłówki i żywe obrazy powszechnie stosowane w celu przyciągnięcia uwagi czytelników w nadziei, że jak chodzili przez kiosk będzie przekonać ich do zakupu papieru.
Teraz szybko do przodu do przejścia z aper do cyfrowego jako tych samych wydawców przeniósł swoje firmy z druku do online. Jak web design ewoluował od początku lat 90-tych, termin nadal trzymać. Więc co to znaczy powyżej fałdy dla twojej strony głównej? I czy to nadal ma znaczenie w 2019 roku?
Why Is Above The Fold Important To My Website?
W dobie marketingu cyfrowego, fałda nie odnosi się już do rzeczywistej fałdy w gazecie, zamiast tego odnosi się do treści, która jest ładowana jako pierwsza podczas odwiedzania strony internetowej, chwytając twoją uwagę i wciągając cię w.
W świecie projektowania stron internetowych, gdzie martwisz się o układ treści i umieszczenie, ponieważ treść, która pojawia się powyżej fałdy, jest tym, co jest najpierw widoczne, gdy odwiedzający stronę ładuje stronę. Ta treść jest głównym nieruchomości, która dostaje większość uwagi od odwiedzających witrynę i doświadczenia użytkownika powinny odzwierciedlać, że. Jakob Nielsen szacuje, że „…użytkownicy stron internetowych spędzają 80% czasu na przeglądaniu informacji znajdujących się powyżej fałdy strony. Chociaż użytkownicy przewijają dziś więcej, nadal przeznaczają tylko 20% swojej uwagi poniżej fałdy.”
Najpierw musisz zadać sobie pytanie, jaka jest najważniejsza treść, która pomoże mi osiągnąć moje cele biznesowe?
Gdy już odpowiesz na to pytanie, wiesz, co umieścić w tym obszarze o wysokiej widoczności. Treść powinna natychmiast przykuć uwagę użytkownika i przedstawić mu treść, której szuka, aby nie odbił się i nie odwiedził innej strony.
Quick Tips to Increase Conversion Rates
- Hero Image: Nie popadaj tutaj w zbytnią eteryczność. Jak wyglądają Twoi szczęśliwi klienci? Czego doświadczają? Wyświetl obraz, który wywołuje pozytywne aspiracje.
- Kopia nagłówka: Nie trać jasności na rzecz bycia sprytnym. Jeśli się mylisz, przegrywasz. Trzymaj się prostej wiadomości, która wyświetla dokładnie to, co robisz, lub empatyzuje z podstawowym wyzwaniem, przed którym stoją.
- Wezwanie do działania (CTA): Twoje podstawowe CTA powinno być oczywiste i umieszczone w prawym górnym rogu nawigacji ORAZ w sekcji bohatera.
- Tagline: Sparuj jasną kopię nagłówka z jedno- lub dwuzdaniową linią, która pozycjonuje Twoją markę, aby pomóc rozwiązać problem klienta.
- Nawigacja: Mniej znaczy więcej. Świetny projekt witryny prowadzi użytkownika dokładnie tam, gdzie chcesz, aby poszedł. Zbyt wiele opcji może powodować zmęczenie decyzją.
- Szybkość ładowania: Czas ładowania Twojej strony głównej może powodować, że odwiedzający odbijają się od niej!
Umieszczanie reklam powyżej zagięcia poprawia ich widoczność i generuje większe przychody z reklam niż reklamy, które są umieszczane w mniej widocznych miejscach.
How Do You Measure „The Fold” in Web Design?
W skrócie, to jest niemożliwe, aby dokładnie określić, gdzie fałd jest umieszczony na swojej stronie internetowej. Dokładnie lokalizacja różni się z powodu różnych rozmiarów monitorów (stacjonarnych i laptopów), rozdzielczości ekranów, wtyczek do przeglądarek i rozmiarów różnych telefonów komórkowych i tabletów.
Jako zasada kciuka, większość projektantów stron internetowych zgadza się, że linia zagięcia ma około 1000 pikseli szerokości i 600 pikseli wysokości. Jest to najlepsze oszacowanie z najczęstszej kombinacji monitora i przeglądarki 1024×768 pikseli, ze zmaksymalizowanym oknem przeglądarki i bez zainstalowanych pasków narzędzi na górze, które spychają treść w dół.
Jeśli jesteś ciekawy, jak dowiedzieć się więcej, sprawdź program analityczny swojej witryny (jeśli go nie masz, Google Analytics to świetne miejsce, aby zacząć), który powinien być w stanie powiedzieć, które są najczęstsze wymiary ekranu dla odwiedzających. Podczas gdy wspólny rozmiar ekranu 1024×768 jest tradycyjnie odpowiedni, nowe wymiary zyskują na popularności, takie jak 320×568 i 360×640, wszystko z powodu wzrostu mobilnego przeglądania stron internetowych.
Mobile Viewing And Responsive Design
W ciągu ostatnich kilku lat, korzystanie z urządzeń mobilnych do przeglądania stron internetowych znacznie wzrosło i to jeszcze bardziej komplikuje koncepcję optymalizacji projektowania stron internetowych dla treści powyżej fałdy.
Jednym z wyzwań jest to, że urządzenia mobilne oferują dużą różnorodność rozmiarów ekranu, jak również, użytkownicy na urządzeniach mobilnych najczęściej przeglądają w trybie pionowym, a nie w trybie poziomym. Ponownie wpływając na rozmiar projektant ma do wyświetlania ważnych treści.
Optimizely mówi, „Z tak wielu ludzi dostęp do stron internetowych na tak różnych urządzeniach, obecne praktyki projektowania stron internetowych pociągają za sobą korzystanie z projektowania responsywnego: korzystanie z elastycznych układów, obrazów i kaskadowych arkuszy stylów. W projektowaniu responsywnym nie ma ustalonego układu strony, a treść dopasowuje się do ekranu o dowolnym rozmiarze. Responsywne strony internetowe reagują lub „odpowiadają” na środowisko, w którym są konsumowane lub przeglądane.”
Pomimo, że ważne treści nadal muszą znajdować się wyżej na stronie, obecnie strony powinny być zaprojektowane tak, aby zachęcać użytkowników do przewijania, aby nie przegapili ważnych treści.
Fałda zawsze będzie istniała jako koncepcja, ale jest to zasada, która może być zmieniona lub zmodyfikowana, szczególnie w czasie. Ponieważ istnieje tak wiele różnych urządzeń i rozdzielczości ekranu do przeglądania stron internetowych, fałd różni się zbyt wiele od użytkownika do użytkownika, aby można było polegać na nim regularnie. Ale upewniając się, że umieszczasz tylko najważniejsze elementy i treści powyżej zagięcia, możesz znaleźć równowagę między użytecznością witryny a podawaniem właściwych treści „powyżej zagięcia”.”
Po więcej wskazówek na temat najlepszych praktyk strony głównej lub jak poprawić szybkość witryny sprawdź te blogi!
- 5 Homepage Best Practices
- 13 Ways to Increase Website Speed
Od stron docelowych do stron głównych, pomagamy firmom takim jak Twoja budować doświadczenia użytkownika, które prowadzą do sprzedaży. Zaplanuj czas na rozmowę.