Ieškomi išskleidžiamieji meniu: kaip padaryti ilgus sąrašus patogius vartotojui

Išskleidžiamasis meniu su 200 šalių. 50 valstijų sąrašas. Šimtai produktų parinkčių. Slinkti per ilgus išskleidžiamuosius sąrašus yra varginantis procesas, dėl kurio forma paliekama neužpildyta.

Ieškomi išskleidžiamieji meniu Išspręskite šią problemą leisdami vartotojams akimirksniu įvesti tekstą ir pamatyti filtro parinktis. Užuot slinkę, jie įveda „gali“ ir viršuje mato Kanadą.

Šiame vadove sužinosite, kada naudoti ieškomus išskleidžiamuosius meniu ir kaip juos nustatyti „WordPress“ formose.

Ilgų išskleidžiamųjų meniu problema

Standartiniai išskleidžiamieji meniu tampa nebenaudojami, kai padidėja parinkčių skaičius:

Vartotojo patirties problemos

• Begalinis slinkimas – Rasti „Jungtines Valstijas“ abėcėliniame šalių sąraše reiškia slinkti per daugiau nei 180 šalių
• Mobilusis košmaras – Maži slinkties ploteliai jutikliniuose ekranuose
• Laiko reikalaujantis – Vartotojai praleidžia daugiau nei 10 sekundžių ieškodami vienos parinkties
• Yra klaidų – Lengva netyčia pasirinkti netinkamą daiktą
• Apmaudu – Pakartojamas keliems išskleidžiamiesiems laukams

Kai išskleidžiamieji meniu tampa problemiški

Kaip veikia ieškomi išskleidžiamieji meniu

Išskleidžiamajame sąraše, kuriame galima ieškoti, sujungiama teksto įvestis su išskleidžiamuoju sąrašu:

1. Vartotojas spusteli išskleidžiamąjį lauką
2. Atsiranda paieškos laukelis (arba pats laukas tampa ieškomas)
3. Vartotojas įveda kelis simbolius
4. Parinktys filtruojamos realiuoju laiku, kad atitiktų įvestį
5. Vartotojas pasirenka iš filtruoto trumpojo sąrašo

Pavyzdys: šalies pasirinkimas

Be paieškos: Peržiūrėkite daugiau nei 200 šalių, kad rastumėte „Vokietija“

Su paieška: Įveskite „ger“ → žr. Vokietiją, Alžyrą, Nigeriją → spustelėkite Vokietiją

Sutaupytas laikas: 10+ sekundžių → 2 sekundės

Dažniausiai naudojami ieškomų išskleidžiamųjų meniu naudojimo atvejai

Šalies pasirinkimas

Klasikinis pavyzdys. Esant daugiau nei 195 šalims, paieška yra būtina:

• Įveskite „uni“ → Jungtinės Amerikos Valstijos, Jungtinė Karalystė, Jungtiniai Arabų Emyratai
• Įveskite „aus“ → Australija, Austrija
• Įveskite „new“ → Naujoji Zelandija, Naujoji Kaledonija

Valstijos / provincijos pasirinkimas

50 JAV valstijų, 13 Kanados provincijų arba regionų visame pasaulyje:

• Įveskite „cal“ → Kalifornija
• Įveskite „new“ → Niujorkas, Naujasis Džersis, Naujasis Hampšyras, Naujoji Meksika

Produktų kategorijos

El. prekybos svetainės su šimtais produktų tipų:

• Įveskite „nešiojamasis kompiuteris“ → Nešiojamieji kompiuteriai, Nešiojamųjų kompiuterių priedai, Nešiojamųjų kompiuterių krepšiai
• Įveskite „telefonas“ → Telefonai, telefonų dėklai, telefonų įkrovikliai

Pareigybės / pramonės šakos

Karjeros formos su plačiais darbo skelbimų sąrašais:

• Įveskite „inžinierius“ → Programinės įrangos inžinierius, Statybos inžinierius, Mechanikos inžinierius
• Įveskite „market“ → Rinkodaros vadovas, Rinkos analitikas, Rinkos specialistas

kalbos

Kalbos pasirinkimas su daugiau nei 100 variantų:

• Įveskite „span“ → ispanų k.
• Įveskite „smakras“ → kinų (supaprastinta), kinų (tradicinė)

Universitetai/Mokyklos

Švietimo įstaigų sąrašai:

• Įveskite „harvard“ → Harvardo universitetas
• Įveskite „MIT“ → Masačusetso technologijos institutas

Laiko juostos

Daugiau nei 400 laiko juostų parinkčių:

• Įveskite „pacific“ → Ramusis vandenynas / Oklandas, Ramusis vandenynas / Honolulu, JAV / Ramusis vandenynas
• Įveskite „niujorkas“ → Amerika/Niujorkas

Ieškomų išskleidžiamųjų meniu nustatymas

Štai kaip sukurti ieškomus išskleidžiamuosius meniu naudojant Automatinis formų kūrimo įrankis:

1 veiksmas: įdiekite automatinę formų kūrimo priemonę

1. Eiti į Įskiepiai → Pridėti naują
2. Ieškoti "A.F.B.„“ (trumpinys, reiškiantis „Auto Form Builder“)
3. Rasti "AFB – automatinių formų kūrimo priemonė – formų kūrimo priemonė su vilkimo ir numetimo funkcija"
4. Spauskite Diegti dabar, Tada aktyvinti

2 veiksmas: pridėkite išskleidžiamąjį lauką

1. Sukurkite arba redaguokite savo formą
2. Vilkite Nuleidimas laukas jūsų formoje
3. Spustelėkite, kad atidarytumėte nustatymus

3 veiksmas: pridėkite savo parinktis

Įveskite parinkčių sąrašą. Ilgiems sąrašams galite:

• Įveskite rankiniu būdu – Įveskite kiekvieną variantą po vieną
• Masinis pridėjimas – Įklijuokite parinkčių sąrašą (po vieną eilutėje)

4 veiksmas: įjunkite paiešką

Išskleidžiamajame nustatymų meniu ieškokite Galima ieškoti or Įjungti paiešką parinktį. Įjunkite ją.

Išskleidžiamajame meniu dabar bus paieškos / filtro laukelis, kuris filtruos parinktis vartotojams rašant.

5 veiksmas: paieškos elgsenos konfigūravimas

Priklausomai nuo jūsų formų kūrimo įrankio, galite turėti tokias parinktis kaip:

• Minimalus simbolių skaičius – Pradėti filtravimą įvedus X simbolių
• Paieškos pozicija – Raskite atitikmenis nuo pasirinkimo pradžios arba bet kurios kitos vietos
• Vietos rezervavimo tekstas – „Rašykite, jei norite ieškoti…“ arba „Ieškoti šalių…“

Išskleidžiamojo lauko geriausios praktikos

1. Visada įjunkite paiešką, jei norite pamatyti daugiau nei 20 parinkčių

Jei jūsų išskleidžiamajame meniu yra daugiau nei 20 variantų, įjunkite paiešką. Tai taip paprasta. Vartotojai jums padėkos.

2. Naudokite aiškų vietos rezervavimo tekstą

Pasakykite vartotojams, kad jie gali ieškoti:

• „Pasirinkite šalį (įveskite paieškos tekstą)“
• „Pasirinkite savo valstiją…“
• „Ieškoti arba pasirinkti…“

3. Užsakymo parinktys logiškai

Net ir naudojant paiešką, parinkčių tvarka svarbi:

• Pagal abėcėlę – Geriausiai tinka vardams (šalims, valstijoms)
• Dažniausiai pirmiausia – Populiarias parinktis rodyti viršuje (JAV, JK, Kanada)
• Grupuojami – Kategorijos su separatoriais

4. Įtraukite įprastus variantus

Vartotojai gali ieškoti:

• „JAV“ arba „Jungtinės Valstijos“ arba „JAV“ arba „Amerika“
• „JK“ arba „Jungtinė Karalystė“ arba „Didžioji Britanija“ arba „Anglija“

Jei įmanoma, įtraukite įprastas santrumpas arba jų variantus, kurie atitinka tą pačią parinktį.

5. Testavimas mobiliajame telefone

Išskleidžiamieji meniu su paieškos funkcija turėtų sklandžiai veikti jutikliniuose įrenginiuose:

