Med så många webbteknologier, plattformar och programmeringsspråk söker webdesigners och utvecklare fortfarande nya möjligheter att engagera besökare och göra dem till vanliga kunder.

Det finns alla möjliga alternativ för att engagera användare, men en av de mest populära är parallaxrullning. Parallax scrolling använder ett manus för att flytta element på en webbsida i olika priser, vilket ger intryck av djup.

Om du gillar tvångsfotografering kommer du förmodligen att ha Parallax-rullning webbplatser också. Effekten kan producera mycket tunga platser, men används korrekt ger det en spektakulär och engagerande visuell effekt.

Vikten av parallax platser

Det första hindret när man överväger en parallaxwebbplats är deras stora filstorlek och den resulterande ökningen av sidlastningstiden. Detta beror på att du vanligtvis laddar mycket mer på en enda sida än vad du normalt skulle göra.

Ju mer du laddar desto tyngre sidan. Av den anledningen är parallaxplatser bäst lämpade för situationer när användaren är villig att vänta lite längre för information.

Parallax och SEO

Om du håller dig informerad om branschnyheter vet du säkert att sökmotorer (särskilt Google) regelbundet stärker sina krav på optimering på sidan. Processen med att söka efter information blir mer användarvänlig men det sammanfaller inte alltid med platsägarnas planer och förmågor.

För närvarande, om du föredrar en sida Parallax-rullande webbplats måste du optimera den för endast ett sökord. Samtidigt kan vanliga webbplatser optimera varje sida för ett separat sökord / fras. Följaktligen kan genomtänkt separering av hemsidan vara ganska effektiv, men du måste se till att innehållet du designer för är främjande under ett mycket smalt sökord.

Mobile parallax

Du kan inte fly mobilwebben längre, och det är lika sant för parallaxwebbplatser som alla andra. Om du väljer att använda en parallax-effekt måste du se till att du översätter effekten till mobiler korrekt.

Lyckligtvis finns det många olika bibliotek och skript som hjälper till att visa sidor med Parallax-rullning på mobila enheter på ett inbyggt sätt, några av mina favoriter är iScroll 4,Zynga Scroller,Stellar.js, och Scrollability .

Parallax rullning och UX

Parallax-webbplatser är mycket engagerande och gör ett bra jobb för att minska en webbplatss studsfrekvens - men det händer bara om du håller storleken nere och ser till att effekten fungerar korrekt på mobiler.

Parallax webbplatser tillåter oss att berätta historier, och de här historierna är ett bra sätt att engagera besökare. Nedan har vi samlat några av de bästa exemplen på parallax webbplatser, som alla har undvikit fallgroparna ovan för att framgångsrikt kunna distribuera sina projekt.

Michelle Lana

parallax rullning-webbplats-1

Varje sista droppe

parallax rullning-webbplats-2

FK Agency

parallax rullning-webbplats-3

Wild Life

parallax rullning-webbplats-4

KitKat

parallax rullning-webbplats-5

Von holländska

parallax rullning-webbplats-6

CR-V Honda

parallax rullning-webbplats-7

Sonia Rykiel

parallax rullning-webbplats-8

Atlantis världs mässa

parallax rullning-webbplats-9

Aktivera drycker

parallax rullning-webbplats-10

ljud

parallax rullning-webbplats-11

Tokio Lab

parallax rullning-webbplats-12

Head to Heart

parallax rullning-webbplats-13

Cosmo

parallax rullning-webbplats-14

Geze Bewegt

parallax rullning-webbplats-15

Kulturella lösningar

parallax rullning-webbplats-16

Vita huset Irak tidslinje

parallax rullning-webbplats-17

Atipics

parallax rullning-webbplats-18

Bolia

parallax rullning-webbplats-19

Bagigia

parallax rullning-webbplats-20

Hälsovårdsutbetalningar

parallax rullning-webbplats-21

Netlash bSeen

parallax rullning-webbplats-22

Spotify

parallax rullning-webbplats-23

Madwell

parallax rullning-webbplats-24

Mario Cart Wii

parallax rullning-webbplats-25

zeus

parallax rullning-webbplats-26

Soleir Noir 2012

parallax rullning-webbplats-27

Drogbehandling

parallax rullning-webbplats-28

NH Hotels

parallax rullning-webbplats-29

Gudomligt skriv

parallax rullning-webbplats-30

Spaziergang

parallax rullning-webbplats-31

Vita Frute Cocktails

parallax rullning-webbplats-32

Gjenfodt

parallax rullning-webbplats-33

Har du skapat en parallax webbplats? Vilka av dessa platser är din favorit? Låt oss veta i kommentarerna.