Vyhledávatelné rozbalovací nabídky: Vytváření dlouhých seznamů pro uživatelskou přívětivost

Rozbalovací nabídka s 200 zeměmi. Seznam 50 států. Stovky možností produktů. Procházení dlouhých rozbalovacích seznamů je frustrující – a vede k opuštění formuláře.

Vyhledávatelné rozbalovací nabídky Vyřešte to tak, že uživatelům umožníte okamžitě filtrovat možnosti psaním. Místo posouvání napíší „can“ a nahoře uvidí Kanada.

V této příručce se dozvíte, kdy používat prohledávatelné rozbalovací nabídky a jak je nastavit ve formulářích WordPressu.

Problém s dlouhými rozbalovacími nabídkami

Standardní rozbalovací nabídky se s rostoucím počtem možností stávají nepoužitelnými:

Problémy s uživatelskou zkušeností

• Nekonečné rolování – Nalezení „Spojené státy“ v abecedním seznamu zemí znamená procházení více než 180 zemí
• Mobilní noční můra – Malé oblasti pro posouvání na dotykových obrazovkách
• Časově náročné – Uživatelé stráví hledáním jedné možnosti více než 10 sekund
• Náchylná k chybám – Snadno se omylem vybere špatná položka
• Frustrující – Opakuje se pro více rozbalovacích polí

Když se rozbalovací nabídky stanou problematickými

Jak fungují prohledávatelné rozbalovací nabídky

Vyhledávatelný rozbalovací seznam kombinuje textový vstup s rozbalovacím seznamem:

1. Uživatel klikne na rozbalovací pole
2. Zobrazí se vyhledávací pole (nebo se pole stane prohledávatelným)
3. Uživatel zadá několik znaků
4. Možnosti filtrování v reálném čase podle vstupu
5. Uživatel vybírá z filtrovaného krátkého seznamu

Příklad: Výběr země

Bez vyhledávání: Projděte si více než 200 zemí a najděte „Německo“

S vyhledáváním: Napište „ger“ → podívejte se na Německo, Alžírsko, Nigérie → klikněte na Německo

Ušetřený čas: 10+ sekund → 2 sekundy

Běžné případy použití prohledávatelných rozbalovacích nabídek

Výběr země

Klasický příklad. Ve více než 195 zemích je vyhledávání nezbytné:

• Napište „uni“ → Spojené státy, Velká Británie, Spojené arabské emiráty
• Zadejte „aus“ → Austrálie, Rakousko
• Napište „nový“ → Nový Zéland, Nová Kaledonie

Výběr státu/provincie

50 států USA, 13 kanadských provincií nebo regionů po celém světě:

• Napište „cal“ → Kalifornie
• Napište „nový“ → New York, New Jersey, New Hampshire, Nové Mexiko

Kategorie produktů

E-shopy se stovkami typů produktů:

• Napište „notebook“ → Notebooky, Příslušenství k notebookům, Tašky k notebookům
• Napište „telefon“ → Telefony, Pouzdra na telefony, Nabíječky na telefony

Pracovní pozice/odvětví

Kariérní formuláře s rozsáhlým seznamem pracovních pozic:

• Zadejte „inženýr“ → Softwarový inženýr, Stavební inženýr, Strojní inženýr
• Zadejte „trh“ → Marketingový manažer, Tržní analytik, Specialista na tržiště

Jazyky

Jazykové preference s více než 100 možnostmi:

• Napište „span“ → Španělština
• Typ „brada“ → Čínština (zjednodušená), Čínština (tradiční)

Univerzity/školy

Seznamy vzdělávacích institucí:

• Napište „harvard“ → Harvardská univerzita
• Typ „MIT“ → Massachusettský technologický institut

Časová pásma

Více než 400 možností časových pásem:

• Typ „pacifik“ → Pacifik/Auckland, Pacifik/Honolulu, USA/Pacifik
• Napište „new york“ → Amerika/New_York

Nastavení prohledávatelných rozbalovacích nabídek

Zde je návod, jak vytvořit prohledávatelné rozbalovací nabídky pomocí Automatický tvůrce formulářů:

Krok 1: Instalace nástroje Auto Form Builder

1. Přejít Pluginy → Přidat nový
2. Hledat "A.F.B.„(zkrácený název pro Auto Form Builder)“
3. Najít "AFB – Auto Form Builder – Tvůrce formulářů pomocí funkce Drag & Drop"
4. klikněte Instalovat nyní, pak Aktivovat

Krok 2: Přidání rozbalovacího pole

1. Vytvořte nebo upravte formulář
2. Přetáhněte Dropdown pole do formuláře
3. Kliknutím otevřete nastavení

Krok 3: Přidejte své možnosti

