Aranabilir Açılır Menüler: Uzun Listeleri Kullanıcı Dostu Hale Getirmek

200 ülke içeren bir açılır menü. 50 eyaletin listesi. Yüzlerce ürün seçeneği. Uzun açılır listelerde gezinmek sinir bozucu ve formun terk edilmesine neden oluyor.

Aranabilir açılır menüler Bu sorunu, kullanıcıların seçenekleri anında filtrelemek için yazmalarına izin vererek çözebiliriz. Kaydırma yapmak yerine, "can" yazıp en üstte Kanada'yı görebilirler.

Bu kılavuzda, arama yapılabilir açılır menülerin ne zaman kullanılacağını ve WordPress formlarınızda nasıl kurulacağını öğreneceksiniz.

Uzun açılır menülerle ilgili sorun

Seçenek sayısı arttıkça standart açılır menüler kullanılamaz hale gelir:

Kullanıcı Deneyimi Sorunları

• Sonsuz kaydırma – Alfabetik ülke listesinde “Amerika Birleşik Devletleri”ni bulmak, 180'den fazla ülkenin listesini geçmek anlamına geliyor.
• Mobil kabus – Dokunmatik ekranlardaki küçük kaydırma alanları
• Zaman tükeniyor – Kullanıcılar bir seçeneği bulmak için 10 saniyeden fazla zaman harcıyor.
• hataya açık – Yanlış ürünü yanlışlıkla seçmek kolaydır.
• Sinir bozucu – Birden fazla açılır menü alanı için tekrarlanır.

Açılır Menüler Sorunlu Hale Geldiğinde

Arama Özellikli Açılır Menüler Nasıl Çalışır?

Arama yapılabilir açılır menü, metin giriş alanını açılır liste ile birleştirir:

1. Kullanıcı açılır menü alanına tıklar.
2. Bir arama kutusu belirir (veya alanın kendisi aranabilir hale gelir).
3. Kullanıcı birkaç karakter yazıyor.
4. Seçenekler, girişe uyacak şekilde gerçek zamanlı olarak filtrelenir.
5. Kullanıcı filtrelenmiş kısa listeden seçim yapar.

Örnek: Ülke Seçimi

Arama yapmadan: 200'den fazla ülke arasından "Almanya"yı bulmak için sayfayı aşağı kaydırın.

Arama ile: “ger” yazın → Almanya, Cezayir, Nijerya'yı görün → Almanya'ya tıklayın

Zaman tasarrufu: 10 saniyeden fazla → 2 saniye

Arama Özellikli Açılır Menülerin Yaygın Kullanım Alanları

Ülke Seçimi

Klasik örnek. 195'ten fazla ülkeyle, arama olmazsa olmazdır:

• “uni” yazın → Amerika Birleşik Devletleri, Birleşik Krallık, Birleşik Arap Emirlikleri
• “aus” yazın → Avustralya, Avusturya
• “Yeni” yazın → Yeni Zelanda, Yeni Kaledonya

Eyalet/İl Seçimi

Amerika Birleşik Devletleri'ndeki 50 eyalet, Kanada'daki 13 eyalet veya dünya genelindeki bölgeler:

• “cal” yazın → Kaliforniya
• “Yeni” yazın → New York, New Jersey, New Hampshire, New Mexico

ürün kategorileri

Yüzlerce ürün çeşidi sunan e-ticaret siteleri:

• "Dizüstü bilgisayar" yazın → Dizüstü Bilgisayarlar, Dizüstü Bilgisayar Aksesuarları, Dizüstü Bilgisayar Çantaları
• "Telefon" yazın → Telefonlar, Telefon Kılıfları, Telefon Şarj Cihazları

İş Unvanları/Sektörler

Kapsamlı iş listeleri içeren kariyer formları:

• "Mühendis" yazın → Yazılım Mühendisi, İnşaat Mühendisi, Makine Mühendisi
• Arama sorgusu: “Pazar” → Pazarlama Müdürü, Pazar Analisti, Pazar Yeri Uzmanı

Diller

