Спісы з некалькімі сцяжкамі: дазвольце карыстальнікам выбіраць некалькі варыянтаў

«Выберыце ўсё, што падыходзіць». Гэта адна з найбольш распаўсюджаных інструкцый у формах, і сцяжкі — гэта тое, як яе рэалізаваць. Спісы з некалькімі сцяжкамі дазваляюць карыстальнікам выбіраць некалькі варыянтаў з загадзя вызначанага спісу, што ідэальна падыходзіць для інтарэсаў, пераваг, паслуг і любых сцэнарыяў, калі аднаго адказу недастаткова.

У гэтым кіраўніцтве вы даведаецеся, як ствараць эфектыўныя спісы з некалькімі сцяжкамі для вашых формаў WordPress.

Калі выкарыстоўваць сцяжкі з множным выбарам

Ідэальна для

• Выбар інтарэсаў: «Якія тэмы вас цікавяць?»
• Запыт па абслугоўванні: «Якія паслугі вас цікавяць?»
• Налады функцый: "Якія функцыі вам патрэбныя?"
• Кантактныя метады: "Як бы вы хацелі, каб мы з вамі звязаліся?"
• Патрабаванні да дыеты: «Якія-небудзь абмежаванні ў дыеце?»
• Навыкі/экспертыза: «Выберыце свае сферы спецыялізацыі»
• Пытанні апытання: "Якія з гэтых вы спрабавалі?"

Асноўныя характарыстыкі

• Дазволены некалькі варыянтаў (у адрозненне ад радыёкнопак)
• Магчымы нулявы выбар (калі не патрабуецца)
• Усе варыянты бачныя адразу
• Незалежны выбар (выбар аднаго не ўплывае на іншыя)

Сцяжкі з некалькімі варыянтамі выбару супраць альтэрнатыў

Стварэнне сцяжкоў з множным выбарам

Крок 1: Дадаць поле сцяжка

1. Адкрыйце форму ў АФБ
2. Цягнуцца сцяжок поле ў вашу форму
3. Націсніце, каб наладзіць

Крок 2: Напішыце сваё пытанне

Прыклады этыкетак:

• «Якія паслугі вас цікавяць?»
• «Выберыце свае перавагі»
• "Якія функцыі вам патрэбныя?"
• «Як вы пра нас даведаліся?»

Даведка:

• «Выберыце ўсё, што падыходзіць»
• «Выбірайце колькі хочаце»
• «Праверце ўсе адпаведныя варыянты»

Крок 3: Дадайце свае параметры

Уводзьце кожны варыянт з новага радка:

Паслугі вэб-дызайну SEO Кантэнт-маркетынг Кіраванне сацыяльнымі сеткамі Электронны маркетынг Платная рэклама

Крок 4: Выберыце макет

Вертыкальная размяшчэнне

☐ Варыянт першы ☐ Варыянт другі ☐ Варыянт трэці ☐ Варыянт чацвёрты ☐ Варыянт пяты

Лепш за ўсё падыходзіць для:

• Больш доўгія пазнакі опцый
• Мабільная версія дысплея
• Лёгкае сканаванне
• Больш за 5 XNUMX варыянтаў

Гарызантальны макет

☐ Варыянт А ☐ Варыянт Б ☐ Варыянт В ☐ Варыянт Г

Лепш за ўсё падыходзіць для:

• Кароткія этыкеткі
• 3-4 варыянты
• Кампактны дысплей

Макет сеткі

☐ Варыянт першы ☐ Варыянт другі ☐ Варыянт трэці ☐ Варыянт чацвёрты ☐ Варыянт пяты ☐ Варыянт шосты

Лепш за ўсё падыходзіць для:

• Шмат варыянтаў (6-12)
• Падобныя пазнакі даўжыні
• Эфектыўнае выкарыстанне прасторы

Крок 5: Наладзьце правілы выбару

Абавязковае поле

• Уключыць, калі карыстальнік павінен выбраць хаця б адзін
• Памылка, калі пры адпраўцы нічога не выбрана

Мінімальны выбар

• Устанавіць мінімальную колькасць варыянтаў
• «Калі ласка, выберыце як мінімум 2 варыянты»

Максімальны выбар

