Поле для сцяжка
Лёгка збірайце пагадненні і пытанні з некалькімі варыянтамі адказаў. Ад простых сцяжкоў «так/не» да спісаў з некалькімі варыянтамі адказаў з функцыяй «Выбраць усё», элементамі кіравання «мінімум/максімум» і разумнымі макетамі — поле «Сцяжок» апрацоўвае асобныя пагадненні і пытанні з некалькімі варыянтамі адказаў з магутнай праверкай і зручнымі опцыямі.
Два рэжымы для любых патрэб у сцяжку
Ідэальна падыходзіць для:
Магутныя функцыі для любога выпадку выкарыстання
Два рэжымы сцяжкоў
Рэжым аднаго сцяжка:
Адзін сцяжок для пытанняў тыпу «так/не», пагадненняў або згоды. Ідэальна падыходзіць для прыняцця ўмоў, падпіскі на рассылку і формаў згоды.
Выкарыстоўвайце выпадкі:
- «Я згодны з умовамі»
- «Падпішы мяне на рассылку»
- «Так, я хачу атрымліваць абнаўленні»
- «Я пацвярджаю дакладнасць гэтай інфармацыі»
Асаблівасці:
- Тэкст карыстальніцкай надпісы для сцяжка
- Стан па змаўчанні: адзначана/не адзначана
- Уласнае адпраўленае значэнне (так, 1, праўда і г.д.)
- Абавязковы варыянт праверкі
Рэжым некалькіх сцяжкоў:
Некалькі варыянтаў, дзе карыстальнікі могуць выбраць некалькі адказаў. Ідэальна падыходзіць для пытанняў тыпу «Выберыце ўсё, што падыходзіць», збору пераваг і апытанняў з некалькімі варыянтамі адказаў.
Выкарыстоўвайце выпадкі:
- «Якія асаблівасці вас цікавяць?» (некалькі варыянтаў)
- «Выберыце пераважныя спосабы сувязі»
- «Выберыце ўсе паслугі, якія вам патрэбныя»
- «Якія тэмы вас цікавяць?» (адзначце некалькі)
Асаблівасці:
- Неабмежаваная колькасць варыянтаў сцяжкоў
- Тры стылі кампаноўкі
- Опцыя «Выбраць усё»
- Мін./макс. абмежаванні выбару
- «Іншае» з уводам тэксту
- Выключны варыянт «Нічога з вышэйпералічанага»
🎨 Тры варыянты кампаноўкі (некалькі рэжымаў)
Вертыкальная (штабаваная) размяшчэнне:
Палі для сцяжкоў размяшчаюцца па адным у радку, вертыкальна размешчаныя адзін над адным. Найбольш чытэльны макет для больш доўгіх назваў опцый.
Лепшае для:
- Доўгі тэкст варыянтаў
- 3-10 варыянты
- Мабільныя формы
- Максімальная чытальнасць
Гарызантальная (бок аб бок) размяшчэнне:
Сцяжкі адлюстроўваюцца ў радку, побач. Кампактная кампаноўка для кароткіх пазнак.
Лепшае для:
- 2-5 кароткіх варыянтаў
- Кампактныя формы
- Макеты працоўнага стала
- Эфектыўнасць прасторы
Макет сеткі (некалькі слупкоў):
Сцяжкі размешчаны ў выглядзе двухкалонкавай сеткі. Збалансаваны макет, які эканоміць месца, захоўваючы пры гэтым чытэльнасць.
Лепшае для:
- 4-12 варыянты
- Этыкеткі сярэдняй даўжыні
- Збалансаваны дызайн
- Прафесійны выгляд
Адаптыўнае паводзіны:
Усе макеты аўтаматычна адаптуюцца да экранаў мабільных прылад, складаючыся пры неабходнасці для лепшага ўзаемадзеяння з дотыкам.
✨ Опцыя «Выбраць усё»
Выбар адным пстрычкай мышы:
Дадайце спецыяльны сцяжок «Выбраць усё» ўверсе спісу. Карыстальнікі могуць паставіць/зняць сцяжок з усіх опцый адным пстрычкай мышы.
Разумныя паводзіны:
- Правярае ўсе звычайныя параметры адначасова
- Здымае ўсе галачкі пры паўторным націсканні
- Аўтаматычна здымаецца сцяжок, калі які-небудзь параметр не выбраны
- Паказвае нявызначаны стан, калі выбраны некаторыя (не ўсе) параметры
- Выключае «Нічога з вышэйпералічанага» з выбару ўсіх
Ідэальна падыходзіць для:
- Доўгія спісы сцяжкоў (больш за 5 варыянтаў)
- Формы, дзе карыстальнікі часта выбіраюць усё
- Пытанні «Адзначце ўсё, што падыходзіць»
- Выбар дазволаў і функцый
Вопыт карыстальніка:
Эканомія часу пры працы з доўгімі спісамі. Карыстальнікі могуць выбраць усё, а затым зняць галачкі з пэўных выключэнняў.
✏️ Варыянт «Іншы» з уводам тэксту
Калекцыя карыстальніцкіх адказаў:
Дадайце сцяжок «Іншае», пры выбары якога адкрываецца тэкставае поле. Карыстальнікі могуць задаць свой уласны адказ, калі загадзя зададзеныя варыянты не падыходзяць.
Як гэта працуе:
- Унізе спісу з'явіцца поле «Іншае»
- Калі ўсталявана галачка, з'яўляецца поле ўводу тэксту
- Карыстальнікі ўводзяць уласны адказ
- Адпраўляюцца як выбраны сцяжок, так і тэкст
Выкарыстоўвайце выпадкі:
- «Пераважны спосаб сувязі: …Іншае (калі ласка, удакладніце)»
- «Захапленні: …Іншыя тэмы»
- «Як вы даведаліся пра нас: …Іншая крыніца»
- Любы спіс, які не можа сумяшчаць
перавагі:
Фіксуе нечаканыя адказы, забяспечвае гнуткасць, прадухіляе выбар «прымусовага падганяння» і паляпшае якасць дадзеных.
❌ Варыянт «Нічога з вышэйпералічанага»
Выключны невыбар:
Дадайце опцыю «Нічога з вышэйпералічанага», якая аўтаматычна здымае галачку з усіх астатніх варыянтаў пры націсканні.
Разумная эксклюзіўнасць:
- Калі пастаўлены галачку «Няма», усе астатнія параметры аўтаматычна здымаюцца
- Калі адзначаны любы іншы варыянт, сцяжок «Няма» здымаецца аўтаматычна
- Забяспечвае зразумелы спосаб паказаць, што выбар не прымяняецца
- Прадухіляе супярэчлівы выбар
Выкарыстоўвайце выпадкі:
- Дадатковыя пытанні па перавагах
- «Выберыце ўсе алергіі: …Ніводная з вышэйпералічаных»
- Кваліфікацыйныя шашкі
- Выбар інтарэсаў
Чаму ўключаць:
Прадухіляе адмову ад формы, дэманструе стараннасць, дае відавочны варыянт адмоўнага адказу і павышае дакладнасць дадзеных.
📊 Элементы кіравання выбарам мін/макс
Колькасць элементаў кіравання:
Усталюйце мінімальную і максімальную колькасць сцяжкоў, якія трэба/можна выбраць.
Мінімальны выбар:
Патрабаваць ад карыстальнікаў выбраць як мінімум X варыянтаў. Форма не будзе адпраўлена, пакуль патрабаванне не будзе выканана.
Прыклады:
- «Выберыце як мінімум 2 інтарэсы» (Мін.: 2)
- «Выберыце мінімум 3 перавагі» (Мін.: 3)
- «Выберыце хаця б 1 варыянт» (Мін.: 1)
Максімальны выбар:
Абмежаваць карыстальнікаў выбарам не больш за X варыянтаў. Пасля дасягнення ліміту сцяжкі дэактывуюцца.
Прыклады:
- «Выберыце 3 найлепшыя характарыстыкі» (макс.: 3)
- «Выберыце да 5 паслуг» (максімум: 5)
- «Выберыце не больш за 2 варыянты» (Максімум: 2)
Ачысціць водгук:
Карыстальнікі бачаць паведамленні праверкі, такія як «Калі ласка, выберыце як мінімум 2 варыянты» або «Дазволена максімум 3 варыянты».
🔧 Простае кіраванне опцыямі
Поўны кантроль над выбарам:
- Дадаць параметры – увядзіце і націсніце Enter або націсніце «Дадаць параметр». Стварыце спісы сцяжкоў за лічаныя секунды.
- Параметры рэдагавання — абнаўляць тэкст, які адлюстроўваецца (што бачаць карыстальнікі), і значэнні (што адпраўляецца) асобна.
- Па змаўчанні адзначана — папярэдне ўсталюйце пэўныя сцяжкі, усталяваўшы галачку побач з кожным параметрам.
- Параметры змены парадку — выкарыстоўвайце стрэлкі ўверх/уніз, каб размясціць сцяжкі ў ідэальным парадку.
- Выдаліць параметры — выдаліце непатрэбныя параметры адным пстрычкай мышы.
Дысплейная рэклама супраць каштоўнасці:
- Пазнака: Што бачаць карыстальнікі (напрыклад, «Абнаўленні па электроннай пошце»)
- Значэнне: Што захоўваецца (напрыклад, «email_updates»)
Масавае будаўніцтва:
Хуткае даданне некалькіх опцый: увядзіце тэкст, націсніце Enter, увядзіце тэкст, націсніце Enter — хуткае стварэнне спісу сцяжкоў.
☑️ Функцыі аднаго сцяжка
Налада параметраў:
Тэкст надпісу галачкі:
Тэкст, які адлюстроўваецца побач з галачкай. Зрабіце яго зразумелым і канкрэтным (напрыклад, «Я згодны атрымліваць маркетынгавыя электронныя лісты»).
Стан правераны па змаўчанні:
Папярэдне пастаўце галачку пры загрузцы формы. Выкарыстоўвайце асцярожна — карыстальнікі павінны свядома адзначаць палі згоды.
Адпраўленае карыстальніцкім чынам значэнне:
Устанавіць, якое значэнне будзе адпраўлена пры ўсталёўцы галачкі (звычайна «так», «1» або «праўда»). Па змаўчанні — «так».
Патрабуецца праверка:
Зрабіць сцяжок абавязковым. Карыстальнікі павінны паставіць яго, каб адправіць форму. Ідэальна падыходзіць для абавязковых пагадненняў.
🔀 Умоўная логіка
Дынамічная бачнасць сцяжка:
Паказваць або хаваць палі-флажкі на аснове іншых значэнняў формы. Паказваць параметры толькі пры неабходнасці.
Правілы пашыранай логікі:
І логіка — усе ўмовы павінны быць выкананы
Логіка АБО — любая ўмова можа выклікаць дзеянне
8 аператараў – роўна, не роўна, больш за, менш за, утрымлівае, пуста і іншыя
Выкарыстоўвайце выпадкі:
Паказваць сцяжкі «Налады дастаўкі» толькі тады, калі ўсталявана галачка «Патрабуецца дастаўка»
Паказваць «Тэмы рассылкі», калі ўстаўлена галачка ў полі падпіскі
Паказваць «Дадатковыя паслугі», калі тып паслугі роўны «Прэміум»
Схаваць «Варыянты зніжак», калі агульная сума замовы меншая за 50 долараў
🎯 Палепшаны карыстальніцкі досвед
Убудаваныя разумныя функцыі:
- Візуальныя індыкатары – Ачысціце сцяжкі з правільнымі інтэрваламі
- Навігацыя па клавіятуры — лёгка пераключайцеся паміж опцыямі з дапамогай клавішы Tab
- Зручны для сэнсарнага кіравання — вялікія сэнсарныя экраны для мабільных прылад
- Выбар па змаўчанні — папярэдне праверце пэўныя параметры
- Карыстальніцкія класы CSS — прымяненне стыляў да груп сцяжкоў
- Падтрымка даступнасці — меткі ARIA, сумяшчальнасць з праграмай чытання з экрана
- Аптымізацыя для мабільных прылад — ідэальныя памеры сцяжкоў для сэнсарнага ўключэння
- Выразныя пазнакі — чытэльны тэкст з правільным выраўноўваннем
- Абавязковая праверка – Ачысціць паведамленні пра памылкі
- Даведка — дадайце апісанні для складаных груп сцяжкоў
Простая ўстаноўка ў 3 крокі
Падрыхтуйце поле для сцяжка за лічаныя хвіліны
Дадаць поле для сцяжка
Перацягніце поле «Сцяжок» з раздзела «Асноўныя палі» ў форму.
Выберыце рэжым
Выберыце «Адзін сцяжок» для пытанняў з варыянтамі адказу «так/не» або «Некалькі сцяжкоў» для варыянтаў з некалькімі варыянтамі.
Параметры налады
Для аднаго: усталюйце подпіс і значэнне сцяжка. Для некалькіх: дадайце параметры, выберыце макет, пры неабходнасці ўключыце параметры «Выбраць усё» або «Іншае» і ўсталюйце мінімальны/максімальны выбар.
???? Вось і ўсё! Ваша поле для сцяжка гатовае да разумнай праверкі.
Рэальныя прыкладанні
Пагадненні і згода
* Прыняцце ўмоў і палажэнняў
* Пагадненні аб палітыцы прыватнасці
* Падпіскі на атрыманне згоды па электроннай пошце
* Падпіскі на рассылку
Апытанні і водгукі
* Пытанні «Выберыце ўсё, што падыходзіць»
* Выбар некалькіх інтарэсаў
* Калекцыя пераваг функцый
* Выбар тэмы, якая цікавіць
Электронная камерцыя
* Выбар характарыстык прадукту
* Дадатковыя паслугі
* Варыянты дастаўкі
* Налады апавяшчэнняў
Рэгістрацыйныя формы
* Перавагі ў зносінах
* Катэгорыі інтарэсаў
* Налады дазволаў
* Выбар доступу да функцый
прыкладанняў
* Кваліфікацыйныя шашкі
* Выбар навыкаў
* Цікавыя сферы
* Варыянты даступнасці
Налады і перавагі
* Налады ўліковага запісу
* Параметры прыватнасці
* Варыянты апавяшчэнняў
* Пераключальнікі функцый
Поўныя параметры поля
Асноўная канфігурацыя
- Пазнака поля — пытанне або загаловак, паказаны над сцяжкамі
- Апісанне/Даведка — дадатковыя рэкамендацыі для карыстальнікаў
- Абавязковае поле – Зрабіце сцяжок(і) абавязковымі для запаўнення
- Запаўняльнік — не прымяняецца для сцяжкоў
Рэжым сцяжка
Выберыце тып рэжыму:
- Адзін сцяжок — пытанне «Так/Не», згода або падпіска (адзін сцяжок)
- Некалькі сцяжкоў – варыянты множнага выбару (некалькі сцяжкоў)
Параметры аднаго сцяжка
- Тэкст побач са сцяжком — надпіс, які адлюстроўваецца побач са сцяжком (напрыклад, «Я згодны з умовамі»)
- Пачаць з галачкай – сцяжок папярэдне ўсталяваны пры загрузцы формы
- Значэнне пры ўсталёўцы галачкі – значэнне дадзеных, якое захоўваецца пры ўсталёўцы галачкі (па змаўчанні: «так»)
Некалькі варыянтаў сцяжкоў
Стыль макета:
- У складзе (па адным у радку) – вертыкальнае размяшчэнне
- Побач (у рад) – гарызантальнае размяшчэнне
- Сетка (некалькі слупкоў) – 2-слупковая сеткавая макетка
Параметры сцяжка:
Стварыце свой спіс варыянтаў:
- Тэкст для адлюстравання — тое, што бачаць карыстальнікі (напрыклад, «Электронная пошта»)
- Значэнне – тое, што адпраўляецца (напрыклад, «электронная пошта»)
- Па змаўчанні адзначана — загадзя выберыце пэўныя параметры
- Змяніць парадак — перамясціць параметры ўверх/уніз
- Выдаліць – Выдаліць параметры
Спецыяльныя параметры:
- Дадаць опцыю «Выбраць усё» — дадае сцяжок уверсе, які дазваляе выбраць/адмяніць выбар усіх опцый
- Дадаць опцыю «Іншае» з тэкставым полем – Дадае опцыю «Іншае» з тэкставым полем для карыстальніцкіх адказаў
- Дадаць опцыю «Нічога з вышэйпералічанага» — дадае эксклюзіўную опцыю, якая здымае сцяжок з усіх астатніх пры выбары
Абмежаванні выбару:
- Мінімальная колькасць патрэбных варыянтаў — мінімальная колькасць сцяжкоў, якія трэба выбраць (напрыклад, 2).
- Максімальная колькасць дазволеных выбараў – максімальная колькасць сцяжкоў, якія можна выбраць (напрыклад, 5)
Умоўная логіка
- Уключыць умоўную логіку – паказваць/схоўваць у залежнасці ад умоў
- Лагічны тып
- Усе ўмовы павінны быць выкананы (І)
- Любая ўмова можа быць выканана (АБО)
- Правілы ўмоў
- Паказаць/схаваць – дзеянне, якое трэба выканаць
- Поле – якое поле праверыць
- Аператар – Роўна, Не роўна, Змяшчае, Больш за, Менш за, Пуста, Не пуста
- Значэнне – значэнне параўнання
- Некалькі ўмоў - дадайце неабмежаваную колькасць правілаў
Дадатковыя параметры
- Схаванае поле — зрабіць поле нябачным (не рэкамендуецца для сцяжкоў)
- Карыстальніцкія класы CSS — прымяненне карыстальніцкага стылю
- Атрыбуты даступнасці — меткі ARIA для праграм чытання з экрана
Чаму варта выбраць наша поле для сцяжка?
✅ Два рэжыму – Адзін сцяжок або некалькі сцяжкоў у адным тыпе поля
✅ Гнуткія макеты – Вертыкальнае, гарызантальнае або сеткавае размяшчэнне
✅ Выбраць усе – Выбар адным пстрычкай мышы для зручнасці
✅ Іншы варыянт – Увод тэксту для карыстальніцкіх адказаў
✅ Няма варыянтаў – Выключны выбар без права выбару
✅ Мін./макс. абмежаванні – Колькасць выбару кіравання
✅ Прастата кіравання – Дадаваць, рэдагаваць, змяняць парадак, выдаляць параметры без асаблівых высілкаў
✅ дружалюбны – Зразумелыя этыкеткі, правільныя інтэрвалы, зручныя для сэнсарнага кіравання
✅ Цалкам інтэграваны – Бездакорна працуе з усімі функцыямі формы
Questions fréquemment posées
Пытанне: У чым розніца паміж рэжымамі з адным і некалькімі сцяжкамі?
У адным рэжыме паказваецца адзін сцяжок для адказаў «так»/«не». У некалькіх рэжымах паказваецца некалькі сцяжкоў, дзе карыстальнікі могуць выбраць больш за адзін варыянт.
Пытанне: Ці могуць карыстальнікі адначасова выбраць усе сцяжкі?
Так. Уключыце опцыю «Выбраць усё», каб дадаць сцяжок, які будзе ўстанаўліваць або здымаць сцяжок для кожнага параметра адным пстрычкай мышы.
Пытанне: Як працуе выбар мінімуму/максімуму?
Мінімальны варыянт гарантуе, што карыстальнікі выберуць хаця б пэўную колькасць варыянтаў. Максімальны варыянт абмяжоўвае колькасць сцяжкоў, якія яны могуць выбраць.
Пытанне: Што робіць опцыя «Іншае»?
Дадаецца дадатковы сцяжок з надпісам «Іншае». Пасля выбару з'яўляецца тэкставае поле, у якое карыстальнікі могуць увесці ўласны адказ.
Пытанне: Як працуе «Нічога з вышэйпералічанага»?
Гэта дзейнічае як выключны варыянт. Калі выбраны, усе астатнія сцяжкі здымаюцца. Калі адзначаны любы іншы варыянт, сцяжок «Няма» здымаецца аўтаматычна.
Пытанне: Ці магу я папярэдне выбраць пэўныя сцяжкі?
Так. Для аднаго рэжыму ўключыце опцыю «Пачаць з адзнакай». Для некалькіх рэжымаў пастаўце галачку ў невялікім полі побач з кожным параметрам, які вы хочаце выбраць па змаўчанні.
Пытанне: Ці варта мне загадзя правяраць палі пагаднення?
Не. Каб азнаёміцца з палітыкай, умовамі і згодай, карыстальнікі павінны самі паставіць галачку ў адпаведным полі.
Пытанне: Ці магу я змяніць парадак сцяжкоў?
Так. Выкарыстоўвайце стрэлкі ўверх і ўніз побач з кожным параметрам, каб змяніць іх парадак, як вам падабаецца.
Пытанне: У чым розніца паміж тэкстам, які адлюстроўваецца, і значэннем?
Тэкст, які адлюстроўваецца, — гэта тое, што бачаць карыстальнікі. Значэнне — гэта тое, што захоўваецца ў вашай базе дадзеных для атрымання чыстых і паслядоўных дадзеных.
Пытанне: Ці магу я выкарыстоўваць умоўную логіку з сцяжкамі?
Так. Актывуйце іншыя палі на аснове выбару з дапамогай аператараў, такіх як «Роўна», «Пуста» або «Не пуста».
Пытанне: Як стварыць абавязковы сцяжок?
Уключыце «Абавязковае поле». Для аднаго рэжыму поле павінна быць пастаўлена. Для некалькіх рэжымаў карыстальнікі павінны выбраць хаця б адзін варыянт або адпавядаць вашым мінімальным патрабаванням.
Пытанне: Ці могуць карыстальнікі змяніць выбар пасля праверкі?
Так. Яны могуць выбраць або зняць сцяжок з любых опцый перад адпраўкай формы. Функцыя «Выбраць усё» таксама можа быць пераключана ў любы час.