100'den fazla seçenekle dil tercihi:

• “span” yazın → İspanyolca
• “Çin” yazın → Basitleştirilmiş Çince, Geleneksel Çince

Üniversiteler/Okullar

Eğitim kurumları listesi:

• “Harvard” yazın → Harvard Üniversitesi
• “MIT” yazın → Massachusetts Teknoloji Enstitüsü

Zaman dilimleri

400'den fazla saat dilimi seçeneği:

• “Pacific” yazın → Pacific/Auckland, Pacific/Honolulu, US/Pacific
• “New York” yazın → Amerika/New_York

Arama Özellikli Açılır Menülerin Kurulumu

İşte arama yapılabilir açılır menüler oluşturmanın yolu. Otomatik Form Oluşturucu:

Adım 1: Otomatik Form Oluşturucu'yu Kurun

1. MyCAD'de yazılım Güncelleme ye git Eklentiler → Yeni Ekle
2. Aramak "A.F.B.(Otomatik Form Oluşturucu'nun kısaltılmış adı)
3. Bul "AFB – Otomatik Form Oluşturucu – Sürükle ve Bırak Form Oluşturucu"
4. Tıkla Şimdi Yükle, Daha sonra etkinleştirmek

Adım 2: Açılır Menü Alanı Ekleyin

1. Formunuzu oluşturun veya düzenleyin.
2. Sürükleyin Yıkılmak alanı formunuza ekleyin
3. Ayarları açmak için tıklayın

Adım 3: Seçeneklerinizi Ekleyin

Seçenek listenizi girin. Uzun listeler için şunları yapabilirsiniz:

• manuel olarak yazın – Her seçeneği tek tek girin.
• Toplu ekleme – Seçeneklerin listesini yapıştırın (her satıra bir seçenek).

Adım 4: Aramayı Etkinleştirin

Açılır menü ayarlarında, şunu arayın: Aranabilir or Aramayı Etkinleştir Seçenek. Açık konuma getirin.

Açılır menüye artık kullanıcılar yazarken seçenekleri filtreleyen bir arama/filtre kutusu eklenecektir.

Adım 5: Arama Davranışını Yapılandırın

Kullandığınız form oluşturma aracına bağlı olarak, aşağıdaki gibi seçenekleriniz olabilir:

• Minimum karakterler – X karakter yazıldıktan sonra filtrelemeye başla
• Arama pozisyonu – Seçeneğin başlangıcından veya herhangi bir yerden eşleştirme yapın
• Yer tutucu metin – “Arama yapmak için yazın…” veya “Ülkeleri ara…”

Açılır Menü Alanı İçin En İyi Uygulamalar

1. Her zaman 20'den fazla seçenek için aramayı etkinleştirin.

Açılır menünüzde 20'den fazla seçenek varsa, aramayı etkinleştirin. Bu kadar basit. Kullanıcılar size teşekkür edecek.

2. Açık Yer Tutucu Metin Kullanın

Kullanıcılara arama yapabileceklerini söyleyin:

• “Bir ülke seçin (arama yapmak için yazın)”
• “Eyaletinizi seçin…”
• “Ara veya seç…”

3. Seçenekleri Mantıksal Olarak Sıralayın

Arama işleminde bile seçeneklerin sırası önemlidir:

• Alfabetik – İsimler için en iyisi (ülkeler, eyaletler)
• En yaygın olanı ilk sırada – Popüler seçenekleri en üste yerleştirin (ABD, İngiltere, Kanada)
• Grouped – Ayırıcılarla ayrılmış kategoriler

4. Yaygın Varyasyonları Dahil Edin

Kullanıcılar şunları arayabilir:

• “ABD” veya “Amerika Birleşik Devletleri” veya “ABD” veya “Amerika”
• “BK” veya “Birleşik Krallık” veya “Britanya” veya “İngiltere”

Mümkünse, aynı seçeneğe karşılık gelen yaygın kısaltmaları veya varyasyonları ekleyin.

5. Mobil Cihazda Test Edin

