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

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

Навошта абмяжоўваць выбар сцяжкоў?

Бізнес-прычыны

• Размеркаванне рэсурсаў: «Выберыце 3 тэмы» дапаможа вам належным чынам падабраць персанал
• Прыярытызацыі: Прымушае карыстальнікаў ранжыраваць тое, што мае найбольшае значэнне
• Прапускная здольнасць: Абмяжуйце магчымасці тым, што вы можаце даставіць
• Якасць даных: Забараніць «выбраць усё», калі гэта не мае сэнсу

Прычыны карыстальніцкага досведу

• Прыняцце рашэнняў: Абмежаванні дапамагаюць людзям прымаць рашэнні
• Зніжае перагрузку: Занадта шмат варыянтаў выклікае параліч
• Выразныя чаканні: Карыстальнікі ведаюць, чаго ад іх чакаць
• Прадухіляе памылкі: Немагчыма выпадкова выбраць занадта мала/шмат

Агульныя сцэнары

• «Выберыце тры свае галоўныя інтарэсы»
• «Выберыце ад 1 да 5 функцый»
• «Выберыце як мінімум 2 тэмы»
• «Выберыце роўна 3 перавагі»

Тыпы абмежаванняў выбару

Толькі мінімум

Правіла: выберыце не менш за 2. Дапушчальныя: 2, 3, 4, 5... варыянты. Недапушчальныя: 0, 1 варыянт.

Выкарыстанне выпадку: Забяспечце, каб карыстальнікі карысталіся некалькімі варыянтамі.

Толькі максімум

Правіла: выберыце да 3. Дапушчальныя: 0, 1, 2, 3 варыянты. Недапушчальныя: 4, 5, 6... варыянты.

Выкарыстанне выпадку: Абмяжуйце выбар да колькасці, якую можна кантраляваць.

І мінімум, і максімум

Правіла: выберыце 2-4 варыянты. Дапушчальныя: 2, 3, 4 варыянты. Недапушчальныя: 0, 1, 5, 6... варыянты.

Выкарыстанне выпадку: Канкрэтны дыяпазон выбару.

Дакладная колькасць

Правіла: выберыце роўна 3. Дапушчальна: толькі 3 варыянты. Недапушчальна: усё астатняе.

Выкарыстанне выпадку: Калі вам трэба менавіта X варыянтаў.

Налада абмежаванняў выбару

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

1. Адкрыйце форму ў АФБ
2. Цягнуцца сцяжок поле для фарміравання
3. Дадайце свае варыянты

Крок 2: Наладзьце параметры

Увядзіце параметры для галачкі:

Вэб-дызайн SEO Кантэнт-маркетынг Сацыяльныя сеткі Электронны маркетынг PPC-рэклама Аналітыка

Крок 3: Усталюйце абмежаванні выбару

1. Выберыце поле з галачкай
2. Знайсці налады абмежавання выбару
3. Усталёўка Мінімальны выбар (напрыклад, 1)
4. Усталёўка Максімальны выбар (напрыклад, 3)

Крок 4: Дадайце тэкст інструкцыі

Дапамажыце карыстальнікам зразумець абмежаванне:

Пазнака: «Якія паслугі вас цікавяць?» Даведачны тэкст: «Калі ласка, выберыце 1-3 варыянты»

Крок 5: Тэст

1. Папярэдні прагляд формы
2. Паспрабуйце выбраць занадта мала (павінна паказвацца памылка)
3. Паспрабуйце выбраць занадта шмат (павінна прадухіліць памылку)
4. Адправіць з правільнай колькасцю выбраных

Прыклады канфігурацыі

Прыклад 1: 3 галоўныя інтарэсы

Пазнака: «Якія вашы 3 галоўныя інтарэсы?» Варыянты: - Тэхналогіі - Бізнес - Здароўе і фітнес - Падарожжы - Ежа і кулінарыя - Мастацтва і забавы - Спорт - Навука Мінімальная колькасць варыянтаў: 1 Максімальная колькасць варыянтаў: 3 Даведачны тэкст: «Выберыце да 3 тэм»

Прыклад 2: Абавязковы выбар з некалькіх варыянтаў

Пазнака: «У якія дні вы даступныя?» Варыянты: - панядзелак - аўторак - серада - чацвер - пятніца - субота - нядзеля Мінімальная колькасць варыянтаў: 2 Максімальная колькасць варыянтаў: (без абмежаванняў) Даведачны тэкст: «Выберыце як мінімум 2 дні»

Прыклад 3: Сесіі падзей

Пазнака: «Якія сесіі вы будзеце наведваць?» Варыянты: — Ранішняя даклада (9:00) — Семінар A (10:30) — Семінар B (10:30) — Абедзенны сеанс (12:00) — Дзённая дыскусія (2:00) — Нетворкінг-мерапрыемства (4:00) Мінімальная колькасць варыянтаў: 1 Максімальная колькасць варыянтаў: 4 Даведачны тэкст: «Выберыце 1–4 сесіі (некаторыя праходзяць адначасова)»

Прыклад 4: Роўна 3 прыярытэты