Zadejte seznam možností. V případě dlouhých seznamů můžete:

• Ruční psaní – Zadejte každou možnost jednu po druhé
• Hromadné přidání – Vložte seznam možností (jednu na řádek)

Krok 4: Povolte vyhledávání

V rozbalovací nabídce nastavení vyhledejte Prohledávatelný or Povolit vyhledávání možnost. Zapněte ji.

Rozbalovací nabídka bude nyní obsahovat vyhledávací/filtrační pole, které filtruje možnosti podle toho, jak uživatelé píší.

Krok 5: Konfigurace chování vyhledávání

V závislosti na vašem nástroji pro tvorbu formulářů můžete mít k dispozici možnosti jako:

• Minimální počet znaků – Spustit filtrování po zadání X znaků
• Hledat pozici – Shoda od začátku možnosti nebo odkudkoli
• Zástupný text – „Zadejte název pro vyhledávání…“ nebo „Hledat v zemích…“

Nejlepší postupy pro rozbalovací pole

1. Vždy povolte vyhledávání pro více než 20 možností

Pokud má váš rozbalovací seznam více než 20 možností, povolte vyhledávání. Je to tak jednoduché. Uživatelé vám poděkují.

2. Použijte text s jasným zástupným symbolem

Řekněte uživatelům, že mohou vyhledávat:

• „Vyberte zemi (zadejte text pro vyhledávání)“
• „Vyberte si svůj stát…“
• „Hledat nebo vybrat…“

3. Logické uspořádání možností

I při vyhledávání je důležité pořadí možností:

• Abecední – Nejlepší pro názvy (zemí, států)
• Nejčastější jako první – Umístěte oblíbené možnosti nahoru (USA, Spojené království, Kanada)
• Skupina – Kategorie s oddělovači

4. Zahrňte běžné varianty

Uživatelé mohou hledat:

• „USA“ nebo „Spojené státy“ nebo „USA“ nebo „Amerika“
• „UK“ nebo „Spojené království“ nebo „Británie“ nebo „Anglie“

Pokud je to možné, uveďte běžné zkratky nebo varianty, které odkazují na stejnou možnost.

5. Testování na mobilu

Vyhledávatelné rozbalovací nabídky by měly na dotykových zařízeních fungovat hladce:

• Vyhledávací pole je snadno klepnutelné
• Zobrazí se klávesnice pro psaní
• Možnosti jsou dostatečně velké pro přesné klepnutí

Kdy NEPOUŽÍVAT prohledávatelné rozbalovací nabídky

Vyhledávatelné rozbalovací nabídky nejsou vždy řešením:

Užší seznamy (méně než 10 možností)

Pro 5–10 možností je standardní rozbalovací nabídka rychlejší. Není třeba psát, když vidíte vše najednou.

Když uživatelé neznají přesný termín

Vyhledávání vyžaduje, aby uživatelé věděli, co mají psát. Pokud procházejí/zkoumají možnosti, může lépe fungovat seznam podle kategorií nebo přepínače.

Ano/Ne nebo binární volby

Použijte raději přepínače. Dvě možnosti vůbec nepotřebují rozbalovací nabídku.

Číselné rozsahy

Pro výběr věkových skupin nebo množství zvažte:

• Pole pro zadávání čísla
• Posuvník
• Krátký rozbalovací seznam (1–10)

Alternativy k prohledávatelným rozbalovacím nabídkám

V závislosti na vašich datech zvažte tyto alternativy:

Textové pole automatického dokončování

Uživatelé píší volně, návrhy se zobrazují níže. Vhodné, když uživatelé zadávají hodnoty, které nejsou ve vašem seznamu.

Kaskádové rozbalovací nabídky

Rozdělte jeden dlouhý seznam na dva kratší:

• První rozbalovací nabídka: Vyberte kontinent
• Druhý rozbalovací seznam: Vyberte zemi (filtrováno podle kontinentu)

Přepínače s možností „Jiné“

Zobrazit prvních 5–7 možností jako přepínače s možností „Jiné“, která zobrazí textové pole.

Seskupené/kategorizované možnosti

Použijte optgroups k uspořádání možností podle kategorií:

• Severní Amerika
  • Kanada
  • Mexiko
  • United States
• Evropa
  • Francie
  • Německo
  • Velká Británie

Předpřipravené seznamy možností

Nevynalézejte kolo znovu. Zde jsou běžné seznamy, které budete potřebovat:

zemí

195 členských států OSN a teritoria. Zvažte umístění běžných zemí (USA, Spojené království, Kanada, Austrálie) na začátek a poté seřazení abecedně.

USA

50 států plus DC a teritoria. Abecední seřazení funguje dobře.