Arama özelliğine sahip açılır menüler dokunmatik cihazlarda sorunsuz çalışmalıdır:

• Arama girişi kolayca dokunulabilir.
• Yazmak için klavye görünür.
• Seçenekler, doğru şekilde dokunulabilecek kadar büyüktür.

Arama Özellikli Açılır Menüleri Ne Zaman Kullanmamalısınız?

Arama yapılabilir açılır menüler her zaman çözüm değildir:

Kısa Listeler (10'dan Az Seçenek)

5-10 seçenek için standart bir açılır menü daha hızlıdır. Her şeyi bir kerede görebiliyorsanız yazmaya gerek yok.

Kullanıcılar Tam Terimi Bilmediğinde

Arama işlemi, kullanıcıların ne yazacaklarını bilmelerini gerektirir. Eğer kullanıcılar seçeneklere göz atıyor/araştırıyorlarsa, kategorize edilmiş bir liste veya radyo düğmeleri daha iyi sonuç verebilir.

Evet/Hayır veya İkili Seçenekler

Radyo düğmelerini kullanın. İki seçenek için açılır menüye hiç gerek yok.

Sayısal Aralıklar

Yaş aralıkları veya miktar seçimi için şunları göz önünde bulundurun:

• Sayı giriş alanı
• kaydırıcı
• Kısa açılır menü (1-10)

Arama Özellikli Açılır Menülere Alternatifler

Verilerinize bağlı olarak, şu alternatifleri değerlendirebilirsiniz:

Otomatik Tamamlama Metin Alanı

Kullanıcı serbestçe yazar, öneriler aşağıda görünür. Kullanıcıların listenizde olmayan değerler girebileceği durumlarda kullanışlıdır.

Basamaklı Açılır Menüler

Uzun bir listeyi iki kısa listeye bölün:

• İlk açılır menü: Kıta seçin
• İkinci açılır menü: Ülke seçin (kıtaya göre filtrelenmiş)

"Diğer" seçeneği bulunan radyo düğmeleri

En iyi 5-7 seçeneği radyo düğmesi olarak gösterin; "Diğer" seçeneği ise bir metin alanı açar.

Gruplandırılmış/Kategorilendirilmiş Seçenekler

Seçenekleri kategoriye göre düzenlemek için optgroup'ları kullanın:

• Kuzey Amerika
  • Kanada
  • Meksika
  • USA
• Avrupa
  • Fransa
  • Almanya
  • Ataşehir - İstanbul

Önceden Oluşturulmuş Seçenek Listeleri

Tekrar aynı şeyi icat etmeye gerek yok. İşte ihtiyacınız olacak yaygın listeler:

Ülke

195 BM üye devleti ve toprakları. Ortak ülkeleri (ABD, İngiltere, Kanada, Avustralya) en üste, ardından alfabetik sıraya göre yerleştirmeyi düşünün.

ABD Devletleri

50 eyalet artı DC ve bölgeler. Alfabetik sıralama iyi sonuç veriyor.

Kanada İlleri

13 il ve bölge. Arama özelliği isteğe bağlı olacak kadar kısa.

Zaman dilimleri

Standart saat dilimi tanımlayıcılarını kullanın (America/New_York, Europe/London). Bölgeye göre gruplandırın.

Diller

Görüntü adlarıyla birlikte ISO dil kodları. En sık kullanılan dilleri ilk sıraya koyun.

Sektörler

Standart sektör sınıflandırma listeleri (NAICS, SIC) veya hedef kitlenize özel listeler.

Performans Konuları

Çok Büyük Listeler (1000+ Seçenek)

Son derece büyük listeler için:

• İsteğe bağlı yükleme seçenekleri – Kullanıcı yazarken sunucudan veri getir
• Minimum karakter sayısını ayarlayın – Aramadan önce 2-3 karakter gereklidir.
• Gösterilen sonuçlar sınırlıdır. – Tüm 500 maçı değil, en iyi 20 maçı göster.

Sayfa Yükleme Etkisi

Uzun seçenek listeleri sayfa boyutunu artırır. 500'den fazla seçenek içeren listeler için şunları göz önünde bulundurun:

• AJAX aracılığıyla yükleme seçenekleri
• Basamaklı açılır menülere geçiş
• Sunucu tarafı aramayı kullanma

Engellilerin kullanımları için uygunluk

Arama özelliğine sahip açılır menülerin erişilebilir olduğundan emin olun:

Klavye Gezintisi

• Alanı odaklamak için sekme tuşunu kullanın.
• Aramak için yazın
• Seçenekler arasında gezinmek için ok tuşlarını kullanın.
• Seçmek için girin
• Kapatmak için kaçış

Ekran Okuyucular

• Uygun ARIA etiketleri
• Sonuç sayısını açıklayın
• Seçilen seçeneği duyurun

Görsel Göstergeler

• Net odaklanma durumları
• Öne çıkarılan mevcut seçenek
• Arama sırasında yükleme göstergesi

Sıkça Sorulan Sorular

Arama yapmadan önce kaç seçenek var?

20'den fazla seçeneğe sahip açılır menüler için aramayı etkinleştirin. 50'den fazla seçenek için arama olmazsa olmazdır. Bazı kullanıcılar 10-15 seçenek için bile arama özelliğini takdir eder.

Arama baştan mı yoksa herhangi bir yerden mi yapılmalı?

“Herhangi bir yer” eşleştirmesi daha esnektir. “York” araması “New York”u bulur. Bilinen terimler için yalnızca başlangıç ​​eşleştirmesi daha hızlıdır.

Kullanıcılar hala tüm seçenekler arasında gezinebiliyor mu?

Evet, aranabilir açılır menüler genellikle başlangıçta tam listeyi gösterir. Arama işlemi listeyi filtreler, ancak kullanıcılar isterlerse yine de aşağı kaydırabilirler.

Kullanıcılar arama terimlerini yanlış yazarsa ne olur?

Temel arama, yazım hatalarını dikkate almaz. Önemli alanlar (örneğin ülke) için, sık yapılan yazım hatalarının kapsandığından emin olun veya mümkünse bulanık eşleştirme kullanın.

Arama yapılabilen açılır menüler mobil cihazlarda çalışıyor mu?

Evet, ve genellikle mobil cihazlarda standart açılır menülerden daha iyidirler çünkü yazmak, küçük bir kaydırma alanına sahip uzun bir listede gezinmekten daha hızlıdır.

ÖZET

Uzun açılır listeleri kullanıcı dostu hale getirin:

1. Uzun listeleri tanımlayın – 20'den fazla seçeneğe sahip herhangi bir açılır menü
2. Aramayı etkinleştir – Kullanıcıların filtrelemek için yazmalarına izin verin
3. Açık yer tutucular kullanın. – “Arama yapmak için yazın…”
4. Mantıksal olarak sıralayın – Önce popüler ürünler, sonra alfabetik sıra.
5. Mobilde test edin – Sorunsuz bir dokunma deneyimi sağlayın
6. Alternatifleri düşünün – Basamaklı açılır menüler, gruplandırılmış seçenekler

Sonuç

Uzun açılır listeler form doldurma oranlarını düşürüyor. Aranabilir açılır menüler Kullanıcı deneyimini dönüştürün; kullanıcılar sonsuzca kaydırmak yerine seçeneklerini saniyeler içinde buluyorlar.

İster ülkeler, eyaletler, ürünler veya 20'den fazla seçeneğe sahip herhangi bir liste olsun, arama işlevi eklemek formlarınızı daha hızlı ve kullanıcı dostu hale getirir.

Otomatik Form Oluşturucu Arama özelliğine sahip açılır menüler oluşturmanıza olanak tanıyarak, kullanıcıların en uzun listelerde bile ihtiyaç duydukları şeyi hızlıca bulmalarına yardımcı olur.

Formlarınızı geliştirmeye hazır mısınız? Otomatik Form Oluşturucu'yu İndirin ve açılır listelerinizi bugün kullanıcı dostu hale getirin.