Design systém gov.cz4.6.0

Footer

Obsah

Fractal

Intro

Účel

Patička webu je spodní část webové stránky, která slouží k:

  • poskytování doplňkových informací
  • usnadňuje navigaci
  • obsahuje právní či kontaktní údaje

Kde se používá

Využívá se na všech typech webových stránek (typicky je patička součástí globální šablony).

Patička je responzivní, aby byla dobře použitelná na mobilních zařízeních.

Zjednodušený náhled Footer

Varianty

Patička webu v základní verzi obsahující jednotlivé sekce pro vkládání tematického obsahu ve formě: odkazů, kontaktních údajů, formuláře k odběru nebo vlastního obsahu.

Pořadí a obsah jednotlivých sekcí je možné libovolně měnit. Zobrazení Souvisejících log či spodních odkazů je taktéž možné skrýt/či zobrazovat dle potřeby.

Varianta Footer – výchozí

Patička webu obsahující jednotlivé sekce pro vkládání tematického obsahu ve formě: odkazů, kontaktních údajů, formuláře k odběru nebo vlastního obsahu, společně s doplněním loga a popisu.

Pořadí a obsah jednotlivých sekcí je možné libovolně měnit. Zobrazení Souvisejících log či spodních odkazů je taktéž možné skrýt/či zobrazovat dle potřeby.

Varianta Footer – s popisem webu

Mobile specifika

  • Responzivní zobrazení: Patička je plně responzivní, jednotlivé sekce patičky jsou řazeny pod sebe.
  • Optimalizace dotykové oblasti: Jednotlivé odkazy na stránky jsou optimalizovány pro dotykové ovládání na mobilu.
Ukázka responzivního zobrazení Footeru na mobilním zařízení

Doporučení

Prioritizujte informace

Upřednostněte nejzásadnější prvky, jako jsou: kontaktní údaje, GDPR, odkazy na sociální média a mapu webu na samostatné stránce.

Prioritizujte informace

Nezanedbávejte informační hierarchii

Aby bylo zápatí efektivní a uživatelsky přívětivé, je nezbytné stanovit jasnou informační hierarchii. Toho lze dosáhnout seskupením podobných položek dohromady a použitím prvků.

Nezanedbávejte informační hierarchii

Jednoznačné názvy odkazů

Ujistěte se, že názvy odkazů v patičce jsou jasné a jednoznačné. Použité termíny by měly poskytnout představu o tom, o co jde, ještě předtím, než na ně uživatelé vůbec kliknou.

Jednoznačné názvy odkazů

Odběr novinek a sociální sítě

Umístění odběru novinek a aktuální dění v patičce jej udržuje nenápadný, ale přesto přístupný – neruší procházení uživatelů, ale je snadno dostupný pro ty, kteří se snaží zůstat připojeni, ať formou odběru nebo skrze sociální sítě.

Odběr novinek a sociální sítě

Doplňte firmy/odkazy podporující relevanci webu

Je-li web řešen pod záštitou důvěryhodných firem, využijte patičku pro výčet log těchto firem, abyste zvýšili relevanci webu.

Doplňte firmy/odkazy podporující relevanci webu

Zachování vizuální identity webu

Zachovejte vizuální identitu patičky v souladu s vizuálem celého webu. Dodržte zarovnání textu, barevnou paletu apod.

Zachování vizuální identity webu