5 Surefire způsoby, jak dostat uživatele k rolování
Dny "nad záhybem" skončily. Dlouhé rolování a nekonečné rolovací stránky jsou stále více populární v poslední době, a není náhoda, že tato technika se dobře promítá do mobilních zařízení. Zvýšené používání mobilních obrazovek rozhodně hrálo klíčovou roli v rozšířeném přijetí technologie dlouhého posouvání: Čím menší obrazovka, tím delší je svitek.
Dlouhé rolování otevírá spoustu nových dveří designerům. Tento vzor má však své vlastní nevýhody. Vyžaduje od návrhářů, aby věnovali pozornost obsahu, navigaci a animaci.
Zde je 5 tipů, které je třeba dodržet, abyste se ujistili, že vaše dlouhé posouvání splňuje očekávání uživatelů.
1. Poskytněte zajímavý obsah přímo od začátku
Navzdory skutečnosti, že lidé obvykle začněte posunovat jakmile se jejich stránka načte, obsah v horní části, viditelná část obrazovky je velmi důležitá. Co se zobrazuje v horní části stránky, vytvoří počáteční zobrazení a nastaví očekávání kvality pro vaše uživatele. Uživatelé se posunují, ale pouze pokud to, co vidí při vstupu do stránky, je dostatečně slibné.
Chcete-li se ujistit, že se lidé budou pohybovat, musíte poskytnout obsah, který vás zajímá. Najděte tak svůj nejintenzivnější obsah v horní části stránky:
- Poskytněte zajímavé fakty (fakta, které přitahují návštěvníky a udržují jejich pozornost)
- Použijte poutavé snímky (uživatelé věnují pozornost obrazům a obrázkům, které obsahují relevantní informace)
2. Uveďte uživatele Visual Cue
Někdy je nejlepším způsobem, jak přinutit uživatele procházet, a přímo je požádat, aby to provedli. Jednoduše informujte uživatele, že většina obsahu je k dispozici pod záhybem. Nenápadná vizuální značka, například šipka směřující mimo obrazovku nebo text "posouvat dolů", může informovat uživatele, že většina obsahu je k dispozici níže.
Šipka ukazující mimo obrazovku informuje uživatele, že většina obsahu bude popsána níže.
3. Udržujte volby navigace trvale viditelné
Navigace je způsob, jakým uživatelé mají zkušenosti s daným webem. Jedním z největších rizik použití dlouhého rolování ve vašem designu je možnost dezorientace uživatele. Pokud navigační panel ztratí viditelnost, když se uživatel posouvá dolů, budou muset při návratu hluboko do stránky procházet úplně zpět. Obvykle toto chování zaměňuje a frustruje uživatele.
Zřejmým řešením tohoto problému je použití navigačního menu, které zobrazuje aktuální polohu a stále zůstává na obrazovce ve stejné pozici.
Příklad trvalé viditelnosti slepé navigace.
Pouze mobilní zařízení: Vzhledem k tomu, že obrazovka pro mobilní zařízení je mnohem menší než obrazovka stolního počítače, viditelná navigační lišta může zaujímat relativně významnou část obrazovky. Jedním ze způsobů, jak vyřešit problém malého plátna obrazovky, je skrýt navigační lištu, když uživatelé posouvají nový obsah a učiní je viditelným, když se uživatelé stáhnou dolů, aby se dostali zpět nahoru.
4. Použijte funkční animaci pro zapojení návštěvníků
Kreativní efekty, jako je posun paralaxy a animace aktivované posunem, mohou uživatelům přimět k dalšímu posouvání. Otočí rolování do něčeho více zábavné a přiměje uživatele, aby se zajímalo "co se stane dál?"
Zvažte rozdělení stránky na rolovací "kousky". V každém díle můžete obsah představit pomocí kreativních animací. Když se uživatel posouvá, animace přejdou na další obrazovku, zatímco vytvoří cestu, kterou je možné sledovat.
Parallax je další oblíbený animovaný efekt, který může zlepšit zážitek ze skrolování. Parallaxový efekt vytváří iluzi hloubky a ponoření tím, že se obraz na pozadí pohybuje pomaleji než obsah v popředí. Když vaše stránky chtějí vyprávět příběh plynulým, lineárním způsobem, dlouhé rolování spárované s paralaxovým efektem dokáže vytvořit úplné ponorné procházení.
5. Vyhněte se scrollujícímu únosu
Webové stránky, které implementují únosy v rolování, přebírají ovládání posouvání a potlačují základní funkci webového prohlížeče. Převrácení únosu je špatné, protože uživatel již nemá plnou kontrolu nad rolováním stránek a nemůže předpovědět jeho chování. Očekávání uživatelů o rolování interakcí webových stránek by nemělo být zničeno kvůli narativním zkušenostem.
Společnost Apple používá na svých stránkách Mac Pro rolování.
Závěr
Dlouhé posouvání je schopno vytvořit úplné ponorné procházení. Je naprosto možné učinit tak příjemnou cestu jako cíl. Když se uživatelům líbí obsah na vašem webu a intuitivní uživatelské rozhraní zjistí, že délka posouvání se nezmění.