Zašto bi vaša web stranica WordPress trebala imati ljepljive elemente korisničkog sučelja i kako ih stvoriti

Ovaj doprinos ljepljivim elementima korisničkog sučelja u WordPressu dala je Lexie Lu.


Postoje neki miješani osjećaji kada su u pitanju ljepljivi elementi UI-ja. Neki kažu da oni – koji mogu uključivati ​​sve, od opcija dijeljenja društvenih medija do informacija o tvrtki – čine lošim korisničkim iskustvom. Međutim, čak i negativci priznaju da mogu biti vrlo učinkoviti izbor dizajna ako se izvedu ispravno.

Ljepljivi elementi (gumbi, blokovi sadržaja, zajedno s drugim oblicima tzv "ljepljiva navigacija") su nepokretni elementi na stranici koji ostaju na mjestu dok se korisnik pomakne prema dolje. Kad su ljepljivi UI elementi dizajnirani dobro i s jasnom svrhom, pokazuje istraživanje oni su sjajan način da posjetitelja na vašu web lokaciju ostvarite željenu akciju.

Ukratko, vaša web stranica WordPress može koristiti ljepljive elemente korisničkog sučelja kako bi maksimizirao vrijednost svake posjete vašoj web lokaciji. Ti elementi mogu pomoći voditi prijavama na biltene, slijede društveni mediji i drugim važnim pozivima na djelovanje.

Možda je najvažnije što mogu poboljšati korisničko iskustvo. Uz sve te prednosti, nije čudo što je ljepljiva navigacija postajući sve češći kako raste u popularnosti.

Bilješka urednika Odrasli smo i za uživanje u raznim ljepljivim elementima web mjesta. Blog CodeinWP koristi jedan takav element, a ljepljivu navigaciju napravili smo i kao jednu od glavnih karakteristika Zerifa – naše najpopularnije teme (vidi demo). Zašto? Jednostavno radi za korisnika. Ali, neka Lexie objasni to detaljno:

Zašto ljepljivi UI elementi u WordPressu djeluju

Učinkovita uporaba ljepljivih elemenata u programu WordPress može vam pomoći prenijeti važne informacije i olakšati posjetitelju putovanje kroz vaše web mjesto. Jedno web mjesto e-trgovine otkrilo je da je uključivanje ljepljive navigacije pomoglo u povećanju broja konverzija s 30 na 33 posto.

Odvojeno A / B testiranje provedeno u istraživačke svrhe utvrdilo je da 100 posto posjetitelja preferirali su ljepljive elemente dizajna – iako mnogi od njih nisu baš sigurni zašto.

Da biste iskoristili snagu ljepljivih UI elemenata u WordPressu, ne možete samo preuzeti WordPress dodatak i gledati kako se vaši brojevi povećavaju na sve strane. Morate pažljivo isplanirati koji će elementi najbolje funkcionirati za vašu web lokaciju. Morate također osigurati da ti elementi – koji ponekad mogu biti i fini ako nemate iskustva s kodiranjem – rade po namjeri.

Srećom, postoji nekoliko različitih vrsta UI elemenata i dodataka koji će vam pomoći da ih integrirate u svoju WordPress web lokaciju:

Ljepljivi gumbi za dijeljenje na društvenim mrežama

Način na koji ljudi nailaze na web stranice promijenio se. Odavno su prošli dani kada većina posjetitelja stigne upišejući URL i potom pokupi za sadržajem. Iako je to još uvijek slučaj, sada puno više prometa dolazi s društvenih medija.

U prosjeku pogone društvene medije 31 posto cjelokupnog prometa na web stranice. Iako je ta vrijednost nesumnjivo niža za neke web stranice (a za druge je veća), ona naglašava važnost stvaranja uvjerljivih sadržaja.

(Grafikon po WordPress grafikoni i grafikoni Lite.)

Dobar sadržaj, međutim, tek je prvi korak. Također možete pritisnuti korisnike i povećati promet preporuka tako što će ljudima biti smiješno jednostavno dijeliti vaš sadržaj. Dobar način da to učinite je pomoću ljepljivih gumba na društvenim medijima koji prate vaš sadržaj.