Kanadské provincie

13 provincií a teritorií. Dostatečně krátké, takže vyhledávání je volitelné.

Časová pásma

Používejte standardní identifikátory časových pásem (Amerika/New_York, Evropa/Londýn). Seskupujte podle regionu.

Jazyky

Kódy jazyků ISO se zobrazovanými názvy. Běžné jazyky uveďte jako první.

Obory

Standardní seznamy klasifikace odvětví (NAICS, SIC) nebo vlastní seznamy pro vaše publikum.

Úvahy o výkonu

Velmi rozsáhlé seznamy (více než 1000 možností)

Pro extrémně rozsáhlé seznamy:

• Možnosti načítání na vyžádání – Načítání ze serveru podle zadání uživatelem
• Nastavit minimální počet znaků – Před vyhledáváním je nutné zadat 2–3 znaky
• Omezit zobrazené výsledky – Zobrazit 20 nejlepších zápasů, ne všech 500

Dopad načítání stránky

Dlouhé seznamy možností zvětšují velikost stránky. U seznamů s více než 500 možnostmi zvažte:

• Možnosti načítání přes AJAX
• Rozdělení do kaskádových rozbalovacích nabídek
• Používání vyhledávání na straně serveru

Přístupnost

Zajistěte přístup k rozbalovacím nabídkám s možností vyhledávání:

Klávesová navigace

• Stisknutím klávesy Tab zaostříte na pole
• Typ pro vyhledávání
• Šipky pro navigaci v možnostech
• Zadejte pro výběr
• Útěk pro zavření

Čtečky obrazovky

• Správné štítky ARIA
• Oznámit počet výsledků
• Oznámit vybranou možnost

Vizuální indikátory

• Jasné stavy zaměření
• Zvýrazněná aktuální možnost
• Indikátor načítání během vyhledávání

Často kladené dotazy

Kolik možností mám, než budu muset hledat?

Povolte vyhledávání pro libovolný rozbalovací seznam s více než 20 možnostmi. Pro více než 50 možností je vyhledávání nezbytné. Někteří uživatelé oceňují vyhledávání i pro 10–15 možností.

Mělo by se vyhledávání shodovat od začátku, nebo kdekoli?

Hledání „kdekoli“ je shovívavější. Vyhledáváním „york“ se najde „New York“. Hledání pouze na začátku je rychlejší u známých výrazů.

Mohou uživatelé stále procházet všechny možnosti?

Ano, prohledávatelné rozbalovací nabídky obvykle zobrazují celý seznam. Vyhledávání jej filtruje, ale uživatelé mohou i nadále posouvat, pokud chtějí.

Co když uživatelé zadají svůj vyhledávací dotaz špatně?

Základní vyhledávání nezpracovává překlepy. U důležitých polí (například země) se ujistěte, že jsou zahrnuty běžné pravopisné chyby, nebo použijte fuzzy shodu, pokud je k dispozici.

Fungují rozbalovací nabídky s možností vyhledávání na mobilních zařízeních?

Ano, a na mobilu jsou často lepší než standardní rozbalovací nabídky, protože psaní je rychlejší než procházení dlouhého seznamu s malou plochou pro posouvání.

Shrnutí

Vytvořte dlouhé rozbalovací seznamy tak, aby byly uživatelsky přívětivé:

1. Identifikujte dlouhé seznamy – Jakýkoli rozbalovací seznam s více než 20 možnostmi
2. Povolit vyhledávání – Umožnit uživatelům filtrovat text psaním
3. Používejte jasné zástupné symboly – „Zadejte text pro vyhledávání…“
4. Logické uspořádání – Nejprve oblíbené položky, poté abecedně
5. Otestujte na mobilu – Zajistěte plynulý dotek
6. Zvažte alternativy – Kaskádové rozbalovací nabídky, seskupené možnosti

Závěr

Dlouhé rozbalovací seznamy snižují míru vyplnění formulářů. Vyhledávatelné rozbalovací nabídky transformovat zážitek – uživatelé najdou svou možnost během několika sekund, místo aby museli nekonečně rolovat.

Ať už se jedná o země, státy, produkty nebo jakýkoli seznam s více než 20 možnostmi, přidání funkce vyhledávání urychlí a zpřístupní vaše formuláře uživatelsky přívětivějším uživatelům.

Automatický tvůrce formulářů umožňuje vytvářet rozbalovací pole s funkcí vyhledávání, což uživatelům pomáhá rychle najít to, co potřebují, i v těch nejdelších seznamech.

Jste připraveni vylepšit své formy? Stáhnout automatický nástroj pro tvorbu formulářů a ještě dnes si upravte rozbalovací seznamy tak, aby byly uživatelsky přívětivé.