Падајући менији са вишеструким избором: Изаберите више опција

Стандардни падајући менији приморавају кориснике да изаберу само једну опцију. Али шта ако треба да изаберу више? Услуге које их занимају, дане када су доступне, функције које желе – многа питања имају више валидних одговора. Падајући менији са вишеструким избором омогућавају корисницима да изаберу неколико опција из једног поља које ефикасно штеди простор.

У овом водичу ћете научити како да креирате падајуће меније са вишеструким избором који омогућавају корисницима да изаберу више опција у вашим WordPress обрасцима.

Шта је падајући мени са вишеструким избором?

Стандардни падајући мени

• Кликните да бисте отворили опције
• Изаберите ЈЕДНУ опцију
• Падајући мени се затвара
• Једна сачувана вредност

Падајући мени са вишеструким избором

• Кликните да бисте отворили опције
• Изаберите ВИШЕ опција
• Остаје отворено за више избора
• Више вредности сачувано

Визуелна разлика

Стандард:

Услуге: [Веб дизајн ▼] (Само један избор)

Вишеструки избор:

Услуге: [Веб дизајн, SEO, маркетинг ▼] (Приказано је више опција)

Када користити падајуће меније са вишеструким избором

Перфецт Фор

• Услуге које вас занимају: „Изаберите све услуге које су вам потребне“
• Доступни дани: „Који дани вам одговарају?“
• Жељене карактеристике: „Изаберите функције које вас занимају“
• Категорије: „Изаберите све што се односи“
• Вештине/стручност: „Које су твоје вештине?“
• Приоритети: „Изаберите своје жеље“

Када уместо тога користити поља за потврду

Водич за одлучивање

• 2-6 опција: Користите поља за потврду
• 7-15 опција: Падајући мени за вишеструки избор
• 15+ опција: Вишеструки избор са претрагом

Креирање падајућих менија са вишеструким избором

Корак 1: Додајте падајуће поље

1. Отворите свој образац у АФБ
2. Превуците Дропдовн поље у ваш образац
3. Кликните да бисте конфигурисали подешавања

Корак 2: Омогућите вишеструки избор

1. Пронађите опцију „Дозволи вишеструке изборе“
2. Укључи
3. Падајући мени сада прихвата вишеструке изборе

Корак 3: Додајте опције

Унесите сваку опцију у нови ред:

Веб дизајн SEO Маркетинг садржаја Друштвене мреже Е-маил маркетинг PPC оглашавање Брендирање Аналитика

Корак 4: Конфигуришите подешавања

• Лабел: „Услуге које вас занимају“
• Привремени приказ: „Изаберите све што се односи“
• potrebno: Пребаци на основу потребе
• Текст помоћи: „Држите Ctrl/Cmd да бисте изабрали више ставки“ (ако је потребно)

Корак 5: Поставите ограничења избора (опционо)

• Минимални избори: Најмање X опција
• Максимални избори: Не више од X опција

Примери конфигурације вишеструког избора

Избор услуга

Лабел: „За које услуге сте заинтересовани?“

Привремени приказ: „Изаберите све што се односи“

potrebno: Да

Мин. избори: 1

Опције:

• Сајт Дизајн
• Вебсите Девелопмент
• Е-трговина
• SЕО
• Садржај писања
• Управљање друштвеним медијима
• Е-маил маркетинг
• Плаћено оглашавање
• Брендирање
• Саветодавни

Доступни дани

Лабел: „Којим данима сте доступни?“

Привремени приказ: „Изаберите доступне дане“

potrebno: Да

Мин. избори: 1

Опције:

• Понедељак
• Уторак
• Среда
• Четвртак
• Петак
• Субота
• недеља

Вештине & Стручност

Лабел: „Изаберите своје области стручности“

Привремени приказ: „Изаберите све што се односи“

potrebno: Да

Мин. избори: 1

Максималан број избора: 5

Опције:

• JavaScript
• Питон
• PHP
• Реаговати
• Вуе.јс
• Ноде.јс
• WordPress
• За управљање базама података
• ДевОпс
• УИ / УКС дизајн

Рестрикција у исхрани

Лабел: „Има ли каквих ограничења у исхрани?“

Привремени приказ: „Изаберите ако је применљиво“

potrebno: Не

Опције:

• Вегетаријанац
• Веган
• Без глутена
• Без млека
• Алергија на орахе
• кошер
• Халал
• Нема ограничења

Поставке комуникације

Лабел: „Како желите да вас контактирамо?“