WordPressu nema nedostataka dodataka za dodavanje ljepljivih / lebdećih gumba društvenih medija. Važno je odabrati onaj koji se ponaša intuitivno prema dizajnu vaše teme. Postoji toliko primjera lebdećih gumba na društvenim medijima koji ponašati se prilično čudno na mobilnom uređaju ili kad se prozori stolnog preglednika promijene u veličini.

Loš dizajn može imati suprotan učinak kako je zamišljeno, jer ljepljivi gumbi na društvenim medijima koji nejasni tekst i fotografije neće dovesti do dijeljenja društvenih medija. Pogledajte web stranice koje uspijevaju ispraviti korisničko iskustvo.

Eksperimentirajte s WordPressovim brojnim dodacima na što više uređaja i operativnih sustava kako biste bili sigurni da se gumbi na društvenim mrežama ponašaju kako je predviđeno.

Na CodeinWP-u objavljen je dvodijelni popis s više od 30 dodataka za društvene medije. Sigurna sam da ćete tamo pronaći savršen dodatak.

Ljepljiv okvir za podatke

Ovisno o vašoj web lokaciji, ponekad je potrebno sve vaše ljepljive elemente prenijeti neke dodatne informacije u bočnoj traci. Postavljanje podataka o kontaktima na istaknuto mjesto na vašem web mjestu jednostavan je, ali učinkovit poziv na akciju. 12Keys to postiže dobrim učinkom pružajući kontakt informacije na prvi pogled, što je posebno važno za posjetitelje koji su možda u krizi.

12keysrehab

Ovo također može biti mjesto na kojem pomažete u izgradnji povjerenja isticanjem vaših vjerodajnica, nagrada i bilo čega drugog u tom smislu. Također je dobro mjesto dodati osobni dodir objašnjavanjem malo više o sebi ili svojoj web lokaciji.

Srećom, ovo je najlakša vrsta elementa za implementiranje na vašu web lokaciju. Ne morate se brinuti ni o čemu drugom, osim o tekstu i možda hipervezu na svoju e-poštu. Ovaj dodatak trebao bi vam pomoći:


Ljepljiv element Ljepljiv element

Autor (i): Stew Heckenberg

Trenutačna verzija: 1.3.5

Ažurirano: 26. siječnja 2019

sticky-element.1.3.5.zip


74% ocjene


600 + instaliranja


WP 3.0 + Zahtijeva

Cilj je ne učiniti element bočne trake previše blistavim ili ometajućim. Bit će tamo sve dok je posjetitelj na web lokaciji, tako da ih ne želite isključiti s nečim loše dizajniranim ili pretjerano nametljivim. Pogrešajte na strani jednostavnosti, jer će plutajući bočni trak biti glazura na torti za popratni sadržaj.

Ljepljivi izbornici

Ljepljivi izbornici su možda najprirodnija vrsta svih ljepljivih UI elemenata u WordPressu, ali su i jedan od najkorisnijih.

Ideja je jednostavna. Dok se korisnik pomiče prema dolje, izbornik ostaje čvrsto na svom mjestu.

Ali to možete implementirati na nekoliko različitih načina:

a) Možete ići na standardni položaj na vrhu.

To je učinio tim ThemeIsle sa svojim Zerif tema, na primjer (možete vidjeti demo demo ovdje):

Zerif ljepljivi elementi

Dodatni bonus ovdje je što izbornik nije jednostavan izbornik s jednim redom, već mega izbornik – kada pokažite mišem iznad svake stavke, oni otkrivaju složeniju strukturu:

mega izbornik

b) Stavite izbornik na stranu.

Ovo je lijepa opcija za neke dizajne, a posebno za foto-teška web mjesta koja se kladite na vizuale kako bi ispričala svoju priču.

Evo primjera iz RichBrown.info:

RichBrown

Izbornik je fiksiran udesno dok se pomičete prema dolje.

c) Stavite na dno.

Dno je još jedan zanimljiv položaj fiksnog izbornika, a posebno ako želite izbornik učiniti malo višim od jednog retka teksta.

Evo primjera za bulletpr:

bulletpr

