Kaip sukurti išskleidžiamuosius meniu „WordPress“ formose

Išskleidžiamieji meniu yra formų darbo arkliukas. Šalies pasirinkimas, kategorijos pasirinkimas, pageidavimų reitingavimas – kai vartotojams reikia rinktis iš iš anksto nustatyto sąrašo, išskleidžiamieji meniu padeda. Jie taupo vietą, standartizuoja duomenis ir nukreipia vartotojus į tinkamas parinktis. Štai kaip sukurti efektyvius išskleidžiamuosius meniu savo „WordPress“ formose.

Kodėl naudoti išskleidžiamuosius meniu?

Privalumai, palyginti su teksto laukais

• Standartizuoti duomenys: Jokių rašybos klaidų ar variantų
• Vadovaujamas pasirinkimas: Vartotojai mato galimas parinktis
• Efektyvus erdvės naudojimas: Sutraukta, kol spustelėsite
• Tinka mobiliesiems: Gimtoji rinkiklio funkcija telefonuose
• Greitesnis užbaigimas: Paspaudimas ir tipas

Privalumai, palyginti su radijo mygtukais

• Geriau ilgiems sąrašams: 6+ variantai telpa mažoje erdvėje
• Švaresnė išvaizda: Mažiau vizualinės netvarkos
• Slenkama: Tvarkykite dešimtis variantų

Kada naudoti išskleidžiamuosius meniu

• 6+ variantai (mažiau = apsvarstykite radijo mygtukus)
• Iš anksto apibrėžtos, žinomos parinktys
• Reikia pasirinkti vieną
• Vieta ribota
• Duomenų standartizavimas svarbus

Paprasto išskleidžiamojo meniu kūrimas

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

1. Atidarykite savo formą A.F.B.
2. rasti Nuleidimas lauko tipuose
3. Nuvilkite į savo formą

2 veiksmas: etiketės konfigūravimas

Etiketė: „Kaip apie mus sužinojote?“ Užpildymo vieta: „Pasirinkite parinktį...“ Būtina: Taip/Ne

3 veiksmas: pridėkite parinktis

Kiekvieną parinktį įveskite naujoje eilutėje:

„Google“ paieška Socialinė žiniasklaida Draugas arba kolega Reklama Tinklaraštis arba straipsnis Kita

4 veiksmas: peržiūra ir testavimas

1. Išsaugoti formą
2. Peržiūra priekinėje dalyje
3. Spustelėkite išskleidžiamąjį meniu, kad patikrintumėte parinktis
4. Pateikti bandomąjį įrašą

Išskleidžiamojo meniu konfigūracijos parinktys

Pagrindiniai nustatymai

• Etiketė: Klausimas arba raginimas
• Vietos rezervavimo ženklas: Numatytasis tekstas (pvz., „Pasirinkti…“)
• Reikalinga: Reikia pasirinkti, kad pateiktumėte
• Pagalbos tekstas: Papildomos instrukcijos

Parinktys Nustatymai

• Parinkčių sąrašas: Galimi pasirinkimai
• Numatytasis pasirinkimas: Iš anksto pasirinkta parinktis
• Galima ieškoti: Įveskite, kad filtruotumėte
• Keli pasirinkimai: Pasirinkite kelis

Išskleidžiamųjų parinkčių pridėjimas

Paprastas sąrašas

1 variantas 2 variantas 3 variantas 4 variantas

Su reikšmėmis, kurios skiriasi nuo etikečių

Vieną daiktą rodyti, kitą laikyti:

Rodymas: „Jungtinės Valstijos“ Reikšmė: „JAV“ Rodymas: „Jungtinė Karalystė“ Reikšmė: „JK“

Grupuotos parinktys (Optgroups)

--- Šiaurės Amerika --- Jungtinės Valstijos Kanada Meksika --- Europa --- Jungtinė Karalystė Vokietija Prancūzija

Daugybė variantų

Ilgiems sąrašams apsvarstykite:

• Pagal abecėlę
• Pirmiausia dažniausiai pasitaikantys variantai
• Įgalinta paieška
• Loginiai grupavimai

Vietos rezervavimo tekstas

Kas yra vietos žymeklis?

Tekstas, rodomas prieš vartotojui pasirenkant parinktį:

[Pasirinkite parinktį... ▼] ← Vietos rezervavimo ženklas

Geri vietos žymėjimo pavyzdžiai

„Pasirinkite savo šalį...“ „Pasirinkite kategoriją...“ „Pasirinkite laiko intervalą...“ „-- Pasirinkite --“ „Pasirinkite vieną“

Geriausia vietos rezervavimo praktika

• Trumpai
• Aiškiai nurodykite, kad tai raginimas
• Nenaudoti kaip tinkamos parinkties
• Apsvarstykite formatą „– Pasirinkite –“

Ieškomi išskleidžiamieji meniu

Kas yra ieškoma?

Vartotojai gali įvesti filtravimo parinktis:

[Įveskite paieškos tekstą... ▼] Vartotojo tipas: „ger“ Rodo: Vokietiją, Alžyrą, Nigerį

Kada įjungti paiešką

• 20+ variantų
• Šalių / valstijų sąrašai
• Produktų katalogai
• Bet koks ilgas sąrašas

Įgalinamas paieškos režimas

1. Pasirinkite išskleidžiamąjį lauką
2. Raskite parinktį „Ieškoti“
3. Įjungti

Ieškoma naudotojo patirtis

1. Vartotojas spusteli išskleidžiamąjį meniu. 2. Atsiranda teksto įvestis. 3. Vartotojas įveda dalinį atitikimą. 4. Parinkčių filtras realiuoju laiku. 5. Vartotojas pasirenka iš filtruoto sąrašo.

Išskleidžiamieji meniu su keliais pasirinkimais

Vieno ir kelių pasirinkimų palyginimas

Vienas pasirinkimas: vartotojas pasirenka VIENĄ parinktį. Keli pasirinkimai: vartotojas pasirenka KELIS parinktis.

Kada naudoti kelių pasirinkimų funkciją

• „Pasirinkite visus tinkamus“
• Keli pomėgiai / pageidavimai
• Kelių kategorijų pasirinkimas
• Kai žymimieji langeliai užima per daug vietos

Įgalinti kelis pasirinkimus

1. Pasirinkite išskleidžiamąjį lauką
2. Raskite „Leisti kelis pasirinkimus“
3. Įjungti

Išvaizda su keliais pasirinkimais

[Žiniatinklio dizainas, SEO, rinkodara ▼] Pasirinkti elementai rodomi kaip žymės / lustai

Kelių elementų pasirinkimas su apribojimais

Derinti su min/max pasirinkimu:

„Pasirinkite 2–4 temas“ Min.: 2 Max.: 4

Konfigūracijos pavyzdžiai

1 pavyzdys: šalies pasirinkimas

Žymė: „Šalis“ Vietos rezervavimo ženklas: „Pasirinkite savo šalį...“ Paieška: Taip Privaloma: Taip Parinktys: [195+ šalys abėcėlės tvarka]

2 pavyzdys: Užklausos tipas

Žymė: „Apie ką jūsų užklausa?“ Užrašinė: „Pasirinkite kategoriją...“ Privaloma: Taip Parinktys: - Pardavimai - Pagalba - Sąskaitų išrašymas - Partnerystė - Spauda / Žiniasklaida - Kita

3 pavyzdys: Biudžeto diapazonas

Etiketė: „Koks jūsų biudžetas?“ Užsakyta vieta: „Pasirinkite diapazoną...“ Būtina: Ne Parinktys: – Mažiau nei 1 000 USD – 1 000 USD – 5 000 USD – 5 000 USD – 10 000 USD – 10 000 USD – 25 000 USD – 25 000 USD ir daugiau – Dar nesu tikras

4 pavyzdys: Laiko tarpsnis

Žymė: „Pageidaujamas susitikimo laikas“ Vietos rezervavimo ženklas: „Pasirinkite laiką...“ Būtina: Taip Parinktys: – 9:00–10:00–11:00–1:00–2:00–3:00–4:00

5 pavyzdys: Kelių pomėgių pasirinkimas

Žymė: „Dominančios temos“ Vietos rezervavimo ženklas: „Pasirinkite temas...“ Keli pasirinkimai: Taip Paieška: Taip Parinktys: - Technologijos - Verslas - Rinkodara - Dizainas - Kūrimas - Analitika - Saugumas - Dirbtinis intelektas / mašininis mokymasis