Пазнака: «Выберыце 3 галоўныя прыярытэты» Варыянты: - Кошт - Якасць - Хуткасць - Падтрымка - Функцыі - Надзейнасць - Прастата выкарыстання Мінімальная колькасць варыянтаў: 3 Максімальная колькасць варыянтаў: 3 Тэкст даведкі: «Калі ласка, выберыце роўна 3 варыянты»

Прыклад 5: Неабавязковы множны выбар

Пазнака: «Ёсць якія-небудзь абмежаванні ў харчаванні? (неабавязкова)» Варыянты: - Вегетарыянскі - Веганскі - Без глютена - Без малочных прадуктаў - Алергія на арэхі - Кашэрны - Халяльны Мінімальны выбар: 0 (неабавязкова) Максімальны выбар: (без абмежаванняў) Даведачны тэкст: «Выберыце ўсё, што падыходзіць»

Паводзіны карыстальніцкага інтэрфейсу

Дасягненне максімуму

Калі карыстальнік выбірае максімальную колькасць варыянтаў:

Варыянт А: Адключыць астатнія сцяжкі

☑ Вэб-дызайн ☑ SEO ☑ Кантэнт-маркетынг (дасягнуты максімум) ☐ Сацыяльныя сеткі (адключана/недаступна) ☐ Электронны маркетынг (адключана/недаступна)

Варыянт B: Дазволіць выбар, але паказаць памылку

☑ Вэб-дызайн ☑ SEO ☑ Кантэнт-маркетынг ☑ Сацыяльныя сеткі ⚠️ "Дазволена максімум 3 варыянты"

Ніжэй за мінімум

Калі карыстальнік спрабуе адправіць занадта мала даных:

☑ Вэб-дызайн [Адправіць] ⚠️ "Калі ласка, выберыце як мінімум 2 варыянты"

Візуальная зваротная сувязь

Дапамажыце карыстальнікам зразумець свой прагрэс:

Выбрана: максімум 2 з 3 Або: выбрана 2/3 Або: выберыце яшчэ 1 (мінімум 3)

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

Паведамленні па змаўчанні

Занадта мала: «Калі ласка, выберыце хаця б [X] варыянтаў» Занадта шмат: «Калі ласка, выберыце не больш за [X] варыянтаў» Дакладна: «Калі ласка, выберыце роўна [X] варыянтаў»

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

Зрабіце паведамленні кантэкстуальнымі:

«Калі ласка, выберыце як мінімум 2 паслугі, каб працягнуць». «Вы можаце выбраць да 3 тэм — выдаліце ​​адну». «Выберыце роўна 3 прыярытэты, каб мы маглі зразумець вашы патрэбы».

Дружалюбны тон

Замест: «Памылка: патрабуецца мінімум 2» паспрабуйце: «Амаль гатова! Калі ласка, выберыце яшчэ адзін варыянт». Замест: «Перавышана максімальная колькасць». Паспрабуйце: «Выдатны выбар! Калі ласка, звузіце выбар да 3 лепшых».

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

1. Налады рассылкі

«Выберыце 1-3 тэмы, пра якія вы хацелі б пачуць» — Абнаўленні прадуктаў — Навіны галіны — Парады і падручнікі — Навіны кампаніі — Спецыяльныя прапановы — Мерапрыемствы і вэбінары Чаму абмежаванне: прадухіленне перагрузкі паштовай скрыні, паляпшэнне актуальнасці

2. Ацэнка навыкаў

«Выберыце свае 5 найлепшых навыкаў» - JavaScript - Python - React - Node.js - SQL - AWS - Docker - Kubernetes - (больш за 10) Чаму абмяжоўвацца: засяродзьцеся на наймацнейшых навыках, а не на поўным спісе

3. Цікавасць да прадукту

«Якія тавары вас найбольш цікавяць? (максімум 3)» - Тавар A - Тавар B - Тавар C - Тавар D - Тавар E Чаму абмежаванне: аддзел продажаў можа засяродзіцца на наступным кантролі

4. Рэгістрацыя на канферэнцыю

«Выберыце 3-5 майстар-класаў для ўдзелу» - Майстар-клас 1 - Майстар-клас 2 - (і многае іншае) Чаму абмежаванне: колькасць месцаў у зале, адначасовыя заняткі

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

«Якія функцыі найбольш важныя? (выберыце роўна 3)» - Функцыя A - Функцыя B - Функцыя C - Функцыя D - Функцыя E Чаму абмежаванне: Прымушае расстаўляць прыярытэты, забяспечвае больш выразную зваротную сувязь

6. Рэгістрацыя валанцёраў

«Выберыце 2-4 часовыя інтэрвалы, у якіх вы можаце дапамагчы» — субота раніцай — субота пасля абеду — нядзеля раніцай — нядзеля пасля абеду. Чаму абмежаванне: мінімальныя абавязацельствы, зручны графік.

Best Practices

1. Выразна паведамляйце пра абмежаванні

• Укажыце абмежаванні ў этыкетцы або даведачным тэксце
• «Выберыце да 3», а не проста «(максімум 3)»
• Паказаць бягучую колькасць у параўнанні з лімітам

