Іздеуге болатын ашылмалы тізімдер: пайдаланушыға ыңғайлы ұзын тізімдер жасау

200 елі бар ашылмалы тізім. 50 штаттың тізімі. Жүздеген өнім нұсқалары. Ұзын ашылмалы тізімдерді қарап шығу көңіл көншітпейді және формадан бас тартуға әкеледі.

Іздеуге болатын ашылмалы тізімдер Мұны пайдаланушыларға параметрлерді лезде сүзу үшін теруге мүмкіндік беру арқылы шешіңіз. Жылжытудың орнына, олар «can» деп тереді және жоғарғы жағында Canada сөзін көреді.

Бұл нұсқаулықта сіз іздеуге болатын ашылмалы тізімдерді қашан пайдалану керектігін және оларды WordPress формаларыңызда қалай орнату керектігін білесіз.

Ұзын ашылмалы мәзірлердегі мәселе

Параметрлер көбейген сайын стандартты ашылмалы тізімдер пайдалануға жарамсыз болып қалады:

Пайдаланушы тәжірибесіндегі мәселелер

• Шексіз айналдыру – Алфавиттік тізімдегі елдер тізімінен «Америка Құрама Штаттарын» табу 180-нен астам елдің арасынан жылжуды білдіреді
• Мобильді кошмар – Сенсорлық экрандардағы кішкентай айналдыру аймақтары
• Көп уақыт алатын – Пайдаланушылар бір нұсқаны табу үшін 10+ секунд жұмсайды
• Қатеге бейім - Кездейсоқ дұрыс емес затты таңдау оңай
• Көңілсіз – Бірнеше ашылмалы өрістер үшін қайталанады

Ашылмалы терезелер қиындық тудырған кезде

Іздеуге болатын ашылмалы тізімдер қалай жұмыс істейді

Іздеуге болатын ашылмалы тізім мәтін енгізілген мәтінді ашылмалы тізіммен біріктіреді:

1. Пайдаланушы ашылмалы тізім өрісін басады
2. Іздеу өрісі пайда болады (немесе өрістің өзі іздеуге болады)
3. Пайдаланушы бірнеше таңбаны тереді
4. Опциялар кіріске сәйкестендіру үшін нақты уақыт режимінде сүзіледі
5. Пайдаланушы сүзілген қысқа тізімнен таңдайды

Мысал: Елді таңдау

Іздеусіз: «Германия» сөзін табу үшін 200-ден астам елді шолып шығыңыз

Іздеу арқылы: «ger» деп теріңіз → Германия, Алжир, Нигерияны қараңыз → Германияны басыңыз

Үнемделген уақыт: 10+ секунд → 2 секунд

Іздеуге болатын ашылмалы тізімдер үшін жиі қолданылатын жағдайлар

Елді таңдау

Классикалық мысал. 195+ елде іздеу өте маңызды:

• «uni» деп теріңіз → Америка Құрама Штаттары, Біріккен Корольдік, Біріккен Араб Әмірліктері
• “aus” теріңіз → Австралия, Австрия
• «new» деп теріңіз → Жаңа Зеландия, Жаңа Каледония

Штат/провинция таңдауы

АҚШ-тың 50 штаты, Канаданың 13 провинциясы немесе бүкіл әлем бойынша аймақтары:

• «cal» → Калифорния деп теріңіз
• «new» деп теріңіз → Нью-Йорк, Нью-Джерси, Нью-Гэмпшир, Нью-Мексико

Өнім Санаттар

Жүздеген өнім түрлері бар электрондық коммерция сайттары:

• «Ноутбук» түрі → Ноутбуктар, Ноутбук аксессуарлары, Ноутбук сөмкелері
• «Телефон» түрі → Телефондар, Телефон қаптары, Телефон зарядтағыштары

Лауазым атаулары/салалар

Кең ауқымды жұмыс тізімдері бар мансап формалары:

• «Инженер» түрі → Бағдарламалық жасақтама инженері, Құрылыс инженері, Механик инженер
• «Нарық» түрі → Маркетинг менеджері, нарық талдаушысы, нарық маманы

Тілдер

100-ден астам нұсқалары бар тілдік параметр:

• «span» → Испанша деп теріңіз
• «Иек» → Қытай (жеңілдетілген), Қытай (дәстүрлі) деп теріңіз