6 pavyzdys: Grupuotos paslaugos

Etiketė: „Kokios paslaugos jums reikia?“ Parinktys: --- Žiniatinklio paslaugos --- - Svetainių dizainas - Svetainių kūrimas - El. prekyba --- Rinkodara --- - SEO - PPC - Socialinė žiniasklaida --- Palaikymas --- - Priežiūra - Hostingas - Konsultavimas

Numatytasis pasirinkimas

Nėra numatytosios reikšmės (rekomenduojama)

[Pasirinkite parinktį... ▼]

Vartotojas turi pats pasirinkti. Geriausias, jei laukai yra privalomi.

Iš anksto pasirinktas numatytasis

[Jungtinės Valstijos ▼] ← Iš anksto atrinkta

Naudokite, kai:

• Vienas variantas yra labai dažnas
• Pagreitina formų pildymą
• Loginis numatytasis nustatymas yra

Numatytasis nustatymas

1. Parinkčių sąraše pažymėkite numatytąją parinktį
2. Arba nustatymuose nustatykite „Numatytąją reikšmę“.

Išskleidžiamasis meniu ir radijo mygtukai

Naudoti išskleidžiamąjį meniu, kai

• 6+ variantų
• Ilgas sąrašas (šalys, valstijos)
• Vieta ribota
• Pasirinkimo galimybės yra panašios

Naudoti radijo mygtukus, kai

• 2–5 parinktys
• Visos parinktys turėtų būti matomos
• Parinktys turi aprašymus
• Vizualinis palyginimas svarbus

Lyginimas vienas šalia kito

IŠKELIAMASIS MENIU (6+ parinktys, paslėptos, kol spustelėsite): [Pasirinkite planą... ▼] RADIJO MYGTUKAI (2–5 parinktys, visos matomos): ○ Nemokamas ○ Pagrindinis (9 USD/mėn.) ○ Profesionalus (29 USD/mėn.) ○ Įmonės versija (Susisiekite su mumis)

Stiliaus išskleidžiamieji meniu

Numatytoji išvaizda

Išskleidžiamieji meniu paveldi formos stilių:

• Kraštinės spalva / spindulys
• Fono spalva
• Šriftų šeima / dydis
• kamšalas

Individualaus stiliaus parinktys

• Išskleidžiamojo meniu rodyklės piktograma
• Pasirinkto elemento išvaizda
• Parinkties užvedimo būsenos
• Kelių žymų pasirinkimo stilius

Mobilusis stilius

Vietiniai mobiliųjų įrenginių išskleidžiamieji meniu:

• iOS: ratuko rinkiklis
• „Android“: medžiagų rinkiklis
• Suderinama su OS

Geriausia praktika

1. Užsakymo parinktys logiškai

• Abėcėlės tvarka: Šalys, pavadinimai
• Skaitmeninis: Kiekiai, intervalai
• Dažnis: Dažniausiai pirmiausia
• Chronologinis: Laiko intervalai, datos

2. Glaustai aprašykite parinktis

Gerai: „Jungtinės Valstijos“ Venkite: „Jungtinės Amerikos Valstijos (JAV)“ Gerai: „1 000–5 000 USD“ Venkite: „Nuo tūkstančio iki penkių tūkstančių dolerių“

3. Įtraukite „Kita“, kai tinka

Parinktys: - „Google“ - „Facebook“ - „LinkedIn“ - Draugo rekomendacija - Kita ← Aptinka kraštutinius atvejus

4. Naudokite vietos žymeklį, o ne pirmąją parinktį

Gerai: Vietos rezervavimo ženklas: „Pasirinkti...“ Parinktys: 1 parinktis, 2 parinktis, 3 parinktis Venkite: Parinktys: „Pasirinkti...“, 1 parinktis, 2 parinktis (pirmoji parinktis neturėtų būti raginimas)

5. Įgalinkite ilgųjų sąrašų paiešką

Bet kuris išskleidžiamasis meniu su 15–20 ir daugiau variantų turėtų būti ieškomas.

6. Apsvarstykite našumo pakrovimą

Labai ilgiems sąrašams (daugiau nei 1000) gali prireikti:

• Lazy apkrovimas
• Serverio pusės paieška
• Suskirstymas į subkategorijas

Dažni išskleidžiamojo meniu naudojimo atvejai

Kontaktai formos

- Skyrius (pardavimų, pagalbos, sąskaitų išrašymo) - Užklausos tipas (klausimas, atsiliepimas, skundas) - Kaip apie mus sužinojote

Registracijos formos

- Šalis - Valstija / Provincija - Pramonės šaka - Įmonės dydis - Pareigos / vaidmuo

Užsakymo formos

- Produkto pasirinkimas - Kiekis - Dydžio / spalvos variantai - Pristatymo būdas

Apklausos formos

- Vertinimo skalės (1–10) - Dažnis (Niekada iki Visada) - Sutikimas (Visiškai nesutinku iki Visiškai sutinku)

Užsakymo formos

- Paslaugos tipas - Pageidaujama data - Laiko intervalas - Trukmė

Problemų

Išskleidžiamasis meniu nerodo parinkčių

• Patikrinkite, ar parinktys išsaugotos
• Patikrinkite, ar parinkčių sąrašas yra tuščias
• Išvalyti talpyklą ir atnaujinti

Paieška neveikia

• Patvirtinkite, kad paieška įjungta
• Patikrinkite „JavaScript“ klaidas
• Testavimas kitoje naršyklėje

Kelių pasirinkimų funkcija neišsaugo visų pasirinkimų

• Patikrinkite, ar įjungtas kelių pasirinkimų langas
• Patikrinkite formos pateikimo tvarkymą
• Testas su mažiau pasirinkimų

Mobiliojo telefono rinkiklis nerodomas

• Pasirinktinis stilius gali pakeisti gimtąją versiją
• Testavimas tikrame mobiliajame įrenginyje
• Patikrinkite, ar nėra JavaScript konfliktų

prieinamumas

Klaviatūros naršymas

• Tab, kad suaktyvintumėte išskleidžiamąjį meniu
• Rodyklių klavišai naršymui
• „Enter“ / tarpo klavišas, kad pasirinktumėte
• Įveskite pirmąją raidę, kad peršoktumėte

Ekrano skaitytuvai

• Etiketė tinkamai susieta
• Paskelbtos opcionų galimybės
• Pasirinkimas patvirtintas

Geriausia praktika

• Aiškios, aprašomosios etiketės
• Loginė parinkčių tvarka
• Venkite vietos rezervavimo ženklo kaip vienintelės instrukcijos

Santrauka

Išskleidžiamųjų meniu kūrimas:

1. Pridėti išskleidžiamąjį lauką – Vilkite, kad susidarytų
2. Nustatyti etiketę – Aiškus klausimas / raginimas
3. Pridėti vietos rezervavimo ženklą – Tekstas „Pasirinkti…“
4. Įveskite parinktis – Po vieną eilutėje
5. Įgalinti paiešką – Ilgiems sąrašams
6. Įgalinti kelių pasirinkimų funkciją – Jei reikia kelių pasirinkimų
7. Būtina nustatyti – Atsižvelgiant į formos poreikius
8. Kruopščiai išbandykite – Visos parinktys, visi įrenginiai

Išvada

Išskleidžiamieji meniu efektyviai tvarko parinkčių pasirinkimą formose. Jie taupo vietą, standartizuoja duomenis ir gerai veikia skirtinguose įrenginiuose. Trumpiems sąrašams apsvarstykite galimybę naudoti radijo mygtukus. Ilgiems sąrašams įjunkite paiešką. Keliems pasirinkimams naudokite kelių pasirinkimų režimą. Tinkama konfigūracija paverčia išskleidžiamuosius meniu galingais įvesties laukais, kurie pagerina tiek naudotojo patirtį, tiek duomenų kokybę.

Automatinis formų kūrimo įrankis apima pilnai funkcionalius išskleidžiamuosius laukus su paieškos režimu, kelių pasirinkimų parinktimi ir pritaikomu stiliumi. Sukurkite profesionalius pasirinkimų meniu per kelias minutes.

Pasiruošę pridėti išskleidžiamuosius meniu? Atsisiųskite automatinį formų kūrimo įrankį ir pradėkite kurti formas su išskleidžiamaisiais meniu jau šiandien.