2. Усталюйце разумныя абмежаванні

• Не рабіце прымусовы выбар, калі мае сэнс неабавязковы варыянт
• Максімум павінен дазваляць значны выбар
• Мінімум павінен быць дасягальным

3. Растлумачце, чаму

Калі абмежаванні могуць здавацца адвольнымі:

«Выберыце тры найлепшыя (дапамагае нам персаналізаваць ваш вопыт)» «Выберыце 2-4 сеансы (частка можа перакрывацца па часе)»

4. Улічвайце мабільных карыстальнікаў

• Доўгія спісы цяжэй пракручваць на мабільным тэлефоне
• Выразная зваротная сувязь па колькасці выбраных элементаў
• Відавочныя станы інваліднасці

5. Тэставыя памежныя выпадкі

• Адправіць з 0 варыянтамі
• Падайце як мінімум
• Падайце роўна максімум
• Паспрабуйце перавысіць максімум

Спалучэнне з іншымі функцыямі

З дапамогай «Выбраць усё»

Паспрабуйце адключыць «Выбраць усё», калі ў вас ёсць максімум:

• «Выбраць усё» + максімум 3 = блытаніна
• Выдаліце ​​альбо «Выбраць усё», альбо выдаліце ​​максімум

З опцыяй «Іншае»

"Выберыце да 3 паслуг" ☐ Вэб-дызайн ☐ SEO ☐ Маркетынг ☐ Іншае: [__________] "Іншае" залічваецца пры разліку максімальнай сумы

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

"Выберыце свае дыетычныя абмежаванні (калі ёсць)" ☐ Вегетарыянскі ☐ Веганскі ☐ Без глютена ☐ Ні адзін з вышэйпералічаных Калі выбрана "Няма": Ачысціць іншыя варыянты "Няма" = сапраўдны мінімум, калі мінімум роўны 1

З умоўнай логікай

Калі паслуга = "Прэміум": максімум варыянтаў = 5 Калі паслуга = "Базавы": максімум варыянтаў = 2

Меркаванні даступнасці

Праграмы для чытання з экрана

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

Навігацыя па клавіятуры

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

Візуальныя паказчыкі

• Не спадзявайцеся толькі на колер
• Ачысціць адключаны стан (не проста шэры)
• Значкі або тэкст для статусу выбару

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

Ліміт не выконваецца

• Праверце захаваныя мінімальныя/максімальныя значэнні
• Праверце, ці ўключаны JavaScript у браўзеры
• Ачысціце кэш і праверце яшчэ раз

Усё яшчэ можна выбраць больш за максімум

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

Паведамленне пра памылку не адлюстроўваецца

• Праверце, ці ўключана праверка
• Праверце налады адпраўкі формы
• Тэставанне ў іншым браўзеры

Карыстальнікі збянтэжаныя абмежаваннямі

• Дадаць больш зразумелы тэкст даведкі
• Паказаць лічыльнік выбару
• Выкарыстоўвайце больш падрабязныя паведамленні пра памылкі

Аналіз дадзеных

Аналіз абмежаванага выбару

Абмежаванні выбару паляпшаюць якасць дадзеных:

Без абмежаванняў: - 60% выбралі ўсе варыянты (нязначныя) - 15% выбралі 1-2 (магчыма, значныя) - 25% выбралі 3-5 (найбольш значныя) З максімум 3: - 100% выбралі 1-3 (усе значныя) - Выразная прыярытэтызацыя бачная - Лепшае разуменне для бізнесу

Агульныя ўзоры

• Якія варыянты выбіраюцца часцей за ўсё?
• Якія спалучэнні сустракаюцца часцей за ўсё?
• Ці ўплывае пазіцыя на выбар (першыя варыянты выбіраюцца часцей)?

Рэзюмэ

Абмежаванне выбару сцяжкоў:

1. Дадаць поле для сцяжка – З вашымі варыянтамі
2. Устанавіць мінімум — Колькі трэба выбраць
3. Устанавіць максімум — Колькі можна выбраць
4. Дадаць тэкст даведкі – Выразна растлумачце абмежаванні
5. Старанна праверце – Усе памежныя выпадкі
6. Выкарыстоўвайце выразныя памылкі – Карысна, а не раздражняльна

Conclusion

Абмежаванні выбару ператвараюць палі «выбраць усё» ў мэтанакіраваны, змястоўны ўвод. Мінімум забяспечвае ўзаемадзеянне. Максімум прымушае прыярытэтызацыю. Разам яны збіраюць лепшыя дадзеныя, адначасова паляпшаючы карыстальніцкі досвед. Незалежна ад таго, ці пытаецеся вы пра 3 галоўныя інтарэсы, патрабуеце як мінімум 2 варыянтаў ці абмяжоўваеце рэгістрацыю на мерапрыемствы, абмежаванні выбару дапамагаюць карыстальнікам прымаць рашэнні і даюць вам практычную інфармацыю.

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

Гатовыя абмежаваць выбар? Спампаваць аўтаматычны канструктар формаў і пачаць збіраць даныя з мэтавых сцяжкоў.