Привремени приказ: „Изаберите жељене методе“

potrebno: Да

Мин. избори: 1

Опције:

• Имеjл
• Телефонски позив
• Текстуална порука
• WhatsApp
• Видео позив

Интересовања за догађаје

Лабел: „Које сесије вас занимају?“

Привремени приказ: „Изаберите сесије којима ћете присуствовати“

potrebno: Да

Мин. избори: 1

Опције:

• Главни говор
• Радионица А: Маркетинг
• Радионица Б: Продаја
• Радионица Ц: Технологија
• Панел дискусија
• Мрежни ручак
• Церемонија затварања

Ограничења избора

Минимални избори

Зашто га користити:

• Уверите се да је изабрана барем једна опција
• Захтевајте више одговора
• Потврдите смислен унос

Уобичајена подешавања:

• Мин. 1: „Изаберите барем један“
• Мин. 2: „Изаберите најмање две опције“
• Мин 3: „Изаберите своја 3 најбоља“

Максималан избор

Зашто га користити:

• Ограничите изборе за фокус
• „Изаберите своја 3 најбоља“
• Ограничења ресурса
• Спречите понашање „изабери све“

Уобичајена подешавања:

• Макс. 3: „Изаберите до 3“
• Макс. 5: „Изаберите не више од 5“
• Максималан број доступних слотова за подударања

Поруке о валидацији

• „Молимо вас да изаберете барем једну опцију“
• „Молимо вас да изаберете најмање 3 опције“
• „Можете одабрати највише 5 опција“
• „Молимо вас да изаберете између 2 и 5 опција“

Разматрања о корисничком искуству

Цлеар Инструцтионс

У етикети:

• „Изаберите све што се односи“
• „Изаберите више опција“
• „Изаберите своја 3 најбоља“

У резервисаном месту:

• „Кликните да бисте изабрали више…“
• „Изаберите опције…“

У тексту помоћи:

• „Можете одабрати више опција“
• „Изаберите 1-5 опција“
• „Држите Ctrl (Cmd на Mac-у) да бисте изабрали више ставки“

Прикажи изабрани број

Прикажи колико је ставки изабрано:

• „Изабрано је 3 ставке“
• „Веб дизајн, SEO, + још 2“
• Јасан визуелни приказ тренутних избора

Једноставно поништавање селекције

• Кликните на изабрану ставку да бисте поништили избор
• Дугме „X“ на свакој изабраној ставци
• Опција „Обриши све“

Претрага дугих листа

За 10+ опција, додајте претрагу:

• Куцајте да бисте филтрирали опције
• Брзо пронађите ставке
• Неопходно за 20+ опција

Вишеструки избор у односу на друге типове поља

Падајући мени са вишеструким избором у односу на поља за потврду

Изаберите вишеструки избор када:

• 7+ опција
• Ограничен простор за форму
• Не морају све опције бити видљиве
• Жели се чистији визуелни изглед

Изаберите поља за потврду када:

• 6 или мање опција
• Корисници би требало да виде све опције
• Брзо скенирање је важно
• Пожељнија је једноставнија интеракција

Вишеструки избор у односу на вишеструке појединачне падајуће меније

Лош приступ:

Први избор: [Падајући мени] Други избор: [Падајући мени] Трећи избор: [Падајући мени]

Бољи приступ:

Изаберите своје опције: [Падајући мени са вишеструким избором] (Максимално 3 избора)

Вишеструки избор у односу на радио дугмад

Радио дугмад = само један избор. Никада не користити за вишеструки избор.

Разматрања за мобилне уређаје

Избор прилагођен додиру

• Велике мете за додир
• Лако селектовати/поништити селекцију
• Јасне визуелне повратне информације

Нативни огласи у односу на прилагођене огласе

• Изворни вишеструки избор може бити незгодан на мобилним уређајима
• Прилагођени падајући менији често боље корисничко искуство
• Размотрите листу поља за потврду на мобилном уређају

Приказ изабраних ставки

• Јасно прикажи изборе
• Не препуњавајте контејнер
• „3 изабрана“ у односу на навођење свих имена

Руковање подацима

Како се подаци чувају

Вишеструки избори се обично чувају као:

• Одвојено зарезима: „Веб дизајн, SEO, маркетинг“
• Низ: [„Веб дизајн“, „SEO“, „Маркетинг“]
• Појединачни уноси по избору

Емаил Обавештења

У обавештењима путем имејлова:

Услуге које вас занимају: - Веб дизајн - SEO - Маркетинг садржаја

