Паѓачки менија за пребарување: Правење долги листи лесни за користење
Паѓачко мени со 200 земји. Листа од 50 држави. Стотици опции за производи. Листањето низ долги паѓачки листи е фрустрирачко - и предизвикува напуштање на формуларот.
Паѓачки менија што може да се пребаруваат Решете го ова со тоа што ќе им дозволите на корисниците веднаш да пишуваат за да ги филтрираат опциите. Наместо да скролаат, тие пишуваат „можам“ и ја гледаат Канада на врвот.
Во ова упатство, ќе научите кога да користите паѓачки менија за пребарување и како да ги поставите во вашите WordPress формулари.
Проблемот со долгите паѓачки менија
Стандардните паѓачки менија стануваат неупотребливи како што се зголемуваат опциите:
Проблеми со корисничкото искуство
- Бесконечно скролување – Наоѓањето на „Соединети Американски Држави“ во азбучен список на земји значи прелистување низ повеќе од 180 земји
- Мобилен кошмар – Мали области за скролување на екраните на допир
- Одзема време – Корисниците поминуваат 10+ секунди барајќи една опција
- Склони кон грешки – Лесно е случајно да се избере погрешен предмет
- Фрустрирачки – Повторено за повеќе паѓачки полиња
Кога паѓачките менија стануваат проблематични
| Број на опции | Корисникот Искуство |
|---|---|
| 5-10 опции | ✅ Лесно за скенирање |
| 10-20 опции | ⚠️ Управливо |
| 20-50 опции | ⚠️ Станува досадно |
| 50+ опции | ❌ Потребно е пребарување |
| 100+ опции | ❌ Пребарувањето е неопходно |
Како функционираат паѓачките менија за пребарување
Паѓачкото мени за пребарување комбинира внесен текст со паѓачка листа:
- Корисникот кликнува на паѓачкото поле
- Се појавува поле за пребарување (или самото поле станува пребарувано)
- Корисникот внесува неколку знаци
- Опциите се филтрираат во реално време за да одговараат на внесениот текст
- Корисникот избира од филтрираната кратка листа
Пример: Избор на земја
Без пребарување: Скролувајте низ повеќе од 200 земји за да ја пронајдете „Германија“
Со пребарување: Внесете „ger“ → видете Германија, Алжир, Нигерија → кликнете Германија
Заштедено време: 10+ секунди → 2 секунди
Чести случаи на употреба за паѓачки менија што може да се пребаруваат
Избор на земја
Класичен пример. Со повеќе од 195 земји, пребарувањето е од суштинско значење:
- Внесете „uni“ → Соединети Американски Држави, Обединето Кралство, Обединети Арапски Емирати
- Напишете „aus“ → Австралија, Австрија
- Внесете „ново“ → Нов Зеланд, Нова Каледонија
Избор на држава/покраина
50 американски држави, 13 канадски провинции или региони низ целиот свет:
- Внесете „кал“ → Калифорнија
- Внесете „ново“ → Њујорк, Њу Џерси, Њу Хемпшир, Ново Мексико
Категории на производи
Веб-страници за е-трговија со стотици видови производи:
- Тип „лаптоп“ → Лаптопи, Додатоци за лаптопи, Торби за лаптопи
- Внесете „телефон“ → Телефони, Футроли за телефони, Полначи за телефони
Работни места/индустрии
Формулари за кариера со обемни листи на работни места:
- Внесете „инженер“ → Софтверски инженер, Градежен инженер, Машински инженер
- Внесете „пазар“ → Менаџер за маркетинг, Аналитичар на пазарот, Специјалист за пазарот
Јазици
Преференцијален јазик со повеќе од 100 опции:
- Внесете „span“ → шпански
- Напишете „брада“ → кинески (поедноставен), кинески (традиционален)
Универзитети/Училишта
Листи на образовни институции:
- Внесете „харвард“ → Универзитет Харвард
- Тип „MIT“ → Масачусетски институт за технологија
Временски зони
400+ опции за временска зона:
- Тип „пацифик“ → Пацифик/Окленд, Пацифик/Хонолулу, САД/Пацифик
- Внесете „њујорк“ → Америка/Њујорк
Поставување на паѓачки менија што може да се пребаруваат
Еве како да креирате паѓачки менија што може да се пребаруваат со Автоматски градител на форми:
Чекор 1: Инсталирајте го автоматскиот креатор на форми
- Оди до Додатоци → Додај нов
- Пребарај за "А.Ф.Б.„(краткото име за Автоматски градител на форми)“
- Најди "AFB – Автоматски креатор на обрасци – Креатор на обрасци со влечење и пуштање со влечење"
- Кликнете Инсталирај сега, Тогаш Активирајте
Чекор 2: Додајте поле во паѓачкото мени
- Креирајте или изменете го вашиот формулар
- повлечете ја Пад поле на вашиот формулар
- Кликнете за да ги отворите поставките
Чекор 3: Додадете ги вашите опции
Внесете ја вашата листа со опции. За долги листи, можете:
- Напишете рачно – Внесете ги сите опции една по една
- Групно додавање – Залепете листа на опции (една по линија)
Чекор 4: Овозможете пребарување
Во паѓачкото мени за поставки, побарајте го Може да се пребарува or Овозможи пребарување опција. Вклучете ја.
Паѓачкото мени сега ќе вклучува поле за пребарување/филтер што ги филтрира опциите како што корисниците пишуваат.
Чекор 5: Конфигурирајте го однесувањето на пребарувањето
Во зависност од вашиот креатор на форми, може да имате опции како што се:
- Минимален број на знаци – Започнете со филтрирање откако ќе се внесат X знаци
- Позиција за пребарување – Совпаѓање од почетокот на опцијата или било каде
- Текст за резервирање место – „Внесете за пребарување…“ или „Пребарај земји…“
Најдобри практики за паѓачко поле
1. Секогаш овозможете пребарување за 20+ опции
Ако вашето паѓачко мени има повеќе од 20 опции, овозможете пребарување. Толку е едноставно. Корисниците ќе ви бидат благодарни.
2. Користете јасен текст за задржување на местото
Кажете им на корисниците дека можат да пребаруваат:
- „Изберете земја (напишете за пребарување)“
- „Изберете ја вашата држава…“
- „Пребарај или одбери…“
3. Опции за нарачка логички
Дури и со пребарувањето, редоследот на опциите е важен:
- по азбучен ред – Најдобро за имиња (земји, држави)
- Најчести прво – Ставете ги популарните опции на врвот (САД, Велика Британија, Канада)
- Групирани – Категории со сепаратори
4. Вклучете ги вообичаените варијации
Корисниците може да пребаруваат за:
- „САД“ или „Соединети Американски Држави“ или „САД“ или „Америка“
- „Велика Британија“ или „Обединето Кралство“ или „Британија“ или „Англија“
Доколку е можно, вклучете вообичаени кратенки или варијации што се однесуваат на истата опција.
5. Тест на мобилен
Паѓачките менија за пребарување треба да работат непречено на уредите на допир:
- Внесувањето на пребарувањето е лесно допирање
- Се појавува тастатура за пишување
- Опциите се доволно големи за прецизно допирање
Кога НЕ треба да користите паѓачки менија што може да се пребаруваат
Паѓачките менија што може да се пребаруваат не се секогаш решението:
Кратки листи (под 10 опции)
За 5-10 опции, стандардното паѓачко мени е побрзо. Нема потреба да пишувате кога можете да видите сè одеднаш.
Кога корисниците не го знаат точниот термин
Пребарувањето бара од корисниците да знаат што да пишуваат. Ако прелистуваат/истражуваат опции, категоризирана листа или радио копчиња би можеле да функционираат подобро.
Да/Не или бинарни избори
Користете радио копчиња наместо тоа. Две опции воопшто не бараат паѓачко мени.
Нумерички опсези
За возрасни групи или избор на количина, земете предвид:
- Поле за внесување број
- лизгачот
- Краток паѓачки список (1-10)
Алтернативи на паѓачките менија за пребарување
Во зависност од вашите податоци, разгледајте ги овие алтернативи:
Автоматско дополнување на текстуално поле
Корисникот пишува слободно, предлозите се појавуваат подолу. Добро е кога корисниците може да внесат вредности што не се во вашата листа.
Каскадни паѓачки менија
Поделете еден долг список на два пократки:
- Прво паѓачко мени: Изберете континент
- Второ паѓачко мени: Изберете земја (филтрирано по континент)
Радио копчиња со „Друго“
Прикажи ги првите 5-7 опции како радио копчиња со опција „Друго“ што открива текстуално поле.
Групирани/категоризирани опции
Користете optgroups за да ги организирате опциите по категорија:
- Северна Америка
- Канада
- Мексико
- Соединети Држави
- Европа
- Франција
- Германија
- Обединето Кралство
Претходно изградени листи со опции
Не го измислувајте тркалото одново. Еве ги вообичаените листи што ќе ви бидат потребни:
земји
195 земји-членки на ОН плус територии. Размислете за ставање на заедничките земји (САД, Велика Британија, Канада, Австралија) на врвот, а потоа по азбучен ред.
Држави во САД
50 држави плус Вашингтон и територии. Азбучниот ред функционира добро.
Канадски провинции
13 провинции и територии. Доволно кратко за пребарувањето да биде опционално.
Временски зони
Користете стандардни идентификатори на временски зони (Америка/Њујорк, Европа/Лондон). Групирајте по регион.
Јазици
ISO кодови за јазици со имиња на приказ. Ставете ги вообичаените јазици на прво место.
Индустрии
Стандардни листи за класификација на индустријата (NAICS, SIC) или прилагодени листи за вашата публика.
Размислувања за перформансите
Многу големи листи (1000+ опции)
За екстремно големи листи:
- Вчитај опции по барање – Преземање од серверот како што пишува корисникот
- Поставете минимум знаци – Потребни се 2-3 знаци пред пребарување
- Ограничете ги прикажаните резултати – Прикажи ги првите 20 совпаѓања, не сите 500
Влијание врз оптоварувањето на страницата
Долгите листи со опции ја зголемуваат големината на страницата. За листи над 500 опции, земете го предвид следново:
- Вчитување опции преку AJAX
- Пробивање во каскадни паѓачки менија
- Користење на пребарување од страна на серверот
Пристапност
Осигурајте се дека паѓачките менија што може да се пребаруваат се достапни:
Навигација на тастатура
- Tab за да го фокусирате полето
- Тип за пребарување
- Копчиња со стрелки за навигација низ опциите
- Внесете за да изберете
- Escape за да затворите
Читачи на екран
- Соодветни ARIA етикети
- Објавете го бројот на резултати
- Објави ја избраната опција
Визуелни индикатори
- Јасни состојби на фокус
- Означена тековна опција
- Индикатор за вчитување при пребарување
Најчесто поставувани прашања
Колку опции имам пред да ми треба пребарување?
Овозможете пребарување за кое било паѓачко мени со повеќе од 20 опции. За повеќе од 50 опции, пребарувањето е од суштинско значење. Некои корисници го ценат пребарувањето дури и за 10-15 опции.
Дали пребарувањето треба да се совпаѓа од почетокот или било каде?
Спојувањето „било каде“ е полесно. Пребарувањето на „јорк“ го наоѓа „Њујорк“. Спојувањето само на почетокот е побрзо за познати термини.
Дали корисниците сè уште можат да ги прелистуваат сите опции?
Да, паѓачките менија за пребарување обично првично ја прикажуваат целата листа. Пребарувањето ја филтрира надолу, но корисниците сè уште можат да скролуваат ако претпочитаат.
Што ако корисниците погрешно го напишат пребарувањето?
Основното пребарување не се справува со печатни грешки. За важни полиња (како земја), осигурајте се дека се опфатени вообичаените правописни грешки или користете нејасно совпаѓање доколку е достапно.
Дали паѓачките менија за пребарување работат на мобилни уреди?
Да, и тие често се подобри на мобилни уреди отколку стандардните паѓачки менија бидејќи пишувањето е побрзо од скролувањето низ долг список со мала површина за скролување.
Резиме
Направете долги паѓачки листи лесни за користење:
- Идентификувајте долги листи – Било кое паѓачко мени со повеќе од 20 опции
- Овозможи пребарување – Дозволете им на корисниците да пишуваат за филтрирање
- Користете јасни резервирани места – „Внесете за пребарување…“
- Логички подреди – Прво популарните ставки, потоа азбучно по азбучен редослед, а потоа по азбучен редослед.
- Тест на мобилен – Обезбедете непречено искуство со допир
- Размислете за алтернативи – Каскадни паѓачки менија, групирани опции
Заклучок
Долгите паѓачки листи ги намалуваат стапките на пополнување на формулари. Паѓачки менија што може да се пребаруваат трансформирајте го искуството - корисниците ја наоѓаат својата опција за секунди, наместо да скролаат бесконечно.
Без разлика дали станува збор за земји, држави, производи или која било листа со повеќе од 20 опции, додавањето на функционалност за пребарување ги прави вашите формулари побрзи и полесни за користење.
Автоматски градител на форми ви овозможува да креирате паѓачки полиња со функционалност за пребарување, помагајќи им на корисниците брзо да го пронајдат она што им е потребно дури и во најдолгите листи.
Подготвени сте да ги подобрите вашите форми? Преземи Автоматски креатор на форми и направете ги вашите паѓачки листи лесни за користење уште денес.