• Paieškos įvestis lengvai paliečiama
• Klaviatūra rodoma rašymui
• Parinktys yra pakankamai didelės, kad būtų galima tiksliai bakstelėti

Kada NEREIKIA naudoti ieškomų išskleidžiamųjų meniu

Išskleidžiamieji meniu, kuriuose galima ieškoti, ne visada yra atsakymas:

Trumpieji sąrašai (iki 10 variantų)

Jei yra 5–10 variantų, standartinis išskleidžiamasis meniu yra greitesnis. Nereikia rašyti, kai viską galite matyti iš karto.

Kai vartotojai nežino tikslaus termino

Paieškai reikia, kad vartotojai žinotų, ką įvesti. Jei jie naršo / tyrinėja parinktis, geriau gali veikti suskirstytas sąrašas arba radijo mygtukai.

Taip/Ne arba dvejetainiai pasirinkimai

Vietoj to naudokite radijo mygtukus. Dviem parinktims išskleidžiamojo meniu visai nereikia.

Skaitiniai diapazonai

Pasirinkdami amžiaus grupes arba kiekį, atsižvelkite į:

• Skaičių įvesties laukas
• Slankiklį
• Trumpas išskleidžiamasis meniu (1–10)

Ieškomų išskleidžiamųjų meniu alternatyvos

Priklausomai nuo jūsų duomenų, apsvarstykite šias alternatyvas:

Automatinio užpildymo teksto laukas

Vartotojas laisvai įveda duomenis, pasiūlymai rodomi žemiau. Gerai, kai vartotojai gali įvesti reikšmes, kurių nėra jūsų sąraše.

Kaskadiniai išskleidžiamieji meniu

Padalinkite vieną ilgą sąrašą į du trumpesnius:

• Pirmas išskleidžiamasis meniu: Pasirinkite žemyną
• Antras išskleidžiamasis meniu: Pasirinkite šalį (filtruojama pagal žemyną)

Radijo mygtukai su „Kita“

Rodyti 5–7 populiariausius variantus kaip radijo mygtukus su parinktimi „Kita“, kuri atskleidžia teksto lauką.

Grupuotos / kategorizuotos parinktys

Norėdami suskirstyti parinktis pagal kategorijas, naudokite „optgroups“:

• Šiaurės Amerika
  • Kanada
  • Meksika
  • JAV
• Europa
  • Prancūzija
  • Vokietija
  • Didžioji Britanija

Iš anksto paruoštų parinkčių sąrašai

Neišradinėkite dviračio iš naujo. Štai dažniausiai pasitaikantys sąrašai, kurių jums reikės:

Šalys

195 JT valstybės narės ir teritorijos. Apsvarstykite galimybę sąraše išvardyti dažniausiai pasitaikančias šalis (JAV, JK, Kanada, Australija) viršuje, o tada abėcėlės tvarka.

JAV valstijos

50 valstijų plius Vašingtonas ir teritorijos. Abėcėlės tvarka veikia gerai.

Kanados provincijos

13 provincijų ir teritorijų. Pakankamai trumpas, kad paieška būtų neprivaloma.

Laiko juostos

Naudokite standartinius laiko juostų identifikatorius (Amerika/Niujorkas, Europa/Londonas). Grupuokite pagal regioną.

kalbos

ISO kalbų kodai su rodomaisiais pavadinimais. Dažniausiai vartojamas kalbas pateikite pirmiausia.

Pramonės šakos

Standartiniai pramonės klasifikacijos sąrašai (NAICS, SIC) arba tinkinti sąrašai jūsų auditorijai.

Veiklos svarstymai

Labai dideli sąrašai (daugiau nei 1000 variantų)

Ypač dideliems sąrašams:

• Įkėlimo parinktys pagal poreikį – Gauti iš serverio kaip vartotojo tipus
• Nustatyti minimalų simbolių skaičių – Prieš ieškant reikia 2–3 simbolių
• Rodomų rezultatų ribojimas – Rodyti 20 geriausių rungtynių, o ne visas 500

Puslapio įkėlimo poveikis

Ilgi parinkčių sąrašai padidina puslapio dydį. Jei sąraše yra daugiau nei 500 parinkčių, apsvarstykite:

• Įkėlimo parinktys per AJAX
• Įtraukimas į kaskadinius išskleidžiamuosius meniu
• Naudojant serverio pusės paiešką

prieinamumas

Užtikrinkite, kad ieškomi išskleidžiamieji meniu būtų prieinami:

Klaviatūros naršymas

• Tab klavišu, kad sufokusuotumėte lauką
• Jei norite ieškoti, įveskite
• Rodyklių klavišai parinktims naršyti
• Įveskite norėdami pasirinkti
• Pabėgimas, kad uždarytumėte

Ekrano skaitytuvai

• Tinkamos ARIA etiketės
• Paskelbti rezultatų skaičių
• Paskelbti pasirinktą parinktį

Vaizdiniai rodikliai

• Aiškios fokusavimo būsenos
• Paryškinta dabartinė parinktis
• Įkėlimo indikatorius paieškos metu

Dažnai užduodami klausimai

Kiek variantų bus, kol reikės ieškoti?

Įgalinkite paiešką bet kuriame išskleidžiamajame meniu su daugiau nei 20 parinkčių. Jei yra daugiau nei 50 parinkčių, paieška yra būtina. Kai kurie vartotojai vertina paiešką net su 10–15 parinkčių.

Ar paieška turėtų atitikti nuo pat pradžių ar bet kur kitur?

Atitikimas pagal „bet kur“ yra atlaidesnis. Ieškant „jorkas“ randamas „Niujorkas“. Tik pradinis atitikimas yra greitesnis, jei ieškote žinomų terminų.

Ar vartotojai vis dar gali peržiūrėti visas parinktis?

Taip, išskleidžiamuosiuose meniu, kuriuose galima ieškoti, paprastai iš pradžių rodomas visas sąrašas. Paieška jį filtruoja, bet vartotojai vis tiek gali slinkti, jei pageidauja.

O kas, jei vartotojai neteisingai parašo paieškos užklausą?

Pagrindinė paieška neapdoroja rašybos klaidų. Svarbiuose laukuose (pvz., šalyje) įsitikinkite, kad yra dažniausiai pasitaikančios rašybos klaidos, arba, jei įmanoma, naudokite neapibrėžtą atitikimą.

Ar ieškomi išskleidžiamieji meniu veikia mobiliuosiuose įrenginiuose?

Taip, ir jie dažnai geriau veikia mobiliuosiuose įrenginiuose nei standartiniai išskleidžiamieji meniu, nes spausdinti greičiau nei slinkti per ilgą sąrašą su maža slinkties sritimi.

Santrauka

Padarykite ilgus išskleidžiamuosius sąrašus patogius vartotojui:

1. Atpažinkite ilgus sąrašus – Bet kuris išskleidžiamasis meniu su daugiau nei 20 variantų
2. Įgalinti paiešką – Leisti vartotojams įvesti filtrą
3. Naudokite aiškius vietos žymeklius – „Įveskite, kad ieškotumėte…“
4. Logiška tvarka – Pirmiausia populiarūs elementai, tada abėcėlės tvarka
5. Testavimas mobiliajame telefone – Užtikrinkite sklandų lietimą
6. Apsvarstykite alternatyvas – Kaskadiniai išskleidžiamieji meniu, sugrupuotos parinktys

Išvada

Ilgi išskleidžiamieji sąrašai sumažina formų užpildymo rodiklius. Ieškomi išskleidžiamieji meniu pakeiskite patirtį – vartotojai randa savo pasirinkimą per kelias sekundes, užuot be galo slinkę.

Nesvarbu, ar tai šalys, valstijos, produktai, ar bet koks sąrašas su daugiau nei 20 variantų, pridėjus paieškos funkciją, jūsų formos taps greitesnės ir patogesnės naudoti.

Automatinis formų kūrimo įrankis leidžia kurti išskleidžiamuosius laukus su paieškos funkcija, padedant vartotojams greitai rasti tai, ko jiems reikia, net ir ilgiausiuose sąrašuose.

Pasiruošę patobulinti savo formas? Atsisiųskite automatinį formų kūrimo įrankį ir šiandien patobulinkite išskleidžiamuosius sąrašus.