Որոնելի ցանկեր. երկար ցուցակների օգտագործողին հարմարեցում

200 երկրների ցանկ։ 50 նահանգների ցանկ։ Հարյուրավոր ապրանքների տարբերակներ։ Երկար ցանկերի մեջ թերթելը հիասթափեցնող է և հանգեցնում է ձևաթղթի լքմանը։

Որոնելի ցանկեր Այս խնդիրը լուծելու համար օգտատերերին թույլատրվում է մուտքագրել՝ տարբերակները անմիջապես զտելու համար։ Գլորելու փոխարեն, նրանք գրում են «կարող եմ» և վերևում տեսնում են Կանադան։

Այս ուղեցույցում դուք կսովորեք, թե երբ օգտագործել որոնելի ցանկերը և ինչպես դրանք կարգավորել ձեր WordPress ձևերում։

Երկար ցանկերի խնդիրը

Ստանդարտ ցանկերը դառնում են անօգտագործելի, երբ ընտրանքները մեծանում են։

Օգտագործողի փորձի խնդիրներ

• Անվերջ գլորում – «Միացյալ Նահանգներ» բառը այբբենական կարգով դասավորված երկրների ցանկում գտնելը նշանակում է անցնել 180+ երկրների միջով
• Բջջային մղձավանջ – Սենսորային էկրանների վրա փոքր ոլորման տարածքներ
• Ժամանակատար – Օգտատերերը 10+ վայրկյան են ծախսում մեկ տարբերակ գտնելու վրա
• Սխալների հակված - Հեշտ է պատահաբար ընտրել սխալ իրը
• Հիասթափեցնող – Կրկնվում է մի քանի իջնող դաշտերի համար

Երբ ցանկի ցանկերը դառնում են խնդրահարույց

Ինչպես են աշխատում որոնելի ցանկերը

Որոնելի ցանկը համատեղում է տեքստի մուտքագրումը ցանկի հետ՝

1. Օգտատերը սեղմում է իջնող ցանկի դաշտի վրա
2. Հայտնվում է որոնման դաշտ (կամ դաշտն ինքնին դառնում է որոնելի)
3. Օգտատերը մուտքագրում է մի քանի նիշ
4. Ընտրանքները զտվում են իրական ժամանակում՝ մուտքագրված տվյալներին համապատասխանեցնելու համար
5. Օգտատերը ընտրում է ֆիլտրացված կարճ ցուցակից

Օրինակ՝ Երկրի ընտրություն

Առանց որոնման՝ Շրջեք 200+ երկրներում՝ «Գերմանիան» գտնելու համար

Որոնման միջոցով՝ Մուտքագրեք «ger» → տե՛ս Գերմանիա, Ալժիր, Նիգերիա → սեղմեք Գերմանիա

Խնայված ժամանակ՝ 10+ վայրկյան → 2 վայրկյան

Որոնելի ցանկերի ընդհանուր օգտագործման դեպքեր

Երկրի ընտրություն

Դասական օրինակ։ 195+ երկրների դեպքում որոնումը կարևոր է։

• Մուտքագրեք «uni» → Միացյալ Նահանգներ, Միացյալ Թագավորություն, Միացյալ Արաբական Էմիրություններ
• Մուտքագրեք «aus» → Ավստրալիա, Ավստրիա
• Մուտքագրեք «նոր» → Նոր Զելանդիա, Նոր Կալեդոնիա

Նահանգի/մարզի ընտրություն

ԱՄՆ 50 նահանգ, Կանադայի 13 նահանգ կամ տարածաշրջան ամբողջ աշխարհում։

• Մուտքագրեք «կալ» → Կալիֆոռնիա
• Մուտքագրեք «նոր» → Նյու Յորք, Նյու Ջերսի, Նյու Հեմփշիր, Նյու Մեքսիկո

Ապրանք Կատեգորիաներ

Էլեկտրոնային առևտրի կայքեր՝ հարյուրավոր տեսակի ապրանքներով.

• Տեսակ՝ «նոութբուք» → Նոութբուքեր, Նոութբուքի պարագաներ, Նոութբուքի պայուսակներ
• Մուտքագրեք «հեռախոս» → Հեռախոսներ, Հեռախոսի պատյաններ, Հեռախոսի լիցքավորիչներ

Աշխատանքային վերնագրեր/ոլորտներ

Կարիերայի ձևեր՝ ընդարձակ աշխատանքային ցուցակներով.

• Մուտքագրեք «ինժեներ» → ծրագրային ապահովման ինժեներ, քաղաքացիական ինժեներ, մեխանիկական ինժեներ
• Մուտքագրեք «շուկա» → Մարքեթինգի մենեջեր, շուկայի վերլուծաբան, շուկայի մասնագետ

