Anonim

A Hover-et évek óta használják a webhelyeken annak érdekében, hogy egy kivonatot biztosítsanak a látogatók számára egy művelet kiváltása nélkül. Mivel az okostelefonok és a táblagépek fokozatosan átveszik az internetet, fokozott figyelmet kell szentelnünk nekik egy weboldal tervezésekor. Mivel az érintőképernyők nem tudják kezelni a lebegést, meg kell vizsgálnunk a lebegőhatások alternatíváit. Ha saját webhelyet állítja be, vagy nincs meg az erőforrásai professzionális webdesigner alkalmazásához, ez az útmutató az Ön számára.

Az érintőképernyőkkel kezelheti a lebegőhatásokat, de ez kissé kellemetlen lehet. Lehet, hogy jobban megtervezné őket, és valami mást használna teljesen. Ha úgy dönt, hogy az asztali webhelyen használja őket, akkor általában három alternatíva áll rendelkezésre a mobil webhelyek hatásainak lebegésére:

  1. Távolítsa el őket és cserélje le az elsődleges műveletre.
  2. Adjon hozzá egy másodlagos menüt, ahol egyszer megérintheti a lebegőhatást, és még egyszer az elsődleges művelethez.
  3. Helyezze a lebegési információkat a saját oldalára.

Mindegyik jól működik az érintőképernyőkön és az asztali számítógépeken, de a meglévő tervben történő végrehajtáshoz némi tervezési finomítást igényel. Megkerülheti ezt a JavaScriptet vagy az okos jQuery kódot is, ha rendelkezik hozzáértéssel, de ha mindent megpróbál magának kitalálni, akkor jobb, ha tervezési alternatívákat használ, mint a kódot. Ha meg akarja vizsgálni a lebegő effektusok kódjait, keresse fel ezt az oldalt.

Távolítsa el a lebegő effektusokat a tervből

Hacsak nem alkalmazhat szabadúszó webdesignert, hogy segítsen Önnek, akkor jobb, ha eltávolítja a lebegő hatásokat. Persze, hogy szépen néznek ki és hasznos kiegészítő információkat kínálnak, de mindig vannak más módszerek ugyanazon hatás elérésére.

Megtarthatja a menüműveletet elsődleges műveletként, és a kiegészítő információkat az oldal más részeire is felveheti. Használhat kitörési mezőket, felbukkanó ablakokat, növelheti a leíró tartalmat arra a pontra, amelyet megpróbál létrehozni, vagy valami mást. Ha nincs ismerete a jQuery végrehajtásához, akkor ez valószínűleg a legegyszerűbb lehetőség.

Adjon hozzá egy másodlagos menüt

A másodlagos menü tartalmazza az első csapot, amely szimulálni fogja a lebegőhatást. Az információkat belefoglalhatja a menübe, és ugyanazon elemnél megjeleníthet egy második menüt. Ez a második menü tényleges választásként funkcionál, mintha egy asztalon történne. Az első lenyomás az egér lebegését szimulálja, a második lenyomás az elsődleges műveletet végrehajtó felhasználót szimulálja.

Ez a lebegő effektusok megfelelő alternatívája, de a képernyő mérete korlátozza, és korlátozza az effektushoz hozzáadható információk mennyiségét. A hover effektusokat természetük korlátozza, de mobiltelefonban korlátozottabb az Ön által használt képernyőn megjelenő ingatlan. Ha valóban szeretne kiegészítő adatokat nem szabványos módon bevonni, akkor az lehet.

Helyezze a lebegési információkat a saját oldalára

Talán könnyebb megoldás az lenne, ha a lebegtetési információkat a saját oldalukra szöveges hivatkozással egészítik ki. Ez egyszerűsíti a menüt, és egyszerűvé teszi a navigációt. A hiperhivatkozás eszközökön keresztül működik, és extra oldalt kap a webhely méretére és a SEO-ra. A hátránya, hogy legalább 300 szóval meg kell növelnie a kiegészítő tartalmat, hogy működjön.

Mindaddig, amíg az információkat elég gondosan kitölti, így jól olvashatók és hozzáadott értéket képviselnek az olvasó számára, személy szerint úgy gondolom, hogy ez a legjobb alternatíva. Ön dönti el, hogy hol helyezze el ezeket a linkeket a kiegészítő adatokhoz, és a tervezéstől függ, de az extra oldalak extra lehetőséget kínálnak cselekvési felhívások felvételére, telefonszámának, e-mail címének és a felhasználható további információk felvételére. eladni.

Maradj lebegve

Ha valamilyen lebegő hatást szeretne használni a fő webhelyén, akkor ezt be kell építenie a mobil webhelyre, vagy legalább a mobil verzióra. Vannak váltómenü-alternatívák vagy JavaScript-megoldások, de ezek végrehajtásához szakértőre lesz szükség. Ez az oldal ismerteti az Ön alternatíváit, ha tovább szeretné megismerni azokat.

Az egyik legegyszerűbb csapda, amelybe beleesik, amikor saját kezdetén indul, vagy elkészíti első webhelyét, ha saját magának tervezi, nem pedig a közönség számára. Természetesen meg kell terveznie valamit, ami tetszik, de a használhatóság mérlegelésekor a közönséget prioritással kell élveznie. Azt is figyelembe kell vennie, hogy mely eszközöket fogják használni, és azt, hogy a leginkább hogyan fognak a legjobban kapcsolatba lépni az Ön webhelyével.

Ha fiatal közönség, akkor a mobilját fogják használni. Ha mobilokat használnak, a lebegő effektusok és más hasonló tervezési lehetőségek nem a legjobb választás.

3 Alternatívák a mozgatható eszközök lebegő hatására