20 lieliski reģistrēšanās formas piemēri, no kuriem mācīties
Pieteikšanās veidlapas var būt dažādu formu un izmēru. Daži no tiem ir viens lauks, citi ir daudzpakāpju process, kas sniedzas vairākos ekrānos.
Šodien mēs apskatīsim 20 pievilcīgas un funkcionālās formas, lai redzētu, vai mēs varam atrast noderīgas idejas, kuras varat izmantot nākamreiz, veidojot pierakstīšanās veidlapu.
Izpētiet dizaina resursus
300 pikseļi
Vairāki no piemēriem, kurus šodien aplūkosim, nāk no tādām beta reģistrēšanās formām kā šī. Parasti šajās lapās ir tikai grafiska informācija un nav nekādas informācijas par to, kāda vietne patiesībā būs.
Man ļoti patīk 3D pogas grafika un tas, kā tā animējas, kad uz tās noklikšķināt. Tas tiek darīts ar attēliem un Javascript, bet stils man atgādina BonBon Buttons, brīvi lejupielādējamu CSS3 eksperimentu.
Vēl viena lieliska lieta šajā lapā ir tā, ka tā lieliski izmanto attēlu sprites. Pārbaudiet avotu, lai redzētu sākotnējo attēlu.
TestFlight
Gluds un vienkāršs šī stila stils ir vienkārši skaists. Man patīk, ka katrā rindā ir papildu polsterējums un tas, cik ļoti izvēlētais formas lauks izceļas no pārējiem.
Tas faktiski ir svarīgs lietojamības aspekts. Veidlapas var sagādāt grūtības lietotājiem, un tādu nelielu pieskārienu pievienošana kā acīmredzams pašreizējā lauka izcelšana var patiešām palīdzēt viņiem iziet procesu.
Kreditējams
Man patīk veids, kā šī veida okeāns vienkārši peld. Šeit ir arī ļoti daudz jauku un izsmalcinātu stilu. Pārbaudiet iekšējo ēnu uz laukiem un to, kā lauka malas ir tumšākas augšējā kreisajā pusē nekā tās ir labajā apakšējā stūrī. Šajā formā ir arī dažas patiešām lieliskas atgriezeniskās saites funkcijas, kuru nozīmi mēs apspriedīsim vēlākā piemērā.
CertTime
Modālie logi vienmēr ir forši. Viņi pārklāj pašreizējo saturu, nevis ved jūs uz citu lapu. Kaut kā tas ir tikai mazāk satraucoši, nekā aizvilināts uz kaut ko jaunu, kas jūtas kā pārtraukums.
Noslāpējot mājas lapas grafiku un izveidojot modālo zīmju reģistrācijas veidlapu, jums rodas nojausma, ka process būs ātrs un nesāpīgs un jūs atgriezīsities pārlūkošanā ne ātrāk.
Ideju saraksti
Šī ir daudz garāka nekā iepriekšējās veidlapas, un tai ir vairāki aizpildāmie lauki. Tomēr saturs ir sadalīts trīs pārvaldāmās daļās, kas palīdz tai nejusties kā vienai lielai formai.
Turklāt man ļoti patīk, kā dizains izskatās kā izdrukāta forma, jūs varat viegli redzēt, kā rakstāt atbildes!
Skriemelis
Man nav par daudz ko teikt par šo citu, izņemot to, ka man patīk tas, kā izskatās lapa. Mazais iespraustais lodziņš iesniegtajā adresē ir patīkami pieskarties. Šis lauks arī automātiski pārbauda jūsu lietotājvārda izvēli, lai redzētu, vai tas jau ir izdarīts.
ACosmin.com
Raksta un faktūras izmantošana šajā vietnē ir fantastiska. Skaitīt taisnstūrus e-pasta formā ir jautri, tur ir pats lauks un lauka maliņa, kuru ieskauj punktu zīmējums, kuru ieskauj kāds balts polsterējums, tad uz tā ir vēl viena tumšāka pelēka apmale un visbeidzot viena liela kaste. to visu noturēt.
Aprakstot to, jūs domājat, ka rezultāts būs aizņemts un neglīts, bet tas nāca mūsu krāšņs.
Ziedēt veselību
Šeit man patika draudzīgā ziņojumapmaiņa veidlapas tekstā: “Sazināsimies.” Pārāk bieži mēs šaujam tieši pēc kaut kā vienkārša un garlaicīga, kad dažu minūšu apsvēršana var mūs novest pie daudz interesantākas alternatīvas.
Avanti
Avanti forma ir par šo lielo pogu. Palielinātais izmērs un treknrakstā izvēlētā krāsa pievērš jūsu uzmanību tieši tam, kur tiek parādīts jauks vienkāršs paziņojums, kas nav gluži aicinājums uz rīcību, bet tā vietā norāda lietotāja rīcībā esošo pogu “Pierakstīties”. Tas neatstāj šaubas par to, kas notiek, nospiežot pogu.
Audio loģika
Audio Logic izvēlējās dumjš ilustrētu rakstzīmi, kas aiztur viņu pierakstīšanās formu. Tas lapai piešķir daudz rakstura un liek smaidīt, kad to redzat; paņēmiens, kuru vērts izpētīt ar savu personāžu ilustrācijām!
Kulinārijas kultūra
Man patīk vizuālais pastiprinājums, ko šī vietne izmantoja veidlapu laukiem. Šāda veida vienkāršās ikonas var atrast jebkurā no simts bezmaksas ikonu kopām tiešsaistē, un veidlapai patiešām ir daudz papildinājuma, jūs to gandrīz varētu aizpildīt, pat nelasot tekstu!
Navigācijā šāda veida ikonas tiek izmantotas diezgan bieži, un ir diezgan patīkami redzēt, ka kāds tās pārvelk formā.
Gowalla
Gowalla formai ir interesants vēstījums, kas jāmāca: vienkāršs ir labs. Šī ir vietne ar fantastisku, oriģinālu dizainu, kurā tiek reklamēta tāda pati lietotne, tomēr viņi neizvēlējās darīt kaut ko iedomātu vai mulsinošu savā reģistrēšanās formā.
Tā vietā tā ir tikai vienkārša balta kaste ar jaukiem lieliem laukiem. Ievērojiet, kā viņi iestrēdza pirmos divus laukus vienā līnijā, bet saglabāja stingru un pamatotu izlīdzinājumu. Šī ir jauka vietas ekonomijas metode, kas neizjauc jūsu izkārtojumu.
Bufalo
Dažreiz milzīga forma var neticami atturēt. Jūs redzat visus šos laukus, kas jāaizpilda, un jūsu pirmais instinkts ir tikai aizvērt pārlūka logu un padarīt tos aizejošus.
Kā redzams zemāk esošajā vietnē, dažreiz tas var palīdzēt sadalīt šos laukus vairākās darbībās. Vienlaicīgi jūs redzat tikai nelielu gabalu, tāpēc nekautrējaties un varat sekot līdzi progresam, izmantojot augšpusē esošo rīvmaizi.
Kontain
Lūk, ko es ienīstu: aizpildot divdesmit veidlapas un noklikšķinot uz Iesniegt tikai, lai uzzinātu, ka kaut kur esmu pieļāvis kļūdu. Pēc tam man jāmeklē sīkas zvaigznītes, kas norāda, kur es nogāju greizi. Tas nav tikai es, arī visi pasaulē to ienīst! Neatkarīgi no tā, vai jums ir trīs vai piecdesmit lauki, jūs padarīsit lietotāju pieredzi bezgalīgi labāku, nodrošinot tiešas, saprātīgas atsauksmes par katru lauku.
Mēs to redzam zemāk esošajā Kontain veidlapā. Es ievadīju paroli, kas bija tikai trīs burti gara, un parādījās milzīga zīme, kas man teica, ka es izdarīju kaut ko nepareizi. Tas pats notiek, ja ievadāt nederīgu e-pastu. Šeit galvenais ir nevis vienkārši sniegt atsauksmes, bet arī skaidri saskatāmas un viegli saprotamas atsauksmes, kuras lietotājs var labot pirms noklikšķināšanas uz pogas Iesniegt.
Zzz
Gowalla ir jautra vietne un garlaicīga pierakstīšanās forma, kurai ir savas priekšrocības. Tomēr nav nepārkāpjamu noteikumu, ka arī ar veidlapām nevar izklaidēties.
Pārbaudiet zemāk esošo veidlapu. Ne tikai grafika ir traka, bet arī paši veidlapas lauki tiek nedaudz pagriezti, lai palielinātu izskatu. Tas noteikti nebūtu piemērots daudzās profesionālās situācijās, taču vietnē, kas piepildīta ar lidojošām aitām, tiek reklamēts dzēriens, kas padara jūs miegainu, tas darbojas perfekti.
Vimeo
Vimeo ļaudis nolēma lielu lapu veltīt mazai formai. Viņi to iestrēdza augšējā labajā stūrī un pārējo lapu aizpildīja ar ilustrētu salu un dažiem animētiem peldošiem mākoņiem.
Tāpat kā iepriekšējais piemērs, tas noteikti nav piemērots visām situācijām, taču šeit tas darbojas labi un ir diezgan jautra citādi garlaicīgas formas ieviešana.
Tējas kārta
Šis atspoguļo interesantu domāšanas veidu. Poga “Sign Me Up” labajā pusē ir izstiepta vertikāli, lai tā atbilstu divu lauku augstumam.
Mēs neesam pieraduši nospiest kvadrātveida pogas tīmeklī, tāpēc jums ir jābūt uzmanīgam, ieviešot kaut ko līdzīgu, bet man patīk tas, ko viņi šeit ir izdarījuši.
13 Radošs
Ja jums ir ļoti veidota vietne, kas seko skaidrai vizuālajai tēmai, ievade formā ar noklusējuma stilu var sabojāt visas tēmas integritāti.
Tā vietā jums jāatrod līdzsvars starp to, kā padarīt jūsu formas apgabalu izceļas un padarīt to saskaņotu ar vietnes kopējo tēmu. Es domāju, ka zemāk esošā 13 radošā forma ir lielisks šīs tehnikas piemērs darbībā.
Obama
Obamas formā tiek izmantota tāda pati tehnika kā iepriekš minētajā Avanti piemērā. Ievērojiet, cik ļoti šī sarkanā poga izceļas citādi ļoti zilajā lapā. Šoreiz pogas teksts ir skaidrs aicinājums uz darbību “Uzziniet vairāk”. Neatkarīgi no tā, vai jūs mīlat vai ienīst viņa politiku, tas noteikti ir tāds, ka Obamai līdz šim ir bijis vislabākais vizuālais zīmols jebkuram Amerikas prezidentam - šī tendence, manuprāt, ir noteikusi standartu, kas tiks turpināts arī nākamajiem šī amata turētājiem.
Iegūstiet Brevinu
Šim pēdējam piemēram ir gan plusi, gan mīnusi. Kopumā lapa ir ļoti pievilcīga. Tomēr tas šķiet daudz satura izlīdzinājumam centrā, kas ir diezgan vājš kaut kam vairāk nekā dažām rindām.
Šeit mācība ir tāda, ka dažreiz visgrūtāk ir izstrādāt vienkāršākos projektus. Kad ir daudz satura, ar jums ir daudz jāstrādā, un jūs varat izveidot spēcīgu, skaidru izlīdzinājumu. Ar nedaudz satura, kas ne tuvu piepildīs lapu, jums bieži vien ir jāpacenšas, pirms piezemējāties uz ideālā risinājuma.
Parādi mums savu!
Katrs no iepriekšminētajiem divdesmit pieteikšanās formas piemēriem var kaut ko iemācīt, kā efektīvi veidot savu. Zemāk atstājiet komentāru ar saiti uz dažām veidotajām veidlapām. Kādas metodes jūs izmantojāt, lai stiprinātu formu gan vizuāli, gan funkcionāli?
