Güzel Arama Kutusu Kullanıcı Arabirimi Tasarımlarının Vitrini
İnternette çok yaygın bir durumdur - eğer bir web sitesinde aradığımızı bulamazsak, aramaya başvururuz. Arama kutusu her zaman bir web sitesinin önemli bir parçası olmuştur. İçeriği yoğun bir web sitesi işletiyorsanız, bu daha da kaçınılmazdır. Genellikle aşağıdaki alanlara yerleştirilir: başlık, üst gezinme menüsü veya kenar çubuğu (üst kat). Bazen kullanıcılar için arama yapmayı daha uygun hale getirmek için başka bir tane daha alt basabiliriz..
Web 1.0'dan bu yana çok yol kat ettik; Web’de arama yapmak artık bunlarla sınırlı değil anahtar kelimeyi girin ve aramayı tıklayın. Geliştiriciler, daha fazla işlev ekleyerek ve daha fazla işlev ekleyerek ziyaretçileri için daha iyi bir deneyim aramaya çalışıyorlar, diyor..
Günümüzün yayınında, tanıdığımız gelecek vaat eden özelliklere sahip bazı güzel arama kutularını sergiliyoruz. Web sitenizi yenilemek veya daha iyi bir arama kutusu için ilham almak isteyenler için de bu yazı tam size göre. Atlamadan sonra tam liste!
PlaylistNow
"Ben" ön ekinden başlayarak, bu arama modülü yazarken sorgunuzla eşleşen sonuçları akıllıca eşleştirmeye ve listelemeye çalışır.
Kaydırma Arama Modülü
Tasarımcı Nico Nuzzaci tarafından önerilen bu yaratıcı arama kutusu, yazarak veya alfabetik panelde gezinerek arama yapmanızı sağlar.
TextboxList
Bu arama modülünün birkaç işlevi vardır: arama sorgularınızı etiket biçiminde sarar ve belirli bir arama etiketini silmenizi sağlar. Aynı zamanda otomatik tamamlama ile birlikte geliyor. Tanıdık geliyor? Facebook etiketleme modülüne benzer!
Sütü hatırla
YouTube aramasına benzer şekilde, buradaki arama kutusu, bir sonuçla eşleşip eşleşmediğini size anında bildirir. Otomatik öneri özelliğinin bir başka akıllı örneği.
Otantik İşler
Bence Authentic Jobs zaten Google’dan önce anlık sonuçları olan ve yaptığı aramalarla arama yaptı.
Kontain
Kontain'in arama kutusu, kullanıcıların genel bir arama yapmasını veya arama sonuçlarını yalnızca "güncellemeler" veya "kullanıcı" olarak filtrelemelerini sağlar.
New York Dergisi
Kontain'e benzer şekilde, NY Magazine'nin araması daha derin filtrelemeye izin veriyor.
ThemeForest
Ziyaretçilerin istediklerini asgari sürede almalarına yardımcı olmak için arama modülünde filtrelemeye başka bir örnek.
Ara, Sırala ve Filtrele
Brian'ın arama kutusu güzel bir şekilde yapılan gelişmiş bir arama modülü gibi görünüyor; Arama düğmesine basmadan önce sonuçların nasıl görünmesini istediğinizi özelleştirin.
Tumblr
Kenar çubuğunda ince ve küçük arama modülü - temiz!
MenuPages
Tam bir arama modülü arıyorsanız ve bununla birlikte alan bir kısıtlama ise, bu yaklaşım kullanışlı olabilir.
Quotezuki
Logodan hemen sonra arama modülü, kaçırılması çok zor.
C Spire Kablosuz
Yalnızca arama sekmesinin üzerine gelindiğinde görünen büyük, şişman bir arama kutusu; alanı kullanmanın bir başka iyi yolu.
Spokeo
Güzel yapılan filtreleme ile seçici arama.
VoucherCodes
İşinin doğasına bakarken, arama kutusunu ortada ve üstte sağa çevirmek muhtemelen en iyi fikir..
iStockPhoto
Diğer sitelere benzer şekilde, iStockPhoto okuyucularına muazzam miktarda kaynak sunar, bu nedenle aramada filtreleme kesinlikle gereklidir.
TasteBook
Basit görünümlü ama harika arama kutusu.
Grooveshark
Grooveshark, çevrimiçi müzik dinlemenizi ve paylaşmanızı sağlar; ilk sayfa hiçbir şeyden ibaret değil, sadece istediğiniz müziği aramanız için bir arama kutusundan ibarettir. Bu tamamen mantıklı.
İşleri olan oyuncular
Google Özel Arama'nın nasıl özelleştirildiğinin güzel bir örneği.
David Torondel
Site tasarımıyla iyi uyum sağlayan hoş, karanlık arama kutusu.
Daha
- Sallanan Bir CSS3 Arama Kutusu Oluşturma (Hongkiat)
- Kutsal Arama Kutusunu Tasarlamak: Örnekler ve En İyi Uygulamalar (Smashing Dergisi)
- Güzel CSS3 Arama Formu Eğitimi (Web Tasarımcı Duvar)
