Претраживи падајући менији: Прављење дугих листа једноставним за коришћење

Падајући мени са 200 земаља. Листа од 50 држава. Стотине опција производа. Скроловање кроз дугачке падајуће листе је фрустрирајуће — и доводи до напуштања формулара.

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

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

Проблем са дугим падајућим менијима

Стандардни падајући менији постају неупотребљиви како се број опција повећава:

Проблеми корисничког искуства

• Бесконачно скроловање – Проналажење „Сједињених Држава“ на абецедном списку земаља значи скроловање поред преко 180 земаља
• Мобилна ноћна мора – Мала подручја за скроловање на екранима осетљивим на додир
• Дуготрајан – Корисници проводе 10+ секунди тражећи једну опцију
• Склон грешкама – Лако је случајно одабрати погрешну ставку
• Фрустрирајуће – Понавља се за више падајућих поља

Када падајући менији постану проблематични

Како функционишу претраживи падајући менији

Падајући мени са могућношћу претраживања комбинује унос текста са падајућом листом:

1. Корисник кликне на падајуће поље
2. Појављује се поље за претрагу (или само поље постаје доступно за претрагу)
3. Корисник уноси неколико знакова
4. Филтрирање опција у реалном времену како би се подударало са уносом
5. Корисник бира са филтриране кратке листе

Пример: Избор земље

Без претраге: Прегледајте више од 200 земаља да бисте пронашли „Немачка“

Са претрагом: Укуцајте „ger“ → погледајте Немачка, Алжир, Нигерија → кликните на Немачка

Уштеђено време: 10+ секунди → 2 секунде

Уобичајени случајеви употребе за претраживе падајуће меније

Избор земље

Класичан пример. Са преко 195 земаља, претрага је неопходна:

• Укуцајте „uni“ → Сједињене Америчке Државе, Уједињено Краљевство, Уједињени Арапски Емирати
• Унесите „аус“ → Аустралија, Аустрија
• Укуцајте „ново“ → Нови Зеланд, Нова Каледонија

Избор државе/покрајине

50 америчких држава, 13 канадских провинција или региона широм света:

• Укуцајте „cal“ → Калифорнија
• Укуцајте „ново“ → Њујорк, Њу Џерзи, Њу Хемпшир, Нови Мексико

Категорије производа

Сајтови за е-трговину са стотинама врста производа:

• Укуцајте „лаптоп“ → Лаптопови, додатна опрема за лаптопове, торбе за лаптопове
• Укуцајте „телефон“ → Телефони, Футроле за телефоне, Пуњачи за телефоне

Радна места/индустрије

Обрасци за каријеру са опсежним листама послова:

• Укуцајте „инжењер“ → Софтверски инжењер, Грађевински инжењер, Машински инжењер
• Унесите „тржиште“ → Менаџер маркетинга, Тржишни аналитичар, Специјалиста за тржиште

jezici

Језичке преференције са преко 100 опција:

• Укуцајте „span“ → шпански
• Укуцајте „брада“ → кинески (поједностављени), кинески (традиционални)

Универзитети/Школе

Листе образовних институција:

• Укуцајте „харвард“ → Универзитет Харвард
• Укуцајте „MIT“ → Масачусетски технолошки институт

Временске зоне

400+ опција временских зона:

• Унесите „пацифик“ → Пацифик/Окланд, Пацифик/Хонолулу, САД/Пацифик
• Укуцајте „њујорк“ → Америка/Њујорк

Подешавање претраживих падајућих менија

Ево како да креирате падајуће меније са могућношћу претраживања помоћу Аутоматски креатор образаца:

Корак 1: Инсталирајте аутоматски креатор образаца

1. Го то Додаци → Додај ново
2. Тражити "АФБ„(скраћени назив за Auto Form Builder)“
3. Пронађи "AFB – Аутоматски креатор образаца – Креатор образаца превлачењем и испуштањем"
4. Kliknite Инсталирај одмах, Затим активирати

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

1. Направите или измените свој образац
2. превуците Дропдовн поље на ваш образац
3. Кликните да бисте отворили подешавања

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

Унесите своју листу опција. За дугачке листе можете:

• Укуцајте ручно – Унесите сваку опцију једну по једну
• Масовно додавање – Налепите листу опција (по једну у сваки ред)

Корак 4: Омогућите претрагу

У падајућим подешавањима потражите Сеарцхабле or Омогући претрагу опција. Укључите је.

Падајући мени ће сада садржати поље за претрагу/филтер које филтрира опције док корисници куцају.

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

У зависности од вашег алата за креирање образаца, можете имати опције као што су:

• Минималан број знакова – Почните филтрирање након што унесете X карактера
• Позиција претраге – Подударање од почетка опције или било где
• Текст чувара места – „Унесите текст за претрагу…“ или „Претражите земље…“

Најбоље праксе за падајућа поља

1. Увек омогућите претрагу за више од 20 опција

Ако ваш падајући мени има више од 20 опција, омогућите претрагу. Толико је једноставно. Корисници ће вам бити захвални.

2. Користите јасан текст резервисаног места

Реците корисницима да могу да претражују:

• „Изаберите земљу (унесите појам за претрагу)“
• „Изаберите своју државу…“
• „Претражи или изабери…“

3. Логично наручите опције

Чак и код претраге, редослед опција је важан:

• Азбучном – Најбоље за имена (земље, државе)
• Најчешће прво – Поставите популарне опције на врх (САД, Велика Британија, Канада)
• Груписано – Категорије са сепараторима