Университеттер/мектептер

Білім беру мекемелерінің тізімі:

• «Гарвард» → Гарвард университеті деп теріңіз
• «MIT» түрі → Массачусетс технологиялық институты

Уақыт белдеулері

400+ уақыт белдеуі опциялары:

• «Тынық мұхиты» → Тынық мұхиты/Окленд, Тынық мұхиты/Гонолулу, АҚШ/Тынық мұхиты деп теріңіз
• «new york» → America/New_York деп теріңіз

Іздеуге болатын ашылмалы тізімдерді орнату

Іздеуге болатын ашылмалы тізімдерді қалай жасау керектігі көрсетілген Автоматты форма құрастырушысы:

1-қадам: Автоматты форма құрастырушысын орнатыңыз

1. Бару Плагиндер → Жаңасын қосу
2. Іздеу »А.Ф.Б.«(Автоматты форма құрастырушысының қысқа атауы)
3. Табу «AFB – Автоматты форма құрастырушысы – Форма жасаушыны сүйреп апару«
4. басыңыз Қазір орнату, содан кейін іске қосыңыз

2-қадам: Ашылмалы өрісті қосыңыз

1. Формаңызды жасаңыз немесе өңдеңіз
2. Апарыңыз Түсіп қалу формаңызға өріс қосыңыз
3. Параметрлерді ашу үшін басыңыз

3-қадам: Опцияларыңызды қосыңыз

Опциялар тізімін енгізіңіз. Ұзын тізімдер үшін сіз:

• Қолмен теру - Әрбір нұсқаны бір-бірлеп енгізіңіз
• Жаппай қосу – Опциялар тізімін қойыңыз (әр жолға біреуден)

4-қадам: Іздеуді қосу

Ашылмалы мәзір параметрлерінде іздеңіз Іздеуге болады or Іздеуді қосу опциясын таңдаңыз. Оны ҚОСУ күйіне қойыңыз.

Ашылмалы тізімде енді пайдаланушылар терген кезде параметрлерді сүзгіден өткізетін іздеу/сүзгі өрісі болады.

5-қадам: Іздеу әрекетін конфигурациялау

Пішін құрастырушысына байланысты сізде келесідей опциялар болуы мүмкін:

• Ең аз таңбалар – X таңбалары терілгеннен кейін сүзуді бастаңыз
• Іздеу позициясы - Опцияның басынан немесе кез келген жерден сәйкестендіру
• Орын толтырғыш мәтіні – «Іздеу үшін теріңіз...» немесе «Елдерді іздеу...»

Ашылмалы өрістердің ең жақсы тәжірибелері

1. 20-дан астам опцияны іздеуді әрқашан қосыңыз

Егер ашылмалы тізімде 20-дан астам опция болса, іздеуді қосыңыз. Бұл өте қарапайым. Пайдаланушылар сізге алғыс айтады.

2. Таза толтырғыш мәтінді пайдаланыңыз

Пайдаланушыларға іздеуге болатынын айтыңыз:

• «Елді таңдаңыз (іздеу үшін түр)»
• «Өз штатыңызды таңдаңыз...»
• «Іздеу немесе таңдау...»

3. Логикалық түрде тапсырыс беру опциялары

Іздеу кезінде де опция реті маңызды:

• алфавит – Атаулар үшін ең жақсысы (елдер, штаттар)
• Ең көп таралған бірінші – Танымал нұсқаларды жоғары қойыңыз (АҚШ, Ұлыбритания, Канада)
• Топтастырылған – Бөлгіштері бар санаттар

4. Жалпы вариацияларды қосыңыз

Пайдаланушылар мыналарды іздеуі мүмкін:

• «АҚШ» немесе «Америка Құрама Штаттары» немесе «АҚШ» немесе «Америка»
• «Ұлыбритания» немесе «Ұлыбритания» немесе «Ұлыбритания» немесе «Англия»

Мүмкін болса, сол нұсқаға сәйкес келетін кең таралған қысқартуларды немесе вариацияларды қосыңыз.

5. Ұялы телефонда тестілеу

Іздеуге болатын ашылмалы тізімдер сенсорлық құрылғыларда кедергісіз жұмыс істеуі керек:

• Іздеу енгізуін оңай түртуге болады
• Теру үшін пернетақта пайда болады
• Параметрлер дәл түрту үшін жеткілікті үлкен

