Pieteikšanās / reģistrācijas forma Idejas un skaisti piemēri

Visā mūsdienu tīmeklī mēs redzam aizvien lielāku vietu lietotāju ievadīšanai. Tie ietver iepirkumu ratiņus, interaktīvas tīmekļa spēles un, protams, tīmekļa vietnes reģistrācijas veidlapas. Šķiet, ka ne tikai dizaineriem jākoncentrējas uz lapas dizainu, bet arī estētika ir vienlīdz svarīga loma.

Apsveriet, cik daudz veidlapu esat aizpildījis interneta vēstures gaitā. Pastāv neskaitāmi piemēri no forumiem, ziņojumu dēļiem, emuāriem un vēl daudz vairāk. Šajā rakstā mēs apskatīsim dažus lieliskus trikus, lai veidotu jūsu lapu veidlapas.

Ir saprātīgi aplūkot dažus no šiem jautājumiem no objektīva viedokļa. Lai gan daudzas pieteikšanās un reģistrācijas veidlapas labi darbojas ar viena veida vietnēm, nav gala sprieduma par to, kas ir “vislabāk” risinājumu. Izmantojiet savu dizaina intuīciju, lai piemērotu bitus un gabalus no veidlapām, kuras jūs tiecaties.

Apsveriet vairākus ievadus

Lai sāktu lietas, apsveriet nelielu kontaktu veidlapu no fonda Six Web Design. Jā, tas nav pieteikšanās veidlapa, lai tā varētu novirzīt mazāku piezīmi. Tomēr to lapu dizains ir ļoti iespaidīgs, un tas parāda, ko var panākt ar nelielu radošumu.

Katrs no ievades laukiem piedāvā iespēju ievadīt personisko kontaktinformāciju - vārdu, e-pastu utt. Stili ir daudz plašāki par parastajiem, piedāvājot lietotāja ievadi rokraksta rokrakstā. Šāda veida formatēšana saglabās jūsu lietotājus brīnumainā stāvoklī un sasniegs mērķi, kas ir daudz augstāks.

Jūs vēlaties ieviest tādus stilus kā visi pieteikšanās lapas. Es, protams, nebūtu ieteicams pielīmēt to pašu ievades teksta un opciju / atlases izvēlņu stilu. Kad skriejat smadzenes radošumam, apsveriet, kā jāizveido katrs elements: daudz vietas starp slāņiem, liels viegli lasāms teksts un pat sānjoslas saites uz to tiešo e-pasta līniju.

jQuery pieteikšanās kastes

Tas ir izmantots neskaitāmās tīmekļa vietnēs pagātnē, un tas noteikti būs redzams jaunā vecuma dizainos. Ilgi aizgājuši ir dienas, kad standarta prakse ļaus lietotājiem uz jaunu lapu katram pieteikšanās procesa posmam. Parasti tas nozīmētu lapu, kurā ievadīt datus, kā arī jaunu lapu, lai apstrādātu pieteikšanās informāciju.

Pixel2Life piedāvā fantastisku ieskatu jaunā datu ievades jomā. No savas mājas lapas varat noklikšķināt uz pieteikšanās saites un izveidot dinamisku jQuery darbināmu pieteikšanās lodziņu. Šajā veidlapā ir Ajax zvans uz ārēju PHP skriptu, kas pārbauda jūsu pieteikšanās informācijas akreditācijas datus un, kad tas ir apstrādāts, piešķir vai liedz piekļuvi.

Vēl viens solis tālāk, gudrs var pamanīt reģistrācijas saiti tieši zem pieteikšanās lodziņa. Tas piedāvā daudz gludāku lietotāja pieredzi tiem, kas vēlas reģistrēties vietnei, bet nevar atrast reģistrācijas saiti.

Ja lietotājam nav konta, bet vēlētos to izdarīt, tas nonāk reģistrācijas lapā bez nekādām kļūdām. Pieteikšanās lodziņš joprojām būtu izdevīgs risinājums, lai piekļūtu savam kontam, tomēr ļaujot opcijai dot lielāku peļņu un lielāku reģistrētāju skaitu.

Vienkārša vienas lapas reģistrācija

Vēl viena mainīgā paradigma, ko mēs redzam, ir šāda detalizēta informācija par jaunu kontu reģistrāciju. Tas ne vienmēr ir slikta statistika, pieņemot, ka lietotāji pieaug nepacietīgi, aizpildot datus. Skaitļi faktiski iesaka tīmekļa vietnes ar īsākām reģistrācijas lapām smagāks jaunu lietotāju sarakstus.

Sikbox piedāvā vieglu iespēju apmeklētājiem izveidot savu vietni meklēšanas lodziņā. Vienīgā prasība ir jūsu pasūtījuma domēns, kas nodrošina meklēšanas rezultātus. Ievades lauki ir lieli, teksts ir ļoti vienkārši lasāms un ir absolūti nekādas reklāmas novērst lietotājus no uzdevuma veidot savu meklēšanas formu!

Tagad tas nav labākais veids, kā veidot savu forumu vai emuāru arhīva reģistrācijas lapu. Tie pēc standarta definīcijas prasīs vismaz sava veida e-pasta adresi / lietotājvārdu kombināciju kopā ar paroli. Dažas jaunās paaudzes tīmekļa lietojumprogrammas lietotājiem radīs dinamiskas paroles, lai reģistrēšanas process būtu ātrāks.

Protams, šajā kompromisā trūkst kontroles lietotāja galā, lai radītu savu paroli, ko daudzi cilvēki ir pieraduši.

Izveidojiet neskaidru efektu

Viena no lielākajām pierakstīšanās pieredzēm, ko esmu kādreiz bijusi, bija mana pirmā Tumblr konta izveide. Savas vietnes mājas lapa piedāvā gan pieteikšanās, gan pierakstīšanās veidlapu, kas atrodas tieši zem viena cita ar jauniem CSS3 izcelšanas / izbalēšanas efektiem.

Šī sistemātiskā pieeja ir līdzīga Pixel2Life jQuery pieteikšanās zonai. Tomēr atšķirība ar Tumblr ir tīkls, kas nevar piedāvāt saturu tiem, kam nav emuāra (izņemot citu kontu pārlūkošanu). Reālais ieguvums no tumblr ir izveidot savu emuāru un sekot citiem - līdz ar to jūsu galvenais mērķis priekšējā lapā ir izveidot kontu vai pieteikties.

Šajā sistēmā ir dažas kļūdas. Jo īpaši IE6 / IE7, kas neatbalsta šīs jaunās CSS īpašības. Sākumlapā tiek izmantota arī sistēma etiķetes elementu pievienošanai veidlapu ievades vērtībās - būtībā pārspiežot “noklusējuma” rakstzīmes, kas tiek izmantotas e-pasta / paroles lodziņos.

Šīs uzlīmes pamazām izzūd mūsdienu pārlūkprogrammās, piemēram, Chrome / Firefox. Bet nav tādu veiksmi ar novecojušām pārlūkprogrammām, kas, kā jūs varat iedomāties, ir diezgan kaitinošas, mēģinot atkārtoti lasīt savu ieguldījumu!

20+ skaistas formas dizaina piemēri

Tālāk ir parādīta dažu fantastisku pieteikšanās veidlapu dizaina ātra apaļā galda galerija. Tie ir atlasīti no interneta un ietver daudzas tīmekļa lietojumprogrammu formas. Ja jums ir ieteikumi par citām vietnēm, lūdzu, dalieties tajos tālāk sniegtajā komentāru sadaļā!

Sāciet ziņas