Hover sa už roky používa na webových stránkach ako spôsob, ako poskytnúť útržok informácií návštevníkom bez toho, aby musel vykonať akciu. Keďže smartfóny a tablety postupne preberajú internet, musíme im pri navrhovaní webových stránok venovať zvýšenú pozornosť. Keďže dotykové obrazovky nedokážu zvládnuť vznášanie, musíme sa pozrieť na alternatívy vznášajúcich sa efektov. Ak vytvárate svoju vlastnú webovú stránku alebo nemáte zdroje na zamestnávanie profesionálneho webdizajnéra, tento tutoriál je pre vás.
Môžete ovládať efekty vznášania pomocou dotykových obrazoviek, ale môže to byť trochu nepríjemné. Možno bude lepšie navrhnúť ich úplne a úplne niečo použiť. Ak ich používate na svojom počítači, zvyčajne máte tri alternatívy, ako umiestniť kurzor myši na webové stránky pre mobilné zariadenia:
- Odstráňte ich úplne a nahraďte ich primárnou činnosťou.
- Pridajte sekundárnu ponuku, kde môžete buď klepnúť raz pre efekt vznášania a ešte raz pre primárnu akciu.
- Informácie o umiestnení kurzora umiestnite na svoju vlastnú stránku.
Všetky budú dobre fungovať na dotykových obrazovkách a stolových počítačoch, ale bude vyžadovať implementáciu niektorých vylepšení dizajnu v rámci existujúceho dizajnu. Môžete to obísť aj pomocou JavaScriptu alebo inteligentného kódu jQuery, ak máte zručnosti, ale ak sa to snažíte zistiť sami, možno budete lepšie používať alternatívy dizajnu ako kód. Ak chcete preskúmať alternatívy kódu pre efekty vznášania, navštívte túto stránku.
Odstráňte vznášajúce sa efekty z vášho návrhu
Ak nemôžete zamestnať nezávislého webdizajnéra, ktorý vám pomôže, môže byť lepšie odstrániť efekty vznášania. Určite nevyzerajú elegantne a môžu ponúknuť užitočné doplňujúce informácie, ale vždy existuje iný spôsob, ako dosiahnuť rovnaký účinok.
Akciu ponuky by ste si mohli ponechať ako primárnu akciu a doplnkové informácie by ste mohli pridať inde na stránke. Môžete použiť oddeľovacie políčka, kontextové okná, zvýšiť obsah deskriptora pre bod, ktorý sa snažíte urobiť, alebo pre niečo iné. Ak nemáte skúsenosti na implementáciu jQuery, je to pravdepodobne najjednoduchšia možnosť.
Pridajte sekundárnu ponuku
Sekundárne menu obsahuje prvé klepnutie, ktoré simuluje efekt vznášania. Informácie by ste mohli zahrnúť do ponuky a zobraziť druhú ponuku v rámci toho istého prvku. Druhá ponuka slúži ako skutočný výber, ako by sa to stalo na pracovnej ploche. Prvé stlačenie simuluje vznášanie myši a druhé stlačenie simuluje užívateľa, ktorý vykonáva primárnu akciu.
Toto je elegantná alternatíva k efektom vznášania sa, ale je obmedzená veľkosťou obrazovky a obmedzuje množstvo informácií, ktoré môžete pridať do svojho efektu. Účinky pri umiestnení kurzora myši sú obmedzené svojou povahou, ale v mobilných zariadeniach na obrazovke sú obmedzenejšie. Ak naozaj chcete zahrnúť doplnkové údaje neštandardným spôsobom, mohlo by to byť ono.
Informácie o umiestnení kurzora umiestnite na svoju vlastnú stránku
Snáď ľahšou možnosťou by bolo zahrnúť informácie o umiestnení na svoju vlastnú stránku pomocou textového odkazu. Zjednodušuje to menu a navigácia je jednoduchá. Hyperlinking funguje na rôznych zariadeniach a získate ďalšiu stránku pre veľkosť stránok a SEO. Nevýhodou je, že budete musieť zvýšiť doplnkový obsah najmenej o 300 slov, aby to fungovalo.
Pokiaľ dokážete tieto informácie vložiť dostatočne starostlivo, aby sa dobre čítali a zvyšovali pridanú hodnotu pre čitateľa, osobne si myslím, že je to najlepšia alternatíva. Rozhodnutie, kde umiestniť tieto odkazy na doplňujúce údaje, je len na vás a záleží to na vašom dizajne, ale ďalšie stránky vám poskytujú ďalšiu príležitosť na pridanie výziev na akciu, pridanie telefónneho čísla, e-mailovej adresy a akýchkoľvek ďalších informácií, ktoré by sa mohli použiť na predaj.
Zostať s hover
Ak chcete na svojom hlavnom webe použiť nejaký efekt vznášania, budete ho musieť prepracovať na svoju mobilnú stránku alebo aspoň na mobilnú verziu. Existujú alternatívy ponuky alebo riešenia JavaScriptu, ktoré však budú vyžadovať implementáciu odborníkom. Táto stránka popisuje vaše alternatívy, ak ich chcete ďalej preskúmať.
Jedna z najjednoduchších nástrah, do ktorej sa dostanete, keď začínate na vlastnú päsť alebo keď vytvárate svoju prvú webovú stránku, je navrhovanie pre seba a nie pre vaše publikum. Určite musíte navrhnúť niečo, čo sa vám páči, ale pri zvažovaní použiteľnosti musíte uprednostniť publikum. Musíte tiež vziať do úvahy zariadenia, ktoré budú používať, a spôsob, akým s najväčšou pravdepodobnosťou oslovia váš web najlepšie.
Ak je vaše publikum mladé, použije mobilný telefón. Ak používajú mobilné zariadenia, nie sú najlepšou voľbou vznášajúce sa efekty a ďalšie podobné možnosti.