Іздеуге болатын ашылмалы тізімдерді қашан пайдалануға БОЛМАЙДЫ

Іздеуге болатын ашылмалы тізімдер әрқашан жауап бола бермейді:

Қысқа тізімдер (10-нан аз нұсқа)

5-10 опция үшін стандартты ашылмалы тізім жылдамырақ. Барлығын бірден көре алатын кезде терудің қажеті жоқ.

Пайдаланушылар нақты терминді білмеген кезде

Іздеу пайдаланушылардан не теру керектігін білуді талап етеді. Егер олар опцияларды қарап/зерттеп жатса, санатталған тізім немесе радио түймелері жақсырақ жұмыс істеуі мүмкін.

Иә/Жоқ немесе екілік таңдаулар

Оның орнына радио түймелерін пайдаланыңыз. Екі опция үшін ашылмалы тізім қажет емес.

Сандық диапазондар

Жас ерекшеліктері немесе мөлшерді таңдау үшін мыналарды ескеріңіз:

• Сан енгізу өрісі
• Slider
• Қысқа ашылмалы тізім (1-10)

Іздеуге болатын ашылмалы тізімдерге балама

Деректеріңізге байланысты келесі баламаларды қарастырыңыз:

Автоматты түрде толтырылатын мәтін өрісі

Пайдаланушы еркін тереді, ұсыныстар төменде көрсетіледі. Пайдаланушылар сіздің тізіміңізде жоқ мәндерді енгізуі мүмкін болған кезде жақсы.

Каскадты ашылмалы тізімдер

Бір ұзын тізімді екі қысқа тізімге бөліңіз:

• Бірінші ашылмалы тізім: Континентті таңдаңыз
• Екінші ашылмалы тізім: Елді таңдаңыз (континент бойынша сүзгіден өткізілген)

«Басқа» белгісі бар радио түймелері

Мәтін өрісін ашатын «Басқа» опциясы бар радио түймелері ретінде ең жақсы 5-7 опцияны көрсетіңіз.

Топталған/санатталған опциялар

Санаттар бойынша опцияларды ұйымдастыру үшін optgroups пайдаланыңыз:

• Солтүстік америка
  • Канада
  • Мексика
  • АҚШ
• Еуропа
  • Франция
  • Германия
  • Біріккен корольдігі

Алдын ала жасалған опциялар тізімдері

Дөңгелекті қайта ойлап таппаңыз. Сізге қажет болатын жалпы тізімдер:

елдер

195 БҰҰ мүше мемлекеттері және аумақтар. Ортақ елдерді (АҚШ, Ұлыбритания, Канада, Австралия) ең жоғарғы жағына, содан кейін алфавиттік ретпен орналастыруды қарастырыңыз.

АҚШ штаттары

50 штат, сонымен қатар Вашингтон және аумақтар. Алфавиттік тәртіп жақсы жұмыс істейді.

Канада провинциялары

13 провинция мен аумақ. Іздеуді міндетті емес ететіндей қысқа.

Уақыт белдеулері

Стандартты уақыт белдеуі идентификаторларын пайдаланыңыз (Америка/Нью-Йорк, Еуропа/Лондон). Аймақ бойынша топтастырыңыз.

Тілдер

Көрсетілетін атаулары бар ISO тіл кодтары. Жалпы тілдерді бірінші орынға қойыңыз.

Өнеркәсіп

Стандартты салалық жіктеу тізімдері (NAICS, SIC) немесе аудиторияңызға арналған арнайы тізімдер.

Өнімділікті қарастыру

Өте үлкен тізімдер (1000+ нұсқа)

Өте үлкен тізімдер үшін:

• Опцияларды сұраныс бойынша жүктеу – Серверден пайдаланушы түрлері ретінде алу
• Ең аз таңбаларды орнатыңыз – Іздеу алдында 2-3 таңба қажет
• Көрсетілген нәтижелерді шектеу – Барлық 500 емес, ең үздік 20 сәйкестікті көрсету

Бет жүктемесінің әсері

Ұзын опция тізімдері бет өлшемін арттырады. 500-ден астам опциялар үшін мыналарды ескеріңіз:

• AJAX арқылы опциялар жүктелуде
• Каскадты ашылмалы тізімдерге өту
• Сервер жағындағы іздеуді пайдалану

