Sisselogimise / registreerimise vorm Ideed ja ilusad näited
Kogu kaasaegses veebis näeme kasutajate sisestamiseks üha rohkem kohti. Nende hulka kuuluvad ostukärud, interaktiivsed veebimängud ja kindlasti veebisaidi registreerimisvormid. Tundub, et mitte ainult disainerite keskendumine lehekülje kujundamisele, vaid ka esteetika moodustamine on võrdselt oluline roll.
Mõtle, kui palju vorme olete oma Interneti-ajaloo jooksul täitnud. Neist on olemas arvukalt näiteid foorumitest, teadetetahvlitest, blogidest ja nii palju muud. Selles artiklis vaatleme mõningaid suurepäraseid trikke, et kujundada oma lehekülje vorme.
On mõistlik mõningaid punkte siinkohal objektiivsest vaatenurgast vaadelda. Kuigi paljud sisselogimis- ja registreerimisvormid sobivad hästi ühe tüüpi saidiga, ei ole lõplikku kohtuotsust kutsutud “parim” lahendus. Kasutage oma disaini intuitsiooni bittide ja tükkide rakendamiseks vormidest, mida soovid.
Mõtle mitu sisendit
Et alustada asju, loe fondi Six Web Design väikest kontaktivormi. Jah, see ei ole sisselogimisvorm, nii et see võib juhtida veidi teemat. Kuid nende lehekülje kujundus on väga muljetavaldav ja see näitab teile, mida võib vähe loovust saavutada.
Kõik sisendväljad pakuvad ruumi isikliku kontaktinfo sisestamiseks - nimi, e-post jne. Stiilid ulatuvad tavapärasest kaugemale, pakkudes kasutaja sisendit käsitsi kirjutatud kalligraafias. Selline vormindamine hoiab teie kasutajad mõnusas olukorras ja saavutab eesmärgi, mis on palju kõrgem.
Soovite rakendada selliseid stiile nagu kõik oma sisselogimislehed. Ma kindlasti ei soovitaks kinni sama stiili sisendteksti ja valik / valikmenüüd. Kui te oma aju loovuse jaoks jooksite, kaaluge, kuidas iga element tuleks paigutada: kihtide vahele, suurele kergesti loetavale tekstile ja isegi külgriba lingidele nende otsese e-posti liini vahel.
jQuery sisselogimiskastid
Seda on varem kasutatud arvukates veebilehtedel ja seda nähakse kindlasti uue vanuse kujunduses. Pikka aega läksid need päevad, mil tavapärased tavad toovad kasutajaid sisselogimisprotsessi iga etapi jaoks uuele lehele. Tavaliselt tähendaks see lehekülge, mis sisestaks teie andmed ja ka uue lehe sisselogimisteabe töötlemiseks.
Pixel2Life pakub fantastilist teavet uue andmesisestusvaldkonna kohta. Oma kodulehelt saate klõpsata sisselogimise lingile ja avada dünaamiline jQuery-toega sisselogimise kast. See vorm sisaldab Ajaxi kõnet välisele PHP skriptile, mis kontrollib teie sisselogimisteabe volitusi ja annab pärast töötlemist juurdepääsu või keelab juurdepääsu.
Teine samm edasi astudes võib täheldada registreerimislinki otse sisselogimiskasti all. See pakub kasutajatele, kes soovivad veebisaidile registreeruda, kuid ei suuda registreerimislinki leida, lihtsam kasutajakogemus.
Kui kasutajal ei ole kontot, kuid soovib seda teha, toob see need registreerimislehele ilma vigaste lehekülgede tõrgeteta. Sisselogimiskast oleks endiselt võimalik oma kontole juurdepääsuks, kuid võimaluse lubamine annab võimaluse suurematele tuludele ja suurematele uutele registreerijatele.
Lihtne ühe lehekülje registreerimine
Teine muutuv paradigma, mida me näeme, on sellise konto puudumine uute kontode registreerimisel. See ei pruugi olla halb statistika, eeldades, et kasutajad kasvavad kannatamatult andmete täitmisel. Numbrid näitavad tegelikult veebisaite, millel on lühemad registreerimislehed raskem uute kasutajate nimekirjad iga päev.
Sikbox pakub külastajatele kerget võimalust luua oma veebisaidi otsingukast. Ainus nõue on teie enda kohandatud domeen, mis pakub otsingutulemusi. Sisendväljad on suured, teksti on väga lihtne lugeda ja seal on mingit reklaami pole häirida kasutajaid oma otsinguvormi ülesehitamisest!
Nüüd ei ole see parim vorm, mida foorumil või blogiarhiivil oma registreerimislehe loomisel välja ehitada. Need standardvariandid nõuavad vähemalt teatud tüüpi e-posti aadressi / kasutajanime kombinatsiooni koos parooliga. Mõned uue ajastu veebirakendused loovad kasutajatele dünaamilised paroolid, et registreerimisprotsess kiiremini toimuks.
Loomulikult puudub kompromissi siin kasutaja kontrolli all, et luua oma parool, mida paljud inimesed on harjunud.
Ehita välja Flashy Effects
Üks suurimaid registreerumiskogemusi, mida ma kunagi olnud olnud, on minu esimese Tumblr konto loomine. Nende saidi kodulehekülg pakub nii sisselogimis- kui ka registreerimisvormi, mis on paigutatud otse üksteise alla, uute CSS3 esiletõstmise / kadumise efektidega.
See süstemaatiline lähenemine on sarnane Pixel2Life'i jQuery sisselogimispiirkonnaga. Erinevus Tumblriga on aga see, et võrk ei saa pakkuda sisu ilma blogita isikutel (peale teiste kontode sirvimise). Tumblri tegelik kasu on luua oma blogi ja järgida teisi - seega on teie peamine eesmärk esilehel kas luua konto või sisse logida.
Selle süsteemiga on mõned vead. Eelkõige IE6 / IE7 puhul, mis ei toeta neid uusi CSS omadusi. Kodulehel kasutatakse ka märgistuselementide lisamise vormi süsteemi sisendväärtustesse - põhimõtteliselt üle “vaikimisi” e-posti / parooli kastide tähemärgid.
Need sildid kaotavad fookuses kaasaegsed brauserid nagu Chrome / Firefox. Kuid sellist õnne vananenud brauseritega, mis, nagu te võite ette kujutada, on üsna tüütu, et proovida oma sisendit uuesti lugeda!
20+ näiteid kaunistest vormidest
Allpool on mõned fantastilise sisselogimisvormi kujundused. Need on valitud üle veebi ja sisaldavad mitmeid veebirakenduste vorme. Kui teil on soovitusi teistele saitidele, jagage neid allpool olevas kommentaaride jaotises!
Snoggle News
Robo.to
Virb
Grooveshark
Storenvy
Dropbox
Green Globe Ideas
Freshbookid
Themeforest
MailChimp
BaseCamp
TestFlight
AwesomeJS
Vabastamine
PopScreen
Gowalla
Kontain
MobileMe
Laterthis
Launchlist
Theidealist
