Nad záhybem zůstává důležitou součástí designu webových stránek, ačkoli tento pojem je s každým dalším rokem stále složitější. I když už možná není vnímán tak důsledně jako kdysi, stále vyžaduje pochopení a zohlednění u všech webových stránek, které chtějí svým návštěvníkům nabídnout poutavý zážitek.
Co je to Above The Fold?
Koncept nad záhybem sahá do minulosti, až k počátkům tisku. Noviny se vzhledem ke způsobu tisku na velké archy papíru skládaly, jakmile se dostaly do novinových stánků. To vedlo k tomu, že kolemjdoucí viděl pouze horní polovinu novin.
Novinový průmysl rychle přišel na to, že aby si získal publikum, musí v horní polovině stránky prezentovat titulky, obsah a obrázky, které upoutají pozornost. Tento základní princip zůstává stejný i pro digitální obsah.
Webové stránky samozřejmě nemají fyzický záhyb jako noviny, záhyb se v tomto ohledu vztahuje k posuvníku.
Vše, co není vidět okamžitě a vyžaduje posouvání, je považováno za pod záhybem. Bohužel digitální verze nad záhybem není tak jednoduchá jako verze tištěná.
Rozměry
Prvním hlediskem pro webové stránky je, jak se jejich rozměry jeví čtenáři. Ne všechny obrazovky jsou stejné. Navíc s rozšířením podložek a telefonů se každý web prezentuje značně odlišným způsobem. A to nemluvíme o otázkách týkajících se rozlišení obrazovky a doplňků prohlížeče.
Rozměry telefonů se staly pravděpodobně nejdůležitější oblastí, kterou je třeba pečlivě zvážit, protože jejich používání v roce 2016 zastínilo stolní počítače. Mobilní telefony mají různé tvary a velikosti, stejně jako jejich obrazovky, takže na rozdíl od broadsheetových novin je linie záhybu mnohem méně předvídatelným konceptem.
Online nástroje pro definování umístění nad záhybem
Existuje mnoho bezplatných online nástrojů, které můžete použít k vizuálnímu testování a umístění různých aspektů webu týkajících se jeho „záhybu“. Ty jsou sice velmi užitečné, protože vám pomohou získat fyzickou představu o rozložení, ale mohou poskytnout pouze povrchní prezentaci webu, nikoliv hloubkovou analýzu. Z tohoto důvodu se doporučuje provést kompletní optimalizaci webu.
Nejlepší postupy
Přestože je pravda, že pro umístění nad záhybem neexistují žádná pevná pravidla, některé osvědčené postupy často fungují jako užitečné vodítko. Některé z nich jsou myšlenkami zdravého rozumu, například zajištění toho, aby byl nad záhybem umístěn nejzajímavější obsah. Další postupy se týkají již zmíněných rozměrů, jako je standardní velikost záhybu 1 000 pixelů na šířku a 600 pixelů na výšku na obrazovkách s rozlišením 1 024 × 768 pixelů. Většina obrazovek má však v roce 2018 větší rozměry, takže je důležité web podle toho upravit.
Je také důležité nikdy nepředpokládat, že osvědčené postupy znamenají ortodoxii. Po mnoho let byly webové stránky navrhovány jako titulní stránky novin, což však vedlo k jakési „šablonizaci“, kdy většina webů vypadá stejně. Inovace, jako je vertikální rolování (nebo klikání), znamenají, že koncept nad záhybem je doslova převrácený, a čtenář se díky tomu cítí mnohem přirozeněji.
Některé webové stránky se ve skutečnosti úplně zbavily záhybu, navrhují stránky bez obsahu pod záhybem a tento problém zcela eliminují. Tyto „kompaktní“ návrhy jsou esteticky příjemné na pohled a jsou schopny se přizpůsobit všem velikostem obrazovky.
Jednou z nejhorších věcí, které může webová stránka udělat, je prezentovat „falešné dno“ stránky. To je případ, kdy stránka obsahuje další informace, které vyžadují rolování, ale jejich existence není návštěvníkovi zřejmá. To je nejhorší ze všech světů. Záhyb nemusí být překážkou, měl by přirozeně plynout a vtáhnout návštěvníka dovnitř.
Více informací zde.
Výzva k akci nad nebo pod záhybem?
Jeden z mýtů o designu nad záhybem je, že je vždy nejlepší mít výzvu k akci (CTA) jasně viditelnou okamžitě. To je, stejně jako mnohé související s tématem, přílišné zjednodušení konceptu. Kam výzvu k akci umístit, závisí na několika faktorech, z nichž nejdůslednější jsou:
- Nejistí návštěvníci
- Nejistí návštěvníci, kteří váš produkt znají – nebo je nabídka jednoduchá
- Nejistí návštěvníci, kterým je předložena složitá nabídka
Nejistí návštěvníci jsou ti, kteří na výzvu k akci pravděpodobně zareagují, protože se z velké části rozhodli ještě před návštěvou webu. Zde mají známé značky výhodu, protože „jistý návštěvník“ se o produktu nebo službě nemusí dozvědět téměř nic. V těchto případech je umístění výzvy k akci nad záhybem pouze otázkou pohodlí.
Pro nejisté návštěvníky, kteří výzvě k akci jednoduše rozumí nebo kteří mají o produktu či službě určité znalosti, je umístění výzvy k akci nad záhybem obecně osvědčeným postupem z téměř stejných důvodů, jaké byly uvedeny výše, ačkoli informační obsah je také důležitý.
Pro nejisté návštěvníky, kterým je předložena složitá nabídka, například produkt nebo služba, která pro ně není zjevně výhodná, umístění výzvy k akci nad záhyb nestačí. Je třeba podrobněji vysvětlit, proč by na vaši výzvu k akci měli reagovat. Umístění výzvy k akci vpředu může ve skutečnosti působit poněkud vlezle.
Zjednodušeně řečeno, výzva k akci by měla být umístěna na místě, které návštěvníka nejvíce přesvědčí, aby na základě ní jednal.
Umístění reklamy
Vždy je třeba si uvědomit, že většina pozornosti, bez ohledu na to, jak takticky svůj web navrhnete, bude stejně soustředěna nad záhyb. Proto je logické, že abyste maximalizovali zapojení reklamy, měli byste tuto oblast zaplavit reklamami, že? Ale ne. Algoritmy Google tento postup tvrdě penalizují a pokud si nedáte pozor, můžete si nesmírně zničit hodnocení webu. Navíc můžete důležité informace vytlačit nejen pod záhyb, ale i mimo trpělivost návštěvníků.
Umístění reklamy je složitá rovnováha, která vyžaduje znalost bounce rate, analýzu zapojení a chování uživatelů. Tato rozhodnutí se nejlépe dělají, když máte k dispozici správná data.
Důležitost designu nad záhybem
Jak by mělo být v této fázi zřejmé, význam designu nad záhybem je zásadní, ale složitý. V důsledku toho je moudré mít se na pozoru před jakýmikoliv radami, které se zabývají absolutnem. Je jistě pravdivé tvrzení, že návyky uživatelů se od počátků internetu nesmírně změnily. V 90. letech bylo kvůli pomalým rychlostem připojení a těžkopádně pomalým webům běžné, že většina „surfařů“ jen zřídka četla něco pod záhybem. V dnešní době lidé mnohem častěji používají rolovací kolečko na myši.
To milosrdně vedlo k tomu, že cramming, kdy se informace cpaly nad záhyb, do značné míry vymizel. V dnešní době je mnohem běžnější, že vás přivítá minimalistický a elegantní design, který umožňuje návštěvníkovi objevit, co stránka nabízí.
Nedávná studie společnosti Google ukázala, že reklamy zobrazující se nad záhybem mají 73% viditelnost, zatímco ty pod ním jen 44%. To je však třeba zvážit s tím, že obsah, který diváka přitahuje, tuto mezeru výrazně zužuje a reklamy pro něj mohou být překážkou. Jako vždy u tohoto tématu je klíčový kontext a vyváženost.