Täydelliseen parallaksiin UX: n tärkeimmät aineet

Niin paljon web-tekniikoita, alustoja ja ohjelmointikieliä, web-suunnittelijat ja kehittäjät etsivät yhä uusia mahdollisuuksia ottaa kävijät käyttöön ja muuttaa ne tavallisiksi asiakkaiksi.

Käytettävissä on kaikenlaisia vaihtoehtoja, mutta yksi suosituimmista on parallaksin vieritys. Parallaksen selaus käyttää komentosarjaa, joka siirtää elementtejä verkkosivulla eri hinnoilla ja luo vaikutelman syvyydestä.

Jos pidät pakotusta perspektiivikuvauksesta, luultavasti pidät myös Parallax-vieritysohjelmista. Vaikutus voi tuottaa erittäin raskaita kohtia, mutta sitä käytetään oikein, se luo upean ja kiehtovan visuaalisen vaikutelman.

Parallaaliskohtien paino

Ensimmäinen este parallaksia käsittelevän verkkosivuston tarkastelussa on niiden suuri tiedostokoko ja siitä johtuva sivun latausaikojen lisääntyminen. Tämä johtuu siitä, että lataat paljon enemmän yhdellä sivulla kuin normaalisti.

Mitä enemmän lataat, sitä raskaampi sivu. Tästä syystä parallaksikohdat sopivat parhaiten tilanteisiin, joissa käyttäjä haluaa odottaa hieman pidempään tietoa.

Parallax ja SEO

Jos pysyt ajan tasalla alan uutisista, tiedät todennäköisesti, että hakukoneet (erityisesti Google) säännöllisesti vahvistavat vaatimuksensa sivun optimoinnissa. Tiedonhankintaprosessi on käyttäjäystävällisempi, mutta se ei aina vastaa sivuston omistajien suunnitelmia ja kykyjä.

Tällä hetkellä, jos haluat yhden sivun Parallax-vieritys-sivuston, sinun on optimoida se vain yhdelle avainsanalle. Samaan aikaan säännölliset verkkosivustot voivat optimoida jokaisen sivun erilliselle avainsanalle / lauseelle. Näin kotisivun huomaavainen erottaminen voi olla varsin tehokasta, mutta sinun on varmistettava, että sisältö, jota suunnittelet, on myynninedistämiskelpoinen erittäin kapealla avainsanavälillä.

Mobile parallaksi

Et voi enää matkustaa mobiiliverkkoon, ja se on yhtä totta parallaalisivustoille kuin mikään muu. Jos päätät käyttää parallasaikutusta, sinun on varmistettava, että kääntäkää vaikutus matkapuhelimeen oikein.

Onneksi on olemassa runsaasti erilaisia kirjastoja ja komentosarjoja, jotka auttavat näyttämään sivuja Parallax-rullaamalla mobiililaitteilla alkuperäisellä tavalla. Osa suosikeistani ovat iScroll 4,Zynga Scroller,Stellar.js, ja Scrollability .

Parallaksen vieritys ja UX

Parallax-sivustot ovat erittäin mielenkiintoisia ja tekevät hyvää työtä sivuston poistumisprosentin vähentämisessä - mutta se tapahtuu vain, jos pidät koon pienenä ja varmistaa, että vaikutus toimii oikein matkapuhelimissa.

Parallax-sivustot antavat meille mahdollisuuden kertoa tarinoita, ja nämä tarinat ovat loistava tapa harrastaa kävijöitä. Seuraavassa on koottu joitain parhaita esimerkkejä parallaksisivustoista, jotka kaikki ovat välttäneet yllä kuvatut iskuja hankkeiden onnistuneeseen käyttöönottoon.