Пријава / Регистрација Образац Идеје и лепи примери

Кроз савремени веб видимо све већи број места за унос корисника. Ту спадају колица за куповину, интерактивне веб игре, а свакако и формулари за регистрацију на веб страници. Чини се да не само да би се дизајнери требали фокусирати на дизајн страница, већ су и естетске форме једнако важне улоге.

Размислите о томе колико сте облика попунили током ваше интернет историје. Постоје безбројни примери ових форума, форуми, блогови и још много тога. У овом чланку ћемо погледати неке велике трикове за дизајнирање ваших форми на страници.

Мудро је размотрити неке ставке из објективне перспективе. Иако многи обрасци за пријаву и регистрацију добро функционишу са једном врстом сајта, нема коначне пресуде о томе шта је то “најбоље” решење. Користите своју интуицију за дизајнирање да примените комадиће и комаде од облика којима тежите.

Размотрите вишеструке уносе

Да бисте започели са стварима, размислите о малом контактном формулару из Фондације Сик Веб Десигн. Да, ово није образац за пријаву тако да може мало да скрене са теме. Међутим, њихов дизајн страница је веома импресиван и показује шта мало креативности може постићи.

Свако од поља за унос нуди вам могућност да унесете личне податке за контакт - име, е-маил, итд. Стилови превазилазе уобичајене, нудећи унос корисника у типу руком писане калиграфије. Овај тип форматирања ће задржати ваше кориснике у стању чуда и постићи циљ много виших стандарда дизајна.

Желите да имплементирате стилове сличне овим на свим вашим страницама за пријављивање. Свакако не бих препоручио да се придржавам истог стила уноса текста и опција / изборника. Приликом трчања мозга за креативност, размислите о томе како би сваки елемент требао бити изложен: довољно простора између слојева, велики текст који се лако чита, па чак и линкови са стране на њихову директну е-пошту.

јКуери Логин Бокес

Ово је кориштено на безбројним веб страницама у прошлости и сигурно ће бити виђено унутар дизајна новог доба. Давно су прошли дани када би стандардне праксе довеле кориснике на нову страницу за сваки корак процеса пријаве. Обично би то значило страницу за унос података и нову страницу за обраду података за пријаву.

Пикел2Лифе нуди фантастичан увид у ново поље уноса података. Са њихове почетне странице можете кликнути на везу за пријаву и отворити динамичну кутију за пријаву на јКуери. Овај образац садржи Ајак позив за спољни ПХП скрипт који проверава акредитације ваших података за пријаву и, када је обрађен, одобрава или одбија приступ.

Идући корак даље проницљивост може приметити регистрациони линк директно испод поља за пријаву. Ово нуди много лакше корисничко искуство за оне који желе да се пријаве за веб сајт, али не могу да пронађу линк за регистрацију.

Ако корисник нема налог, али жели да га направи, то их доводи на страницу за регистрацију без грешака на грешкама на страници. Кутија за пријаву и даље би била одржива опција за приступ вашем рачуну, али допуштајући опцију, уступају се већи поврати и веће количине нових регистраната.

Једноставне регистрације на једној страници

Још једна промјенљива парадигма коју видимо је недостатак таквих детаља за нове регистрације рачуна. Ово није нужно лоша статистика ако претпоставимо да корисници постају нестрпљиви према попуњавању података. Бројеви заправо указују на веб странице са краћим страницама за регистрацију тежи листе нових корисника на дневној бази.

Сикбок нуди лагану опцију за посетиоце да креирају сопствени оквир за претрагу за веб сајт. Једини услов је да имате сопствени прилагођени домен који ће омогућити резултате претраге. Поља за унос су велика, текст је веома једноставан за читање и постоје апсолутно нема реклама да одврате кориснике од задатка изградње њиховог обрасца за претрагу!

Сада ово није најбољи облик за изградњу када креирате сопствену страницу регистрације за форум или блог архиву. То ће, стандардном дефиницијом, барем захтијевати неку врсту комбинације е-маил адреса / корисничког имена и лозинку. Неке нове веб апликације ће генерисати динамичке лозинке за кориснике само да би процес регистрације био бржи.

Наравно, компромису овде недостаје контрола на крај корисника да генерише сопствену лозинку на коју су многи људи навикли.

Изградите Фласхи ефекте

Једно од највећих искустава за пријављивање које сам икада имао био је креирање мог првог Тумблр рачуна. Почетна страница њиховог сајта нуди и образац за пријављивање и пријављивање који се налазе непосредно испод других са новим ЦСС3 ефектима истицања / фаде.

Овај систематски приступ је сличан у погледу области за пријаву на Пикел2Лифе јКуери. Међутим, разлика са Тумблр-ом је то што мрежа не може понудити садржај онима који немају блог (осим прегледавања других рачуна). Права корист од тумблр-а је креирање властитог блога и праћење других - тако да је ваш главни циљ на насловној страници да направите рачун или се пријавите.

Има неких грешака у овом систему. Најважније у оквиру ИЕ6 / ИЕ7 које не подржавају ове нове ЦСС особине. На почетној страници се такође користи систем за додавање елемената етикете у улазне вредности форме - у основи надјачава “Уобичајено” знакови који се користе за поља е-поште / лозинке.

Ове ознаке нестају у фокусу у модерним претраживачима као што је Цхроме / Фирефок. Али нема среће са застарелим прегледачима који, као што можете да замислите, прилично неугодно покушавају да поново прочитају ваш унос!

20+ Примери лепог дизајна форме

Испод је галерија са кратким приказом неких фантастичних дизајна за пријаву. Оне су изабране из читавог веба и укључују бројне облике веб апликација. Ако имате приједлоге за друге локације, слободно их подијелите у одјељку за коментаре испод!

Сноггле Невс