Kao što vidite, izbornik sadrži slike + tekst pa je postavljen pri dnu tako da ne zauzima vrijedni prostor u zaglavlju web lokacije.

Ljepljive prijave e-pošte

Kao što vjerojatno znate, jedan od najboljih načina za dosezanje svoje publike je putem e-pošte. E-adresa poslana na vaš popis pretplatnika je pet puta vjerojatnije biti viđen od posta na Facebooku.

Stvaranje popisa kvalitete pretplatnika e-pošte je presudno za podizanje vaše tvrtke na višu razinu. Zahvaljujući ljepljivim obrascima, pribavljanje pretplatnika je lakše nego što mislite.

Puno je načina kako potaknuti posjetitelja web mjesta da se registrira za vašu listu slanja. Ljepljivi oblik, bilo na bočnoj traci ili na vrhu stranice, može vam biti od velike pomoći. Jedno web mjesto koje to dobro radi je TwelveSkip, tvrtka za digitalne medije. Njihov poziv na akciju na vrhu stranice jasan je i privlači pozornost bez pretjeranog lica ili odvlačenja pažnje.

twelveskip

Vrh bočne trake je još jedno dobro mjesto da biste dobili pretplatnike putem e-pošte. Ponekad ne boli više mjesta na kojima se ljudi mogu prijaviti. Pretplatnici putem e-pošte toliko su vrijedni da vrijedi uložiti dodatne napore kako biste napravili svoj popis.

CodeinWP, na primjer, koristi više oblika za ovu svrhu i mnogi su ljepljivi. Kao ova:

codeinwp

Ljepljivi oglasi

Suočimo se s tim – oglasi su nužno zlo za većinu nas. Naši čitatelji ih ne vole, kao ni mnogi tvorci web stranica. Međutim, oni su bitni za plaćanje računa, i tu dolazi digitalno oglašavanje.

Časopis koristi njihovo oglašavanje kao ljepljivi blok pa se pomiče dolje kada čitate bilo koji članak.

vrijeme

Puno je manje nametljiv od divovskog prskajućeg oglasa ili skočnog prozora, tako da nije loš način za ostvarivanje nekog prihoda bez isključivanja previše čitatelja.

Kao i svako oglašavanje, i ovo bi trebalo biti učinjeno umjereno. Zid oglasa s lijeve ili desne strane članka trenutačno je isključen. Jedan ili dva, zajedno s vezama na više članaka, dobar su način za oglašavanje.

Kreativni ljepljivi elementi UI u WordPressu

Osim gore navedenih stvari, možete koristiti i puno kreativnije uporabe ljepljivih UI elemenata u WordPressu, ali to će značiti i više posla kako biste ih implementirali.

Evo jednog primjera, Gavick.com:

otoka

Ako odete na tu stranicu, primijetit ćete da cijeli otok ostaje u središnjem dijelu dok se pomičete prema dolje. Pomiče se između prednjeg i pozadinskog izvora, ali uvijek je u središtu. Ova stvar stvarno privlači pažnju korisnika.

Čini se da uistinu nema ograničenja za kreativno korištenje ljepljivih UI elemenata u WordPressu … jer je netko mogao učiniti otok ljepljivim.

Kako pronaći pravi dodatak?

tu je nema nedostatka dodataka na WordPress.org koji vam može pomoći implementirati ljepljive elemente u svoju temu. Neki možda savršeno rade s vašom temom, dok drugi možda nisu optimizirani za vašu web lokaciju. Trebat će neke probe i pogreške da biste pronašli one koji najbolje funkcioniraju.

Krajnji rezultat će biti vrijedan toga, bilo da se želite nadati prometu na društvenim medijima ili prenijeti važne informacije čitateljima. Samo obavezno testirajte dodatke kako biste osigurali da nema dizajnerskih nagađanja.

Lexie Lu O autoru: Lexie Lu je slobodna dizajnerica i blogerica. Uživa u istraživanju najnovijih trendova i uvijek je uz šalicu kave u neposrednoj blizini. Ona upravlja Dizajn pečena a može se pratiti na Twitteru @lexieludesigner.

Sva izdanja i duhovita prepisivanja napisala Karol K.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map