Арнайы мүмкіндіктер

Іздеуге болатын ашылмалы тізімдердің қолжетімді екеніне көз жеткізіңіз:

Пернетақта навигациясы

• Өрісті фокустау үшін Tab пернесін басыңыз
• Іздеу үшін теріңіз
• Параметрлерді шарлауға арналған көрсеткі пернелері
• Таңдау үшін енгізіңіз
• Жабу үшін қашу

Экран оқу құралдары

• Дұрыс ARIA белгілері
• Нәтижелер санын жариялау
• Таңдалған опцияны жариялау

Көрнекі көрсеткіштер

• Фокустау күйлерін анықтаңыз
• Ағымдағы опция ерекшеленді
• Іздеу кезінде индикатор жүктелуде

Жиі Қойылатын Сұрақтар

Іздеу қажет болғанға дейін қанша нұсқа бар?

20-дан астам опциясы бар кез келген ашылмалы тізім үшін іздеуді қосыңыз. 50-ден астам опция үшін іздеу өте маңызды. Кейбір пайдаланушылар тіпті 10-15 опция үшін іздеуді бағалайды.

Іздеу басынан бастап немесе кез келген жерден сәйкес келуі керек пе?

«Кез келген жерде» сәйкестендіру кешірімдірек. «York» деп іздеу «New York» сөзін табады. Белгілі терминдер үшін тек бастапқы сәйкестендіру жылдамырақ.

Пайдаланушылар барлық опцияларды қарап шыға ала ма?

Иә, іздеуге болатын ашылмалы тізімдер әдетте бастапқыда толық тізімді көрсетеді. Іздеу оны сүзгіден өткізеді, бірақ пайдаланушылар қаласа, айналдыра алады.

Пайдаланушылар іздеу сұрауын қате жазса ше?

Негізгі іздеу қателіктерді өңдемейді. Маңызды өрістер (мысалы, ел) үшін жиі кездесетін қателердің қамтылғанына көз жеткізіңіз немесе мүмкін болса, анық емес сәйкестендіруді пайдаланыңыз.

Іздеуге болатын ашылмалы тізімдер мобильді құрылғыларда жұмыс істей ме?

Иә, және олар мобильді құрылғыларда стандартты ашылмалы тізімдерге қарағанда жиі жақсырақ, себебі теру кішкентай айналдыру аймағы бар ұзын тізімді айналдыруға қарағанда жылдамырақ.

қысқаша мазмұндама

Пайдаланушыға ыңғайлы ұзын ашылмалы тізімдерді жасаңыз:

1. Ұзын тізімдерді анықтаңыз – 20-дан астам опциясы бар кез келген ашылмалы тізім
2. Іздеуді қосыңыз – Пайдаланушыларға сүзгілеу үшін теруге рұқсат етіңіз
3. Таза толтырғыштарды пайдаланыңыз – «Іздеу үшін теріңіз...»
4. Логикалық түрде ретке келтіріңіз – Алдымен танымал элементтер, содан кейін алфавит бойынша
5. Ұялы телефонда сынақ – Тегіс жанасу тәжірибесін қамтамасыз етіңіз
6. Балама нұсқаларды қарастырыңыз – Каскадты ашылмалы тізімдер, топтастырылған опциялар

қорытынды

Ұзын ашылмалы тізімдер форманы толтыру жылдамдығын төмендетеді. Іздеуге болатын ашылмалы тізімдер тәжірибені өзгертіңіз — пайдаланушылар шексіз айналдырудың орнына бірнеше секунд ішінде өз нұсқаларын таба алады.

Елдер, штаттар, өнімдер немесе 20-дан астам опциясы бар кез келген тізім болсын, іздеу функциясын қосу формаларыңызды жылдамырақ және пайдаланушыға ыңғайлы етеді.

Автоматты форма құрастырушысы пайдаланушыларға ең ұзын тізімдерден де қажеттіні тез табуға көмектесетін іздеу функциясы бар ашылмалы өрістерді жасауға мүмкіндік береді.

Формаларды жақсартуға дайынсыз ба? Автоматты форма құрастырушысын жүктеп алыңыз және ашылмалы тізімдеріңізді бүгін пайдаланушыға ыңғайлы етіп жасаңыз.