Anonim

Hover byl používán na webových stránkách po mnoho let jako způsob, jak poskytnout úryvek informací návštěvníkům, aniž by došlo k akci. Vzhledem k tomu, že chytré telefony a tablety postupně přebírají internet, musíme jim při navrhování webových stránek věnovat zvýšenou pozornost. Vzhledem k tomu, že dotykové obrazovky nedokážou zvládnout vznášení, musíme se podívat na alternativy vznášejících se efektů. Pokud nastavujete svůj vlastní web nebo nemáte zdroje pro zaměstnávání profesionálního webdesignéra, je tento kurz určen právě vám.

Můžete ovládat efekty přechodu pomocí dotykových obrazovek, ale může to být trochu trapné. Možná bude lepší je navrhnout úplně a použít něco úplně jiného. Pokud jste je nastavili na webu pro stolní počítače, máte obvykle tři možnosti, jak umístit efekty na mobilní weby:

  1. Odstraňte je úplně a nahraďte je primární akcí.
  2. Přidejte sekundární nabídku, kde můžete buď klepnout jednou pro efekt přechodu a ještě jednou pro primární akci.
  3. Informace o umístění umístěte na vlastní stránku.

Vše bude dobře fungovat na dotykových obrazovkách a stolních počítačích, ale bude vyžadovat provedení některých vylepšení návrhu v rámci existujícího návrhu. Můžete to obejít pomocí JavaScriptu nebo chytrého kódu jQuery, pokud máte dovednosti, ale pokud se o to snažíte přijít sami, můžete být lepší použít alternativní design než kód. Pokud chcete prozkoumat alternativy kódu pro efekty přechodu, navštivte tuto stránku.

Odstraňte z návrhu efekty přechodu

Pokud nemůžete zaměstnat nezávislého webdesignéra, který vám pomůže, můžete být lepší odstranit efekty přechodu úplně. Jistě, že vypadají elegantně a mohou nabídnout užitečné doplňující informace, ale vždy existují jiné způsoby, jak dosáhnout stejného účinku.

Můžete ponechat akci nabídky jako primární akci a přidat další informace kdekoli na stránce. Dalo by se použít útržky, vyskakovací okna, zvýšit obsah deskriptoru pro bod, který se snažíte udělat, nebo něco jiného. Pokud nemáte dovednosti pro implementaci jQuery, je to pravděpodobně nejjednodušší volba.

Přidejte sekundární nabídku

Sekundární menu obsahuje první klepnutí, které simuluje efekt přechodu. Tyto informace byste mohli zahrnout do nabídky a zobrazit druhou nabídku ve stejném prvku. Druhá nabídka funguje jako skutečný výběr, jako by se to stalo na ploše. První stisk simuluje umístění myši a druhý stisk simuluje uživatele, který provádí primární akci.

Toto je úhledná alternativa k efektům přechodu, ale je omezena velikostí obrazovky a omezuje množství informací, které můžete přidat do svého efektu. Efekty přechodu jsou omezeny svou povahou, ale jsou omezeny na mobilní zařízení na obrazovce, se kterými se zabýváte. Pokud opravdu chcete zahrnout doplňující údaje nestandardním způsobem, mohlo by to být ono.

Informace o umístění umístěte na vlastní stránku

Snadnější možností by bylo zahrnout informace o umístění na vlastní stránku pomocí textového odkazu. Zjednodušuje to vaše menu a udržuje navigaci přímočarou. Hyperlinking funguje napříč zařízeními a získáte další stránku pro velikost webu a SEO. Nevýhodou je, že budete muset zvýšit doplňkový obsah alespoň o 300 slov, aby to fungovalo.

Pokud dokážete tyto informace vložit dostatečně pečlivě, aby dobře zněly a přidaly hodnotu čtenáři, osobně si myslím, že je to nejlepší alternativa. Rozhodnutí, kam umístit tyto odkazy na doplňková data, je na vás a bude záležet na vašem designu, ale další stránky vám poskytují další příležitost přidávat výzvy k akci, přidat své telefonní číslo, e-mailovou adresu a jakékoli další informace, které by mohly být použity. k prodeji.

Zůstaňte s vznášedlem

Pokud chcete na svém hlavním webu použít nějaký efekt přechodu, musíte jej zapracovat do svého mobilního webu nebo alespoň do mobilní verze. Existují alternativní nabídky nebo řešení JavaScriptu, ale vyžadují implementaci odborníka. Tato stránka popisuje vaše alternativy, pokud je chcete dále prozkoumat.

Jeden z nejjednodušších nástrah, do kterého se dostanete, když začínáte sami nebo stavíte svůj první web, je navrhování pro sebe a nikoli pro vaše publikum. Určitě musíte navrhnout něco, co se vám líbí, ale při zvažování použitelnosti musíte upřednostnit publikum. Musíte také vzít v úvahu zařízení, která budou používat, a způsob, jakým budou s vaším webem nejvhodnější.

Pokud je vaše publikum mladé, použije mobilní zařízení. Používají-li mobilní zařízení, efekty přechodu a jiné podobné možnosti designu nejsou vaší nejlepší volbou.

3 Alternativy pro efekty přechodu na mobilní zařízení