• Абмежаваць колькасць выбраных элементаў
• «Выберыце да 3 варыянтаў»
• Прыярытэзацыя сіл

Спецыяльныя функцыі сцяжка

Выбраць усе варыянты

Дадайце сцяжок «Выбраць усё»:

Як гэта працуе:

• Адзін клік выбірае ўсе параметры
• Паўторны націск адмяняе выбар усіх элементаў
• Зручна для доўгіх спісаў

Добра для:

• Спісы, дзе звычайна выбіраюць усё
• «Так, мяне цікавіць усё»
• Падпіскі на тэмы рассылкі

Уключыць у наладах: Уключыць опцыю «Выбраць усё»

Варыянт «Іншае» з тэкставым полем

Дазволіць карыстальніцкія запісы:

☐ Варыянт А ☐ Варыянт Б ☐ Варыянт В ☐ Іншае: [________________]

Як гэта працуе:

• «Іншае» адлюстроўваецца як апошні варыянт
• Калі ўсталявана галачка, з'яўляецца тэкставае поле
• Карыстальнік уводзіць свой уласны адказ

Добра для:

• Немагчыма прадказаць усе магчымыя адказы
• Апытанні і даследаванні
• Адкрыццё новых магчымасцей

Уключыць у наладах: Уключыце «Іншы варыянт»

Варыянт «Нічога з вышэйпералічанага»

Яўная адмова:

☐ Варыянт А ☐ Варыянт Б ☐ Варыянт В ☐ Ні адзін з вышэйпералічаных

Як гэта працуе:

• Выбар «Няма» звычайна адмяняе выбар іншых
• Карыстальнік відавочна паказвае «няма дачынення»
• Розніца ад таго, каб пакінуць пустым

Добра для:

• Апытанні, якія патрабуюць адназначнага адказу
• Адрозненне «няма» ад «прапушчана»
• Абавязковыя пытанні, калі ні адно з іх не падыходзіць

Прыклады сцяжкоў для множнага выбару

Форма зацікаўленасці ў абслугоўванні

Лэйбл: «Якія паслугі вас цікавяць?»

Даведка: «Выберыце ўсё, што падыходзіць»

варыянты:

• ☐ Дызайн вэб-сайта
• ☐ Распрацоўка вэб-сайтаў
• ☐ SEO-аптымізацыя
• ☐ Напісанне кантэнту
• ☐ Маркетынг у сацыяльных сетках
• ☐ Маркетынг па электроннай пошце
• ☐ Платная рэклама (PPC)
• ☐ Брэндынг і дызайн лагатыпа

Налады: Абавязкова, вертыкальная размяшчэнне

Налады кантактаў

Лэйбл: «Як бы вы аддалі перавагу, каб мы з вамі звязаліся?»

варыянты:

• ☐ Электронная пошта
• ☐ Тэлефонны званок
• ☐ Тэкставае паведамленне
• ☐ WhatsApp

Налады: Абавязкова (прынамсі адзін), гарызантальная размяшчэнне

Патрабаванні да дыеты (мерапрыемства)

Лэйбл: «У вас ёсць якія-небудзь патрабаванні да дыеты?»

варыянты:

• ☐ Вегетарыянец
• ☐ Веганскі
• ☐ Без глютена
• ☐ Без малочных прадуктаў
• ☐ Алергія на арэхі
• ☐ Халяль
• ☐ Кашэрны
• ☐ Іншае: [________]
• ☐ Няма

Налады: Неабавязкова, уключана «Іншае», вертыкальная размяшчэнне

Ацэнка навыкаў (заява аб прыёме на працу)

Лэйбл: «Выберыце свае тэхнічныя навыкі»

Даведка: «Адзначце ўсё, што падыходзіць»

варыянты:

• ☐ HTML/CSS
• ☐ JavaScript
• ☐ Рэагаваць
• ☐ PHP
• ☐ WordPress
• ☐ Пітон
• ☐ SQL/Базы дадзеных
• ☐ Git/Кантроль версій

Налады: Макет сеткі (2 слупкі), мінімум 3 патрабуецца

Тэмы рассылкі

Лэйбл: «Па якіх тэмах вы хацелі б атрымліваць абнаўленні?»

варыянты:

• ☐ Навіны галіны
• ☐ Абнаўленні прадуктаў
• ☐ Парады і падручнікі
• ☐ Тэматычныя даследаванні
• ☐ Мерапрыемствы і вэбінары
• ☐ Спецыяльныя прапановы

Налады: Опцыя «Выбраць усё» ўключана, неабавязкова

Апытанне: Як вы даведаліся пра нас?

Лэйбл: «Як вы пра нас даведаліся?»

Даведка: «Выберыце ўсё, што падыходзіць»

варыянты:

• ☐ Пошук Google
• ☐ Сацыяльныя сеткі (Facebook, Instagram і г.д.)
• ☐ Сябар або калега
• ☐ Інтэрнэт-рэклама
• ☐ Блог або артыкул
• ☐ Электронная пошта
• ☐ Выстава/мерапрыемства
• ☐ Іншае: [________]

Налады: Абавязкова, уключана опцыя «Іншае»

Прыярытызацыі функцый

Лэйбл: «Якія вашы тры галоўныя прыярытэты?»

Даведка: «Выберыце роўна 3 варыянты»

варыянты:

• ☐ Хуткасць/Прадукцыйнасць
• ☐ Бяспека
• ☐ Прастата выкарыстання
• ☐ Налада
• ☐ Падтрымка кліентаў
• ☐ Кошт
• ☐ Варыянты інтэграцыі
• ☐ Мабільная сумяшчальнасць

Налады: Мінімум 3, максімум 3

Распрацоўка эфектыўных спісаў варыянтаў

Напісанне добрых варыянтаў

Будзьце пэўнымі

Невыразна: «Маркетынгавыя паслугі»

пэўныя: «Маркетынг у сацыяльных сетках», «Электронны маркетынг», «SEO»

Рабіце этыкеткі лаканічнымі

Занадта доўга: «Паслугі па аптымізацыі вашага сайта пад пошукавыя сістэмы»

лепш: «SEO-паслугі»

Выкарыстоўвайце паралельную структуру

Непаслядоўна:

• Вэб-дызайн
• Мне патрэбна дапамога ў SEO
• змест

Паслядоўны:

• Вэб-дызайн
• SEO паслугі
• Напісанне зместу

Лагічнае парадкаванне

• Алфавітны (для доўгіх спісаў)
• Па папулярнасці (спачатку найбольш распаўсюджаныя)
• Па катэгорыях групоўкі
• Па парадку працоўнага працэсу

Колькі варыянтаў?

Паведамленні праверкі

Абавязковае поле

«Калі ласка, выберыце хаця б адзін варыянт»

Мінімум не дасягнуты

«Калі ласка, выберыце як мінімум [X] варыянтаў»

Максімум перавышаны

«Вы можаце выбраць максімум [X] варыянтаў»

Карыстальніцкія паведамленні

Адаптуйце да вашага пытання:

• «Калі ласка, паведаміце нам, якія паслугі вас цікавяць»
• «Выберыце тры свае галоўныя прыярытэты»
• «Выберыце хаця б адзін спосаб сувязі»

Best Practices

1. Заўсёды дадавайце «Выберыце ўсё, што падыходзіць»

У тэгку або даведцы пазначце, што дапускаецца некалькі варыянтаў.

2. Для адкрытых пытанняў уключыце варыянт «Іншае»

Калі вы не можаце пералічыць усе магчымасці, дадайце опцыю «Іншае» з дапамогай тэкставага ўводу.

3. Выкарыстоўвайце «Няма», калі гэта дарэчы

Для пытанняў, на якія ні адзін з адпаведных варыянтаў не з'яўляецца правільным адказам, укажыце гэта выразна.

4. Падбярыце макет пад змест

• Кароткія параметры → Гарызантальна або Сетка
• Доўгія варыянты → Вертыкальныя
• Шмат варыянтаў → Сетка

5. Не правярайце варыянты загадзя

Дазвольце карыстальнікам рабіць свой уласны выбар. Папярэдняя праверка можа:

• Скажэнне вынікаў
• Адчуваю сябе маніпулятыўным
• Парушаем GDPR для згоды на маркетынг

6. Усталёўвайце абмежаванні, калі гэта неабходна

Калі вы хочаце расставіць прыярытэты, абмяжуйце выбар:

• «Выберыце тры лепшыя», максімум 3
• Прымушае рабіць абдуманы выбар

7. Параметры, звязаныя з групай

Для доўгіх спісаў лепш выкарыстоўваць некалькі палёў-сцяжкоў па катэгорыях, а не адзін гіганцкі спіс.

Мабільныя меркаванні

Дызайн, зручны для сэнсарнага экрана

• Дастаткова вялікія аб'екты націскання
• Дастатковая прастора паміж варыянтамі
• Націсканне на этыкетку ставіць галачку

Пераважная вертыкальная кампаноўка

На экранах мабільных прылад:

• Гарызантальныя макеты нязграбна абгортваюцца
• Вертыкальна лягчэй чытаць
• Тэставанне на рэальных прыладах

пошук няспраўнасцяў

Параметры не захоўваюцца

• Пераканайцеся, што параметры дададзены правільна
• Праверце наяўнасць пустых радкоў
• Захаваць форму і абнавіць

Выбраць усё, што не працуе

• Функцыя праверкі ўключана
• Праверка канфліктаў JavaScript
• ачысціць кэш

Макет адлюстроўваецца няправільна

• Праверце налады макета
• CSS тэмы можа быць перавызначаны
• Тэст з тэмай па змаўчанні

Questions fréquemment posées

Колькі варыянтаў — гэта занадта шмат?

Больш за 12 варыянтаў становіцца занадта складаным. Паспрабуйце згрупаваць іх па катэгорыях, выкарыстоўваць некалькі палёў для сцяжкоў або перайсці на выпадальны спіс з некалькімі варыянтамі.

Ці варта выкарыстоўваць сцяжкі ці выпадальны спіс з некалькімі варыянтамі выбару?

Палі для сцяжкоў, калі варыянтаў мала (3-10), і вы хочаце, каб усе былі бачныя. Выпадальны спіс з некалькімі варыянтамі, калі варыянтаў шмат і месца абмежавана.

Ці магу я ўсталяваць і мінімальны, і максімальны паказчык?

Так. Прыклад: «Выберыце ад 2 да 5 варыянтаў» з мінімумам = 2 і максімумам = 5.

Як мне зрабіць так, каб было роўна 3 абавязковым?

Усталюйце мінімум і максімум на 3. Карыстальнікі павінны выбраць роўна 3 варыянты.

Што рабіць, калі карыстальнікам патрэбна опцыя, якой няма ў спісе?

Уключыце опцыю «Іншае», якая забяспечвае тэкставае поле для карыстальніцкіх запісаў.

Рэзюмэ

Стварэнне спісаў з некалькімі сцяжкамі для выбару:

1. Дадаць поле для сцяжка – Перацягнуць у форму
2. Напішыце зразумелае пытанне – Уключыце «выберыце ўсё, што падыходзіць»
3. Дадайце добра напісаныя варыянты – Кароткія, паралельныя, упарадкаваныя
4. Выберыце адпаведны макет – Вертыкальная, гарызантальная або сеткавая
5. Наладзіць правілы выбару – Абавязкова, мін/макс пры неабходнасці
6. Уключыць спецыяльныя параметры – Выберыце ўсё, іншае, нічога
7. Тэст на мабільным тэлефоне – Забяспечце зручнасць выкарыстання

Conclusion

Спісы з некалькімі пунктамі выбару вельмі важныя для збору розных пераваг, інтарэсаў і варыянтаў. Пры правільным дызайне опцый, адпаведных макетах і разумных функцыях, такіх як «Выбраць усё» і «Іншае», вы створыце зручныя палі выбару, якія збіраюць неабходныя вам дадзеныя.

Аўтаматычны канструктар формаў забяспечвае паўнафункцыянальныя палі для сцяжкоў з вертыкальнай, гарызантальнай і сеткавай макетамі, опцыяй «Выбраць усё», «Іншае» з тэкставым полем, «Нічога з вышэйпералічанага» і мінімальнымі/максімальнымі абмежаваннямі выбару. Усё, што вам трэба для прафесійных пытанняў з множным выбарам.

Гатовыя ствараць формы з множным выбарам? Спампаваць аўтаматычны канструктар формаў і хай карыстальнікі выбіраюць усё, што падыходзіць.