ЦСВ извоз

Извезено као:

• Једна колона: „Веб дизајн, SEO, маркетинг“
• Или више колона по опцији

Филтрирање поднетих радова

• Филтрирај по одређеном избору
• Пронађи све који су изабрали „SEO“
• Корисно за сегментацију

Уобичајени обрасци

Образац 1: Обавезан вишеструки избор

Потребне услуге (изаберите барем једну): [Падајући мени са вишеструким избором] Потребно: Да Мин: 1

Образац 2: Ограничен избор

Изаберите своја 3 најважнија приоритета: [Падајући мени са вишеструким избором] Мин: 3 Макс: 3

Образац 3: Опциони вишеструки избор

Имате ли дијететска ограничења? (опционо) [Падајући мени са вишеструким избором] Обавезно: Не

Образац 4: „Изабери све“ са ограничењима

Које карактеристике вас занимају? (максимално 5) [Падајући мени са вишеструким избором] Макс: 5 Текст помоћи: „Изаберите до 5 карактеристика“

Приступачност

Navigacija sa tastature

• Табулација за долазак до падајућег менија
• Тастери са стрелицама за навигацију по опцијама
• Размак/Ентер за избор/поништавање избора
• Куцајте да бисте прешли на опцију

Подршка за читач екрана

• Најавите „вишеструки избор“ или „изаберите више“
• Прочитај одабрани број
• Објавите промене избора

Цлеар Лабелс

• Ознака означава да је дозвољен вишеструки избор
• „Изаберите све што се односи“
• „Изаберите више опција“

Савети за стилизовање

Приказ изабраних ставки

• Ознаке/чипови за сваки избор
• Јасна визуелна разлика
• Дугме за уклањање на сваком

Изглед падајућег менија

• Потврдне ознаке поред изабраних ставки
• Истакнута позадина за изабрано
• Обриши стање показивања мишем преко екрана

Доследан дизајн

• Усклади се са другим стиловима поља обрасца
• Иста ивица, размак, боје
• У складу са једним падајућим менијима

Решавање проблема

Избори се не чувају

• Проверите да ли је вишеструки избор омогућен
• Проверите руковање слањем обрасца
• Тест са прегледом формулара

Можете изабрати само један

• Опција вишеструког избора није омогућена
• Проверите подешавања поља
• Можда користи погрешан тип поља

Валидација не ради

• Проверите мин/макс подешавања
• Означите потребан прекидач
• Тестирајте различите бројеве избора

Проблеми са приказом на мобилним уређајима

• Тестирање на стварном мобилном уређају
• Провери ширину падајућег менија
• Уверите се да су избори видљиви

Најчешћа питања (FAQ)

Колико опција корисници могу да изаберу?

Подразумевано, неограничено. Подесите максимум ако желите да ограничите изборе (нпр. „Узми до 3“).

Да ли треба да користим вишеструки избор или поља за потврду?

Поља за потврду за 6 или мање опција (све видљиве). Вишеструки избор за 7+ опција или када је простор ограничен.

Могу ли захтевати минималан број избора?

Да. Поставите минималне изборе како бисте осигурали да корисници изаберу најмање X опција.

Како се чувају вишеструки избори?

Обично као вредности одвојене зарезима или низ. Појављује се у поднетим и извозним датотекама као листа.

Могу ли додати претрагу у падајући мени?

Многи креатори образаца подржавају падајуће меније са могућношћу претраживања. Неопходно за 15+ опција.

резиме

Креирање падајућих менија са вишеструким избором:

1. Додај падајуће поље – Стандардни падајући мени прво
2. Омогући вишеструки избор – Дозволите вишеструке изборе
3. Додај опције – Све доступне опције
4. Постави јасну ознаку – „Изаберите све што се односи“
5. Додај резервисано место – Упутите кориснике да изаберу
6. Поставите ограничења избора – Мин/макс ако је потребно
7. Додај текст помоћи – Објасните правила селекције
8. Тестирајте темељно – Различити бројеви избора

Закључак

Падајући менији са вишеструким избором елегантно решавају проблем „изаберите више“. Они штеде простор у поређењу са дугим листама поља за потврду, одржавају обрасце чистим и омогућавају корисницима да изаберу тачно оно што се на њих односи. Користите их за услуге, дане, функције, подешавања – било које питање где је важеће више одговора, а листа је предугачка за поља за потврду.

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

Спремни за обрасце са вишеструким избором? Преузмите аутоматски креатор образаца и омогућити корисницима да лако изаберу више опција.