Jak vytvořit Footer, který není smradlavý
Jako první, co vidí návštěvníci, domovské stránky a záhlaví často ukradnou designový reflektor.
Ale nadčasové myšlení zanedbává přirozený tok vertikálního rozvržení stránky. Co se stane, když se lidé dostanou na konec stránky?
Můžete se vsadit, že jednoduché prohlášení o autorských právech nebude mít pozornost návštěvníků, ale mnoho stránek je navrženo s očekáváním, že lidé najdou cestu ... nebo tak předpokládejme.
Spodní část stránky není konec webových stránek. Informativní a přesvědčivá zápatí je přirozeným místem, ve kterém lidé mohou vést k informacím v rámci místa, a nikoliv k bezcílnému putování.
Přečtěte si další informace o trendech a inovacích, které následují na obsah stránky, a odpovězte na nevyžádanou otázku, odkud odtud?
Neustálý problém, jak udržet pozornost lidí, lze řešit mnoha způsoby: oko-popping grafika, chytré využití negativního prostoru, šikovná typografie a dobře napsaný text.
Ale příliš často lidé zůstanou viset, když se posunou na spodní stranu stránky. Měly by se vrátit zpět? Navštivte další webové stránky? Zavřete kartu?
Pokud končí obsah těla, zápatí převezme.
Päta je odlišná sbírka obsahu, která uzavírá každou stránku webové stránky. Obvykle obsahuje výkaz o autorských právech, odkaz na domovskou stránku a buď odkaz na e-mail nebo odkaz na stránku s kontakty.
Zápatí téměř vždy překrývají šířku stránky . Kromě toho mají různé styly.
Přestože nenabízí mnoho odkazů, Dishizzle je těžké vynechat velké ikony v dolní části stránky. Pomocí vyhledávacího pole a přátelského typu je tato zápatí čitelná a užitečná.
Porovnejte ji se zápěstím 43 Adresáře , která má opačný přístup. Několik stručných vět vysvětluje účel webu, popisuje jeho vlastníka a odkazy na jeho webhosting. Po důkladném prohlášení o autorských právech končí stránka.
Někdy zápatí opakují navigační lištu. Je to přirozené nastavení: jakmile čtenář přečte nebo otiskne stránku, objeví se na seznamu zajímavých odkazů na jiné stránky, než aby se nechal bloudit.
Ale tyto odkazy jsou často jen to: bity textu, které lze kliknout, uspořádané v tenkém, nedostatečně rozvinutém pásu. Zatímco to může fungovat pro weby s malým obsahem, vážné webové stránky nejsou kompletní bez dobře naplánované zápatí.
Zápatí není jen příloha. Je to dobrý hostitel .
Unsung Stewards
Dno se může zdát jako nepravděpodobné místo, kde se dají důležité informace, ale zápatí jsou ideální nemovitostí pro navigaci a důležité funkce, protože návštěvníci přirozeně se pohybují tímto směrem, když se pohybují dolů.
Stejně jako dobrý hostitel, propracovaná zápatí představuje různé druhy informací, které odrážejí povahu a obsah webové stránky.
Pěna může na webu hrát mnoho rolí. Trik rozhoduje, kam mají hosté jít, když skončí se stránkou. Dobrý hostitel umožňuje svým hostům požívat sebe a kroků pouze v okamžiku, kdy se hosté začnou divit "Co bude dál?"
Zápatí jako mapy stránek
Zatímco hlavička obsahuje odkazy na hlavní části webových stránek, zápatí se mohou ponořit do detailů. Zápatí založené na mapách stránek, které jsou ideální pro webové stránky, které ukládají obsah v mnoha částech a podsecích, odrážejí rozsah a obavy webových stránek.
Bílý dům je dobrým příkladem. Jeho zápatí představuje webovou stránku jako šest sekcí, z nichž každá má jen 6 a až 23 odkazů.
Záměrně jednoduché odkazy na klíčová slova mohou být na první pohled pohlceny hosty hledajícími témata, která vás zajímají. Téměř tak vysoký, jak je široký, zápěstí je těžké vynechat, ale jeho obsah nesouhlasí s výše uvedenou stránkou.
Pětesy jako inzeráty
Zvláště pokud webová stránka prodává něco - výrobek, službu nebo členství - zápatí je druhou šancí podněcovat návštěvníky k jednání. Konec stránky je skvělým místem, kde hosté připomínají výhody nabízeného produktu nebo služby. Opakování stejné zprávy na každé stránce přenáší bod domů.
Mail Chimp využívá tohoto prostoru k tomu, aby zopakoval své prodejní hřiště: 1) bezplatné šablony, 2) srovnání svých služeb s konkurencí a 3) flexibilní ceny.
Expresní motor uvádí některé z těchto věcí také a také odkazy na část nápovědy a další informace, které budoucí zákazníci chtějí.
Na rozdíl od obyčejných map stránek, zápatí, které propagují, musí být přesvědčivější než informativní. Měly by hosty poskytovat podněty k nákupu a vedoucí ke stránkám, které jim umožňují jednat.
Zápatí jako charakteristika
Zatímco osobní webové stránky by se zabývaly tématy, které se zajímají o jeho vlastníka, zápatí by mohlo popsat osobu za ní. Čím je to web? Co je on nebo ona? Co jiného dělají?
Několik internetových stránek to dělá lépe než to grafický návrhář Jason Santa Maria , jehož zápatí by mohlo být stránkou pro sebe.
Mezitím zápatí odborník na standardy Jeffery Zeldman obsahuje vizuální a dokonce i fotografické úryvky projektů, s nimiž se zajímá nebo se zajímají.
Zápatí jako Colophon
Pole může obsahovat informace o tom, jak nebo proč byla webová stránka postavena. Mohlo by:
- Zopakujte poslání nebo tagline webu.
- Řekněte, který server CMS nebo ISP používáte.
- Uveďte, že stránka má platné (X) HTML a CSS a splňuje určité standardy přístupnosti.
Variace založené na kontextu
Zápatí by obecně mělo zůstat konzistentní na celé webové stránce. Informace specifické pro stránku obvykle nejsou zaručeny. Ale komplikované webové stránky mohou ohýbat pravidla.
Hravé ikony na Webové stránky společnosti IBM poskytují přátelštější, méně podnikatelský způsob navigace stránek. Tyto ikony se však zobrazují pouze v části "Smarter Planet".
Pravé pódium IBM vypadá takto:
Stejně tak odkazy v Zápěstí založené na mapách společnosti Apple liší se podle části, ve které se nachází.
Záhlaví v části Mac výše. Níže je ten pro iPod.
Žádná z těchto rolí není výlučná. Vypracované zápatí mohou obsahovat mapy stránek, upozornění, aktualizace, pověření, vyhledávací nástroje a další. Níže, BustedTees nabízí způsoby, jak zůstat aktuální, procházet a odesílat zpětnou vazbu.
Funkční není vždy překládá do přesvědčivé, ačkoli. CNN 'S footer obsahuje vyhledávací nástroj, místní počasí, mapu webu, legalese a odkazy na jeho obsah v jiných jazycích. Užitečné, ale suché. Nejzajímavějším vizuálním prvkem je červený proužek.
Přestože odpovídá tónu webové stránky, zápatí CNN je pouze navržena tak, aby nekonkurovala s výše uvedenou stránkou.
Jak vyrobit užitečný zápatí
Webová stránka obvykle vyzývá lidi, aby jednat nebo se učit. Po přečtení článku o zpravodajství nebo příspěvku na blogu lidé odcházejí s novým nápadem nebo souborem skutečností. Stránky o produktech vzdělávají návštěvníky o předmětech, které se prodávají. Stránky s informacemi o počasí mají vliv na to, jak se lidé oblékají. V každém případě se člověk nějakým způsobem změnil v okamžiku, kdy se dostal do dolní části stránky. A tam najdou zápěstí.
Takže konec stránky je přirozeným místem k tomu, aby dvě věci: nástroje, pomocí kterých mohou návštěvníci jednat podle toho, co právě naučili; a výzvy k akci.
Pády mají těžkou práci. Lidé je ignorují ze zvyku; instinktivně se posouvají nahoru nebo kliknou pryč. To je důvod, proč dobré zápatí musí být navrženy ne jako myšlenky, ale jako by byly samotné stránky.
Vytvoření užitečného zápatí začíná položením určitých otázek:
- Jaký obsah na mých webových stránkách chci zdůraznit?
Na tyto stránky hosté přivádějí dobré zápatí. - Co jiného by návštěvníci zajímali?
Dobrá pádla láká hosty s informacemi, které by rádi. Návštěvníci, kteří posunuli úplně dolů, pravděpodobně obsah stránky obsahovali. Odkazy na související informace budou uchovány na webových stránkách. - Jaký obsah by měl návštěvníkům největší přínos?
Stejně jako dobrý hostitel, jeho úkolem je být užitečné. Zápatí odměňuje hosty za dosažení konce stránky, pokud je to možné, freebies nebo zábavy, nebo ještě lépe často požadované informace. Je-li webová stránka určena k podnikání v oblasti cihel a malty, zápatí by mohlo obsahovat jednoduchou mapu. - Co by znamenalo charakter a styl webu?
Jako dobrý závěr, zápatí shrnuje povahu webové stránky: její téma, postoj a téma. Tímto způsobem je zápatí podobná záhlaví, která uvádí webové stránky novým příchozím.
Prodejce trička Bez závitů odpovídá na mnoho otázek v zápatí bohatém na klíčová slova:
Jakmile se rozhodnete, co se má dát do zápatí, nezapomínejte na prezentaci.
- Udělejte to velký.
Záložka tokenu je tenká, dostatečně vysoká na to, aby připouštěla jeden řádek textu. Pozoruhodná zápatí je značná. Pravidlem je, aby výška päty byla nejméně jedna čtvrtinu jeho šířky. Pokud je například stránka široká 960 pixelů, měla by být zápatí nejméně 240 pixelů vysoká. - Nastavte jej od sebe.
Dejte zápatí zřetelné hranice a ujistěte se, že překlenuje šířku stránky. Hosté by měli vidět, kde končí tělo a že zápatí začínají. - Dejte mu styl.
Zápatí by mělo obsahovat téma webu, ve stylu, barevné schémě a typografii. Je-li to možné, mělo by znovu použít vizuální prvky z jiných stránek. Ale to by nemělo mít vliv na obsah stránky. - Udělejte to za to.
Ideální zápatí je dostatečně silná, aby zaručila návštěvníkům pozornost. Nabízí zajímavý obsah, který lze prohlížet v atraktivním balíčku - jako každá důležitá stránka.
Opatrovník se nebojí hrát svůj zápatí. Přitažlivá grafika mezi značkovacími barvami říká návštěvníkům, že je to obsah , a to nejen jemný tisk.
Silverback má málo funkcí ve své zápatí, ale spoustu stylu. Nabízí snadno čitelný zážitek, který obnovuje účel webu a povzbuzuje návštěvníky, aby dostávali aktualizace prostřednictvím svého informačního bulletinu.
Zatímco Travelocity balíčky 72 spojují do zápatí, nedostatek vizuální hierarchie nebo jasné uspořádání dělá těžké brát vážně. Více neznamená vždy lepší.
Všechna tato kritéria mohou znít jako vysoký pořádek, ale existují dva snadné přístupy k vytvoření dobré zápatí.
Přístup č. 1: Vytvoření miniatury domovské stránky
Nejjednodušší způsob, jak vytvořit užitečnou zápatí, je získat přehled o účelu a upozornění webu. Podívejte se na domovskou stránku pro inspiraci.
Domovská stránka je zpravidla křížkem mezi obsahem a novinkou, což hostům poskytuje přehled internetových stránek a nejnovější informace.
Zápatí nemusí obsahovat každý prvek z domovské stránky. Pokud se na domovské stránce zobrazí 10 nejprodávanějších produktů a 3 nejnovější blogové příspěvky, pak by zápatí mohlo zvýraznit 5 nejlepších produktů a 1 příspěvek s odkazy na více z nich. Malá verze loga webových stránek by byla také vhodná.
Přemýšlejte o zápatí jako o obsahu, který se pohodlně zobrazuje, když ji návštěvníci potřebují nejvíce: když se zajímá, co bude dál.
MacTalk Austrálie má poměrně malou záhlaví, která ponechává více prostoru pro obsah a reklamu nad záhybem. Téměř dvakrát tak vysoký jako záhlaví, zápatí bohaté na obsah rozšiřuje navigaci a úvod jednoduchého záhlaví tím, že vysvětluje, jak velký obsah má každá kategorie a jaké tagy jsou nejoblíbenější. Záhlaví i zápatí obsahují ikony RSS a Twitter a zápatí obsahují formulář pro přihlášení k odběru bulletinu - plus dva další odkazy RSS a Twitter přímo pod prohlášením o autorských právech.
New York Times zápatí obsahuje nejnovější nadpisy a fotky z různých sekcí.
Přístup č. 2: Poskytněte doplňkový obsah
Footer může dělat opak toho, že slouží jako miniaturní domácí stránka tím, že nabízí obsah nikde jinde na webu.
Bity doplňkového obsahu, které nemohou naplnit vlastní stránky, mohou najít domov v zápatí. Na rozdíl od miniaturní domovské stránky může doplňková zápatí obsahovat odkazy na jiné webové stránky, pokud jsou pro hosta informativní nebo prospěšné.
Ale nepokládejte zápěstí jako záchytnou plochu pro věci, které se nevejdou nikde jinde. Jako každá správná stránka by zápatí mělo informovat, přesvědčovat, bavit nebo dělat všechny tři. Klíčovým klíčem je najít užitečné informace, které podporují celkové téma webu, nikoliv jednu konkrétní stránku.
Komodo Media 'S footer zahrnuje oko-lov odkazy na to, co majitel poslouchá na Last.fm.
Některé webové stránky, například Zatáčet , přejděte na jejich rodinu webů. Společnosti mohou propagovat své značky prostě vzájemným propojením mezi sebou.
Jiné přístupy
Pokud má váš web značný postranní panel, zkuste ji přeladit jako zápatí. Přestože to drasticky změní rozvržení webových stránek, přesunutí sekundárních informací do dolní části stránky by mohlo odstranit rozptylování od primárních informací.
Na cestě
Zlaté pravidlo zápatí nikdy nenechá hosty na vlastní zařízení .
Pády jsou hostitelé, kteří svým hostům nabízejí možnosti. Jsou přírodními odrazovými můstky přes web, lákají hosty k tomu, aby klikli na jiné stránky nebo související webové stránky.
Můžete se naučit hodně o prioritách webových stránek z obsahu zápatí. Co je ve vašem zápatí právě teď? Máte jedno, že? Protože stránka bez zápatí je horší než článek bez
Napsáno výhradně pro Webdesigner Depot by Ben Gremillion . Ben je nezávislý webový designér, který řeší komunikační problémy s lepším designem.