Լեզուներ

Լեզվի նախընտրություն՝ 100+ տարբերակով.

• Մուտքագրեք «span» → իսպաներեն
• Մուտքագրեք «կզակ» → չինարեն (պարզեցված), չինարեն (ավանդական)

Համալսարաններ/Դպրոցներ

Ուսումնական հաստատությունների ցանկը.

• Մուտքագրեք «հարվարդ» → Հարվարդի համալսարան
• Տեսակ՝ «MIT» → Մասաչուսեթսի տեխնոլոգիական ինստիտուտ

Ժամկետները

400+ ժամային գոտու տարբերակներ՝

• Տիպ «խաղաղօվկիանոսյան» → Խաղաղօվկիանոսյան/Օքլենդ, Խաղաղօվկիանոսյան/Հոնոլուլու, ԱՄՆ/Խաղաղօվկիանոսյան
• Մուտքագրեք «նյու Յորք» → Ամերիկա/Նյու_Յորք

Որոնելի ցանկերի կարգավորում

Ահա, թե ինչպես ստեղծել որոնելի ցանկեր՝ օգտագործելով Ավտոմատ ձևաթղթերի կառուցող:

Քայլ 1. Տեղադրեք ավտոմատ ձևաթղթերի կառուցիչը

1. Գնալ Պլագիններ → Ավելացնել նորը
2. Փնտրել "AFB- ն«(Auto Form Builder-ի կրճատ անվանումը)»
3. Գտնել "AFB – Ավտոմատ ձևաթղթերի կառուցող – Քաշեք և գցեք ձևաթղթերի ստեղծող"
4. Սեղմել Տեղադրեք Now, Ապա ակտիվացնել

Քայլ 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-ը՝ տարբերակները կատեգորիաներով դասակարգելու համար։

• Հյուսիսային Ամերիկա
  • Կանադա
  • mexico
  • Միացյալ Նահանգներ
• Եվրոպա
  • Ֆրանսիան
  • Գերմանիա
  • Միացյալ թագավորություն

Նախապես կառուցված ընտրանքների ցանկեր

Մի՛ հորինեք անիվը նորից։ Ահա ձեզ անհրաժեշտ ընդհանուր ցանկերը՝

Երկրների

ՄԱԿ-ի 195 անդամ պետություններ գումարած տարածքներ։ Դիտարկեք ընդհանուր երկրները (ԱՄՆ, Մեծ Բրիտանիա, Կանադա, Ավստրալիա) վերևում դնելը, ապա այբբենական կարգով դասավորելը։

ԱՄՆ նահանգներ

50 նահանգ, գումարած Վաշինգտոնի շրջանը և տարածքները։ Այբբենական կարգով դասավորությունը լավ է աշխատում։

Կանադական նահանգներ

13 նահանգներ և տարածքներ։ Բավականին կարճ է, որ որոնումը պարտադիր չէ։

Ժամկետները

Օգտագործեք ժամային գոտու ստանդարտ նույնականացուցիչներ (Ամերիկա/Նյու Յորք, Եվրոպա/Լոնդոն): Խմբավորեք ըստ տարածաշրջանի:

Լեզուներ

ISO լեզուների կոդերը՝ ցուցադրման անուններով։ Առաջին տեղում դրեք տարածված լեզուները։

Industries

Ստանդարտ արդյունաբերական դասակարգման ցուցակներ (NAICS, SIC) կամ ձեր լսարանի համար նախատեսված անհատական ​​ցուցակներ։

Կատարման նկատառումներ

Շատ մեծ ցուցակներ (1000+ տարբերակ)

Չափազանց մեծ ցուցակների համար՝

• Բեռնել ընտրանքները ըստ պահանջի – Վերցրեք սերվերից՝ օգտագործողի մուտքագրումների դեպքում
• Սահմանեք նվազագույն նիշերը – Որոնելուց առաջ պահանջեք 2-3 նիշ
• Սահմանափակել ցուցադրված արդյունքները – Ցուցադրել լավագույն 20 համընկնումները, ոչ թե բոլոր 500-ը

Էջի բեռնման ազդեցությունը

Երկար ընտրանքների ցանկերը մեծացնում են էջի չափը: 500-ից ավելի ընտրանքների ցանկերի համար հաշվի առեք.

• Բեռնվում են տարբերակները AJAX-ի միջոցով
• Կասկադային ցանկերի մեջ ներխուժում
• Սերվերի կողմից որոնման օգտագործումը

Մատչելիությունը