4. Укључите уобичајене варијације

Корисници могу тражити:

• „САД“ или „Сједињене Америчке Државе“ или „САД“ или „Америка“
• „УК“ или „Уједињено Краљевство“ или „Британија“ или „Енглеска“

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

5. Тестирајте на мобилном уређају

Падајући менији са могућношћу претраживања требало би да раде глатко на уређајима са осетљивим на додир:

• Унос за претрагу је лако додирљив
• Тастатура се појављује за куцање
• Опције су довољно велике да се тапка прецизно

Када НЕ треба користити падајуће меније са могућношћу претраживања

Претраживи падајући менији нису увек решење:

Кратки спискови (мање од 10 опција)

За 5-10 опција, стандардни падајући мени је бржи. Нема потребе за куцањем када можете све да видите одједном.

Када корисници не знају тачан термин

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

Да/Не или бинарни избори

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

Нумерички опсези

За старосне групе или избор количине, размотрите:

• Поље за унос броја
• Клизач
• Кратак падајући мени (1-10)

Алтернативе претраживим падајућим менијима

У зависности од ваших података, размотрите ове алтернативе:

Поље за аутоматско довршавање текста

Корисник слободно куца, предлози се појављују испод. Добро је када корисници могу унети вредности које нису на вашој листи.

Каскадни падајући менији

Поделите једну дугачку листу на две краће:

• Први падајући мени: Изаберите континент
• Други падајући мени: Изаберите земљу (филтрирано по континенту)

Радио дугмад са опцијом „Остало“

Прикажите првих 5-7 опција као радио дугмад са опцијом „Остало“ која открива поље за текст.

Груписане/категоризоване опције

Користите optgroups да бисте организовали опције по категоријама:

• Северна Америка
  • Kanada
  • Мексико
  • Сједињене Америчке Државе
• Европа
  • Francuska
  • Nemačka
  • Велика Британија

Листе унапред направљених опција

Не измишљајте точак. Ево уобичајених листа које ће вам бити потребне:

земаља

195 држава чланица УН плус територије. Размислите о томе да уобичајене земље (САД, Велика Британија, Канада, Аустралија) ставите на врх, а затим по абецедном реду.

Америчке државе

50 држава плус Вашингтон и територије. Абецедни ред добро функционише.

Канадске провинције

13 провинција и територија. Довољно кратко да је претрага опционална.

Временске зоне

Користите стандардне идентификаторе временских зона (Америка/Њујорк, Европа/Лондон). Групишите по региону.

jezici

ISO језички кодови са приказаним називима. Ставите уобичајене језике на прво место.

Индустрије

Стандардне листе класификације индустрије (NAICS, SIC) или прилагођене листе за вашу публику.

Разматрање перформанси

Веома велике листе (више од 1000 опција)

За изузетно велике листе:

• Опције учитавања на захтев – Преузимање са сервера док корисник куца
• Постави минималан број знакова – Потребна су 2-3 карактера пре претраге
• Ограничи приказане резултате – Прикажи 20 најбољих утакмица, не свих 500

Утицај учитавања странице

Дугачке листе опција повећавају величину странице. За листе са преко 500 опција, размотрите:

• Опције учитавања путем AJAX-а
• Разбијање на каскадне падајуће меније
• Коришћење претраге на страни сервера

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

Уверите се да су падајући менији који се могу претраживати доступни:

Navigacija sa tastature

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

Читачи екрана

• Правилне ARIA ознаке
• Објавите број резултата
• Најави изабрану опцију

Визуелни индикатори

• Јасна стања фокуса
• Истакнута тренутна опција
• Индикатор учитавања током претраживања

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

Колико опција пре него што ми затреба претрага?

Омогућите претрагу за било који падајући мени са 20+ опција. За 50+ опција, претрага је неопходна. Неки корисници цене претрагу чак и за 10-15 опција.

Да ли претрага треба да се подудара од почетка или било где?

Подударање „било где“ је попустљивије. Претрага „јорк“ проналази „Њујорк“. Подударање само на почетку је брже за познате термине.

Да ли корисници и даље могу да се крећу кроз све опције?

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

Шта ако корисници погрешно напишу своју претрагу?

Основна претрага не обрађује грешке у куцању. За важна поља (као што је земља), уверите се да су покривене уобичајене правописне грешке или користите нејасно подударање ако је доступно.

Да ли претраживи падајући менији раде на мобилним уређајима?

Да, и често су бољи на мобилним уређајима од стандардних падајућих менија јер је куцање брже од скроловања кроз дугачку листу са малим подручјем за скроловање.

резиме

Направите дугачке падајуће листе једноставним за коришћење:

1. Идентификујте дугачке листе – Било који падајући мени са више од 20 опција
2. Омогући претрагу – Дозволите корисницима да куцају да би филтрирали
3. Користите јасне резервисане просторе – „Укуцајте да бисте претражили…“
4. Логички поредак – Прво популарне ставке, затим по абецеди
5. Тестирајте на мобилном телефону – Обезбедите глатко искуство додира
6. Размотрите алтернативе – Каскадни падајући менији, груписане опције

Закључак

Дугачке падајуће листе убијају стопу попуњавања образаца. Претраживи падајући менији трансформишите искуство — корисници проналазе своју опцију за неколико секунди уместо да бескрајно скролују.

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

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

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