Выпадальныя спісы з некалькімі варыянтамі: выберыце некалькі варыянтаў
Стандартныя выпадальныя спісы прымушаюць карыстальнікаў выбіраць толькі адзін варыянт. Але што, калі ім трэба выбраць некалькі? Паслугі, якія іх цікавяць, дні, калі яны даступныя, функцыі, якія яны хочуць — на многія пытанні ёсць некалькі правільных адказаў. Выпадальныя спісы з некалькімі варыянтамі дазваляюць карыстальнікам выбіраць некалькі варыянтаў з аднаго поля, якое эфектыўна эканоміць месца.
У гэтым кіраўніцтве вы даведаецеся, як ствараць выпадальныя спісы з некалькімі варыянтамі выбару, якія дазваляюць карыстальнікам выбіраць некалькі варыянтаў у вашых формах WordPress.
Што такое выпадальны спіс з некалькімі варыянтамі выбару?
Стандартны выпадальны спіс
- Націсніце, каб адкрыць параметры
- Выберыце АДЗІН варыянт
- Выпадальны спіс закрываецца
- Адно значэнне захоўваецца
Выпадальны спіс з некалькімі варыянтамі выбару
- Націсніце, каб адкрыць параметры
- Выберыце НЕКАЛЬКІ варыянтаў
- Застаецца адкрытым для большага выбару
- Захоўваецца некалькі значэнняў
Візуальная розніца
стандарт:
Паслугі: [Вэб-дызайн ▼] (Толькі адзін варыянт)
Множны выбар:
Паслугі: [Вэб-дызайн, SEO, маркетынг ▼] (Паказана некалькі варыянтаў)
Калі выкарыстоўваць выпадальныя спісы з некалькімі варыянтамі выбару
Ідэальна для
- Паслугі, якія цікавяць: «Выберыце ўсе патрэбныя вам паслугі»
- Даступныя дні: "Якія дні вам падыходзяць?"
- Пажаданыя характарыстыкі: «Выберыце функцыі, якія вас цікавяць»
- катэгорыі: «Выберыце ўсё, што падыходзіць»
- Навыкі/экспертыза: "Якія ў цябе навыкі?"
- Перавагі: «Выберыце свае перавагі»
Калі выкарыстоўваць сцяжкі замест гэтага
| Выпадальны спіс з некалькімі варыянтамі выбару | Сцяжкі |
|---|---|
| Шмат варыянтаў (7+) | Некалькі варыянтаў (2-6) |
| Формы з абмежаванай прасторай | Шмат вертыкальнай прасторы |
| Параметры схаваныя, пакуль не будуць націснуты | Усе варыянты бачныя адразу |
| Чысцейшы выгляд | Прасцейшае сканаванне |
| Мабільная версія для доўгіх спісаў | Лепш для хуткага выбару |
Кіраўніцтва па прыняцці рашэнняў
- 2-6 варыянтаў: Выкарыстоўвайце сцяжкі
- 7-15 варыянтаў: Выпадальны спіс з некалькімі варыянтамі
- 15+ варыянтаў: Множны выбар з пошукам
Стварэнне выпадальных спісаў з некалькімі варыянтамі выбару
Крок 1: Дадаць выпадальнае поле
- Адкрыйце форму ў АФБ
- Цягнуцца Падаць поле ў вашу форму
- Націсніце, каб наладзіць параметры
Крок 2: Уключыце множны выбар
- Знайдзіце опцыю «Дазволіць некалькі варыянтаў»
- Уключыце
- Выпадальны спіс цяпер прымае некалькі варыянтаў
Крок 3: Дадайце параметры
Уводзьце кожны варыянт з новага радка:
Вэб-дызайн SEO Кантэнт-маркетынг Сацыяльныя сеткі Электронны маркетынг PPC-рэклама Брэндынг Аналітыка
Крок 4: Наладзьце параметры
- Лэйбл: «Паслугі, якія цікавяць»
- Запаўняльнік: «Выберыце ўсё, што падыходзіць»
- патрабуецца: Пераключаць у залежнасці ад патрэбы
- Даведка: «Утрымлівайце Ctrl/Cmd, каб выбраць некалькі» (пры неабходнасці)
Крок 5: Усталюйце абмежаванні выбару (неабавязкова)
- Мінімальны выбар: Прынамсі X варыянтаў
- Максімальны выбар: Не больш за X варыянтаў
Прыклады канфігурацыі множнага выбару
Выбар паслуг
Лэйбл: «Якія паслугі вас цікавяць?»
Запаўняльнік: «Выберыце ўсё, што падыходзіць»
патрабуецца: ды
Мінімальны выбар: 1
варыянты:
- Дызайн вэб-сайта
- Распрацоўка вэб-сайтаў
- электронная камерцыя
- SEO
- Напісанне зместу
- Кіраванне сацыяльных медыя
- Маркетынг па электроннай пошце
- Платная рэклама
- брэндынг
- Кансалтынг
Даступныя дні
Лэйбл: "У якія дні вы даступныя?"
Запаўняльнік: «Выберыце даступныя дні»
патрабуецца: ды
Мінімальны выбар: 1
варыянты:
- Панядзелак
- Аўторак
- Серада
- Чацвер
- Пятніца
- субота
- нядзеля
Навыкі / вопыт
Лэйбл: «Выберыце свае сферы спецыялізацыі»
Запаўняльнік: «Выберыце ўсё, што падыходзіць»
патрабуецца: ды
Мінімальны выбар: 1
Максімальны выбар: 5
варыянты:
- JavaScript
- Пітон
- PHP
- Рэагаваць
- Vue.js
- Node.js
- WordPress
- Кіраванне базамі дадзеных
- DevOps
- UI/UX Дызайн
Абмежаванні ў харчаванні
Лэйбл: «Якія-небудзь абмежаванні ў дыеце?»
Запаўняльнік: «Выберыце, калі патрэбна»
патрабуецца: няма
варыянты:
- Вегетарыянскі
- Вегетарыянскі
- Без глютена
- Без малочных прадуктаў
- Алергія на арэхі
- кошерный
- халяль
- Няма абмежаванняў
Параметры зносін
Лэйбл: «Як бы вы хацелі, каб мы з вамі звязаліся?»
Запаўняльнік: «Выберыце пераважныя метады»
патрабуецца: ды
Мінімальны выбар: 1
варыянты:
- Тэлефонны званок
- Тэкставае паведамленне
- Відэазванок
Цікавасці падзей
Лэйбл: "Якія заняткі вас цікавяць?"
Запаўняльнік: «Выберыце заняткі для ўдзелу»
патрабуецца: ды
Мінімальны выбар: 1
варыянты:
- Асноўная прамова
- Семінар А: Маркетынг
- Семінар B: Продажы
- Семінар C: Тэхналогіі
- Панэльнае абмеркаванне
- Сеткавы абед
- цырымонія закрыцця
Абмежаванні выбару
Мінімальны выбар
Навошта гэта выкарыстоўваць:
- Пераканайцеся, што выбраны хаця б адзін варыянт
- Патрабуецца некалькі адказаў
- Праверце значны ўвод
Агульныя налады:
- Мін. 1: «Выберыце хаця б адзін»
- Мін. 2: «Выберыце як мінімум два варыянты»
- Хв. 3: «Выберыце свае 3 лепшыя»
Максімальны выбар
Навошта гэта выкарыстоўваць:
- Абмежаваць выбар для фокусу
- «Выберыце сваю тройку лепшых»
- Рэсурсныя абмежаванні
- Прадухіліць паводзіны «выбраць усё»
Агульныя налады:
- Макс. 3: «Выберыце да 3»
- Макс. 5: «Выберыце не больш за 5»
- Максімальная колькасць даступных слотаў для супадзенняў
Паведамленні праверкі
- «Калі ласка, выберыце хаця б адзін варыянт»
- «Калі ласка, выберыце як мінімум 3 варыянты»
- «Вы можаце выбраць максімум 5 варыянтаў»
- «Калі ласка, выберыце ад 2 да 5 варыянтаў»
Карыстальніцкі досвед
Выразныя інструкцыі
У этыкетцы:
- «Выберыце ўсё, што падыходзіць»
- «Выберыце некалькі варыянтаў»
- «Выберыце сваю тройку лепшых»
У запаўняльніку:
- «Націсніце, каб выбраць некалькі…»
- «Выберыце параметры…»
У даведцы:
- «Вы можаце выбраць некалькі варыянтаў»
- «Выберыце ад 1 да 5 варыянтаў»
- «Утрымлівайце Ctrl (Cmd на Mac), каб выбраць некалькі»
Паказаць выбраную колькасць
Паказаць, колькі элементаў выбрана:
- «Выбраны 3 элементы»
- «Вэб-дызайн, SEO і яшчэ 2»
- Выразнае адлюстраванне бягучага выбару
Лёгкае адмена выбару
- Націсніце на выбраны элемент, каб адмяніць выбар
- Кнопка «X» на кожным выбраным элеменце
- Опцыя «Ачысціць усё»
Пошук па доўгіх спісах
Каб атрымаць больш за 10 варыянтаў, дадайце пошук:
- Увядзіце тэкст, каб адфільтраваць параметры
- Хутка знайсці прадметы
- Абавязкова для больш чым 20 варыянтаў
Множны выбар у параўнанні з іншымі тыпамі палёў
Выпадальны спіс з некалькімі варыянтамі выбару супраць сцяжкоў
Выбірайце множны выбар, калі:
- Больш за 7 XNUMX варыянтаў
- Абмежаваная прастора формы
- Не ўсе варыянты павінны быць бачнымі
- Пажаданы больш чысты візуальны выгляд
Выбірайце сцяжкі, калі:
- 6 ці менш варыянтаў
- Карыстальнікі павінны бачыць усе варыянты
- Хуткае сканаванне важнае
- Перавага аддаецца больш простаму ўзаемадзеянню
Множны выбар супраць некалькіх адзіночных выпадальных спісаў
Дрэнны падыход:
Першы варыянт: [Выпадальны спіс] Другі варыянт: [Выпадальны спіс] Трэці варыянт: [Выпадальны спіс]
Лепшы падыход:
Выберыце варыянты: [Выпадальны спіс з некалькімі варыянтамі] (максімум 3 варыянты)
Мультывыбар супраць радыёкнопак
Радыёкнопкі = толькі адзін варыянт. Ніколі не выкарыстоўвайце для множнага выбару.
Мабільныя меркаванні
Выбар, зручны для сэнсарнага кіравання
- Вялікія аб'екты націскання
- Лёгка выбраць/адмяніць выбар
- Выразная візуальная зваротная сувязь
Натыўная супраць карыстальніцкай
- Убудаваны множны выбар можа быць нязручным на мабільных прыладах
- Карыстальніцкія выпадальныя спісы часта паляпшаюць карыстальніцкі досвед
- Разгледзьце спіс сцяжкоў на мабільным тэлефоне
Адлюстраванне выбраных элементаў
- Выразна паказваць выбранае
- Не перапаўняйце кантэйнер
- «3 выбраныя» замест пералічэння ўсіх імёнаў
Апрацоўка дадзеных
Як захоўваюцца дадзеныя
Множны выбар звычайна захоўваецца як:
- Падзеленыя коскамі: «Вэб-дызайн, SEO, маркетынг»
- Масіў: [“Вэб-дызайн”, “SEO”, “Маркетынг”]
- Асобныя запісы на выбар
Паведамлення па электроннай пошце
У апавяшчэннях па электроннай пошце:
Паслугі, якія вас цікавяць: - Вэб-дызайн - SEO - Кантэнт-маркетынг
Экспарт у CSV
Экспартавана як:
- Адзін слупок: «Вэб-дызайн, SEO, маркетынг»
- Або некалькі слупкоў для кожнага варыянту
Фільтраванне заявак
- Фільтраваць па канкрэтным выбары
- Знайсці ўсіх, хто выбраў «SEO»
- Карысна для сегментацыі
Агульныя ўзоры
Шаблон 1: Абавязковы множны выбар
Патрэбныя паслугі (выберыце хаця б адну): [Выберыце некалькі варыянтаў] Патрабуецца: Так Мін.: 1
Шаблон 2: Абмежаваны выбар
Выберыце 3 галоўныя прыярытэты: [Выберыце некалькі варыянтаў] Мін.: 3 Макс.: 3
Шаблон 3: Дадатковы множны выбар
Ці ёсць якія-небудзь абмежаванні ў дыеце? (неабавязкова) [Выпадальны спіс з некалькімі варыянтамі] Абавязкова: Не
Шаблон 4: «Выбраць усё» з абмежаваннямі
Якія функцыі вас цікавяць? (максімум 5) [Выпадальны спіс з некалькімі варыянтамі] Максімум: 5 Тэкст даведкі: "Выберыце да 5 функцый"
Даступнасць
Навігацыя па клавіятуры
- Tab для доступу да выпадальнага спісу
- Клавішы са стрэлкамі для навігацыі па параметрах
- Прабел/Enter для выбару/адмены выбару
- Увядзіце тэкст, каб перайсці да опцыі
Падтрымка праграмы чытання з экрана
- Аб'явіце «множны выбар» або «выберыце некалькі»
- Прачытаць выбраную колькасць
- Абвясціць змены ў выбары
Ачысціць этыкеткі
- Пазнака паказвае, што дазволены множны выбар
- «Выберыце ўсё, што падыходзіць»
- «Выберыце некалькі варыянтаў»
Парады па кладцы
Адлюстраванне выбраных элементаў
- Тэгі/чыпы для кожнага выбару
- Выразнае візуальнае адрозненне
- Кнопка «Выдаліць» на кожным
Знешні выгляд выпадальнага спісу
- Пятачкі побач з выбранымі элементамі
- Вылучаны фон для выбранага
- Ачысціць стан навядзення курсора
Паслядоўны дызайн
- Супастаўленне іншых стыляў палёў формы
- Аднолькавая рамка, водступы, колеры
- Адпавядае адзінкавым выпадальным спісам
пошук няспраўнасцяў
Выбар не захоўваецца
- Праверце, ці ўключаны множны выбар
- Праверце апрацоўку адпраўкі формы
- Тэст з папярэднім праглядам формы
Можна выбраць толькі адзін
- Опцыя множнага выбару не ўключана
- Праверце налады поля
- Магчыма, выкарыстоўваецца няправільны тып поля
Праверка не працуе
- Праверце налады мін/макс
- Праверце патрэбны перамыкач
- Праверце розныя падлікі выбару
Праблемы з адлюстраваннем на мабільных прыладах
- Тэставанне на рэальнай мабільнай прыладзе
- Праверце шырыню выпадальнага спісу
- Забяспечце бачнасць выбраных элементаў
Questions fréquemment posées
Колькі варыянтаў могуць выбраць карыстальнікі?
Па змаўчанні неабмежавана. Усталюйце максімальную колькасць, калі хочаце абмежаваць выбар (напрыклад, «Выбраць да 3»).
Ці варта выкарыстоўваць множны выбар ці сцяжкі?
Палі для 6 ці менш варыянтаў (усе бачныя). Выберыце некалькі варыянтаў для 7+ варыянтаў або калі месца абмежаванае.
Ці магу я запатрабаваць мінімальную колькасць варыянтаў?
Так. Усталюйце мінімальны выбар, каб карыстальнікі выбралі хаця б X варыянтаў.
Як захоўваюцца некалькі варыянтаў?
Звычайна ў выглядзе значэнняў, падзеленых коскамі, або масіва. З'яўляецца ў адпраўленых і экспартаваных файлах у выглядзе спісу.
Ці магу я дадаць пошук у выпадальны спіс?
Многія канструктары формаў падтрымліваюць выпадальныя спісы з магчымасцю пошуку. Абавязкова для больш чым 15 варыянтаў.
Рэзюмэ
Стварэнне выпадальных спісаў з некалькімі варыянтамі выбару:
- Дадаць выпадальнае поле – Спачатку стандартны выпадальны спіс
- Уключыць множны выбар – Дазволіць некалькі варыянтаў выбару
- Дадаць параметры – Усе даступныя варыянты
- Устанавіць выразную метку – «Выберыце ўсё, што падыходзіць»
- Дадаць запаўняльнік – Дапамагаць карыстальнікам выбраць
- Устанавіць абмежаванні выбару – Мін./макс. пры неабходнасці
- Дадаць тэкст даведкі — Растлумачце правілы выбару
- Старанна праверце – Розныя падлікі выбару
Conclusion
Выпадальныя спісы з множным выбарам элегантна вырашаюць праблему «выберыце некалькі». Яны эканомяць месца ў параўнанні з доўгімі спісамі сцяжкоў, захоўваюць чысціню формаў і дазваляюць карыстальнікам выбіраць менавіта тое, што да іх адносіцца. Выкарыстоўвайце іх для паслуг, дзён, функцый, пераваг — любых пытанняў, дзе ёсць некалькі варыянтаў адказу, а спіс занадта доўгі для сцяжкоў.
Аўтаматычны канструктар формаў падтрымлівае выпадальныя спісы з множным выбарам з абмежаваннямі выбару і магчымасцю пошуку. Стварайце гнуткія формы, якія ахопліваюць некалькі варыянтаў у адным зручным для карыстальніка полі.
Гатовыя да формаў з некалькімі варыянтамі выбару? Спампаваць аўтаматычны канструктар формаў і дазваляюць карыстальнікам лёгка выбіраць з некалькіх варыянтаў.