Համոզվեք, որ որոնման համար նախատեսված ցանկերը հասանելի են.

Ստեղնաշարի նավարկություն

• Tab՝ դաշտը կենտրոնացնելու համար
• Տեսակը որոնելու համար
• Սլաքների ստեղներ՝ տարբերակները նավարկելու համար
• Մուտքագրեք՝ ընտրելու համար
• Փախուստ փակելու համար

Էկրանի ընթերցիչներ

• Ճիշտ ARIA պիտակներ
• Հայտարարեք արդյունքների քանակը
• Հայտարարել ընտրված տարբերակը

Տեսողական ցուցանիշներ

• Մաքրել ֆոկուսի վիճակները
• Ընդգծված ընթացիկ տարբերակը
• Բեռնման ցուցիչ որոնման ընթացքում

Հաճախակի տրվող հարցեր

Քանի՞ տարբերակ կա, նախքան որոնման կարիք ունենալը։

Միացրեք որոնումը 20+ տարբերակ ունեցող ցանկացած ցանկի համար: 50+ տարբերակի համար որոնումը կարևոր է: Որոշ օգտատերեր գնահատում են նույնիսկ 10-15 տարբերակի որոնումը:

Որոնումը պետք է համընկնի սկզբից, թե՞ որևէ տեղից։

«Ցանկացած տեղ» համընկնումն ավելի ներողամիտ է։ «Յորք» որոնելիս գտնում ենք «Նյու Յորք»։ Հայտնի տերմինների համար միայն սկզբի համընկնումն ավելի արագ է։

Կարո՞ղ են օգտատերերը դեռ թերթել բոլոր տարբերակները։

Այո, որոնելի ցանկերը սովորաբար սկզբում ցուցադրում են ամբողջական ցանկը։ Որոնումը ֆիլտրում է այն ներքև, բայց օգտատերերը դեռ կարող են գլորել, եթե ցանկանում են։

Ի՞նչ անել, եթե օգտատերերը սխալ են գրել իրենց որոնման հարցումը։

Հիմնական որոնումը չի կարգավորում տպագրական սխալները: Կարևոր դաշտերի համար (օրինակ՝ երկրի) համոզվեք, որ ներառված են տարածված ուղղագրական սխալները կամ օգտագործեք անորոշ համապատասխանեցում, եթե հնարավոր է:

Որոնվող ցանկերը աշխատո՞ւմ են բջջային հեռախոսում։

Այո, և դրանք հաճախ ավելի լավ են աշխատում բջջային սարքերում, քան ստանդարտ ցանկերը, քանի որ մուտքագրումն ավելի արագ է, քան երկար ցանկի մեջ գլորելը փոքր գլորման տարածքով։

Ամփոփում

Երկար ցանկերը դարձրեք օգտագործողին հարմար՝

1. Երկար ցուցակների նույնականացում – Ցանկացած ցանկ՝ 20+ տարբերակներով
2. Միացնել որոնումը – Թույլ տվեք օգտատերերին մուտքագրել՝ զտելու համար
3. Օգտագործեք հստակ տեղապահներ – «Մուտքագրեք որոնելու համար…»
4. Տրամաբանորեն դասավորեք – Սկզբում հանրաճանաչ ապրանքները, ապա այբբենական կարգով՝ ըստ ցանկի,
5. Փորձարկում բջջային հեռախոսով - Ապահովեք սահուն հպման փորձ
6. Մտածեք այլընտրանքներ – Կասկադային ցանկեր, խմբավորված տարբերակներ

Եզրափակում

Երկար ցանկերը նվազեցնում են ձևաթղթերի լրացման մակարդակը։ Որոնելի ցանկեր փոխակերպեք փորձը. օգտատերերը վայրկյանների ընթացքում կգտնեն իրենց տարբերակը՝ անվերջ թերթելու փոխարեն։

Անկախ նրանից՝ երկրներ են, նահանգներ, ապրանքներ, թե 20+ տարբերակներով ցանկացած ցանկ, որոնման ֆունկցիոնալության ավելացումը ձեր ձևերը դարձնում է ավելի արագ և օգտագործողին հարմար։

Ավտոմատ ձևաթղթերի կառուցող թույլ է տալիս ստեղծել որոնման հնարավորություններով ցանկի դաշտեր, որոնք կօգնեն օգտատերերին արագ գտնել իրենց անհրաժեշտը նույնիսկ ամենաերկար ցուցակներում։

Պատրա՞ստ եք բարելավել ձեր ձևերը։ Ներբեռնեք ավտոմատ ձևաթղթերի կառուցիչը և այսօր ձեր ցանկերը դարձրեք օգտագործողին հարմար։