RSS

Arama Kutusu Tasarımları: Aklınızda Bulunması Gereken Bilgiler

Paz, Nis 6, 2008

Tasarım, Web

Web ortamında arama kutuları çok önemli. Aradığı ürünü bulamayan müşteri size para vermeden gider. Gerçek bu kadar basit.

İyi bir arama alanı tasarımı çok kolay değil. Aklınızda bulunması gereken konular kısaca şöyle:

  1. Arama kutusunun konumu
  2. Tanımlama
  3. İşlev
  4. Arama düğmesinin görünümü.

Aşağıda bu konuda örnek teşkil eden birkaç durumu sizler için inceledim.

Amazon.com

Amazon.com tasarımında dikkat edilmesi gereken birkaç nokta var:

  1. Arama kutusu önemli bir konumda. Amazon gibi çok büyük sitelerde arama işlemi menüler yerine kullanılabilir.
  2. Arama işlemi varsayılan olarak tüm site genelinde yapılıyor.
  3. Kullanıcılar belirli kategorilerde arama yapabiliyor.
  4. Arama düğmesi metni olarak "GO" kullanılmış. Ben "GO" ya da "ARA" dışındaki metinlerin pek tutmadığını söyleyebilirim.

Amazon’un arama alanı (yakından):

Safari Books Online

Safari Books Online, sanırım, çok karışık bir arama alanına sahip. Gelişmiş arama sayfasına bir bağlantı sunmaları güzel ama o zaman neden basit aramada bu kadar seçenek sunuyorlar?

Basit arama için bu kadar fazla seçenek sunmak kullanıcıların kafasını karıştırabilir. Eğer aradıkları ürünü kolayca bulamazlarsa, almazlar.

Google

Google, arama kutularının kraliçesi. Sadelik ve basitlik en iyi şekilde kullanılıyor.

Kullanıcılara Yardım Etmek için Bir Düğme Yerleştirin

Facebook’un arkadaş arama kutusu oldukça tehlikeli çünkü arama alanları alışkanlıklarımıza ters olarak arama düğmesi bulunmuyor. Tüm kullanıcılar siteyi tasarımcılar ya da programcılar gibi anlamak zorunda değil.

Ebay ise arama düğmesine "Ara" yazarak tanımlıyor. Kullanıcıların karıştırmak ihtimali yok.

Yahoo!’daki arama düğmelerine ise dikkatinizi çekmek isterim. Düğme isimleri nerede arama yaptığınızı kolayca tanımlıyor: web ya da resimler.

Bir düğme yerleştirdiğinizde düğmeye benzemesi için çalışın. Etsy.com sitesi düz bir düğme kullanıyor. Mümkünse düğmelerinizi 3 boyutlu olarak tasarlayın böylece daha çok kullanıcı arabiriminizi anlayacaktır.

Arama Sonuçlarını Tahmin Etmek

Kullanılabilirliğin bir ayağı da programınızdaki özelliklerin kullanım şeklidir. Google Docs arama kutusu siz arama yaparken size önerilerde bulunuyor.

Arama Kutusunun Konumu

Nedenini bilmiyorum ama arama kutularını sağ üste yerleştirmek artık bir standart halini aldı. Kullanıcılar arama işlemi için oraya bakıyor.

Clean Air Gardening ise arama kutusunu sol köşeye yerleştirmiş. Arama kutusunu logonun altına yerleştirmek onu daha belirgin kılabilir fakat alışılmamış konumlara yerleştirirken arama kutusunun çok küçük olmamasına dikkat edilmeli.

Tanımlama

Best Buy arama kutularında müşterileri için özel arama seçenekleri sunuyor. Bazen "Search for" ifadesi sadece "Search" kullanmaktan daha etkiliyeci olabilir. Aşağıdaki ekran görüntüsünde "in" ifadesinin aramaya yardım olmak açısından ne kadar önemli olduğuna dikkat edin.

NOT: Bu yazı 1 Nisan 2008 tarihinde, İngilizce olarak Alexis Brion tarafından Design vs Art Blog‘da yayınlanmıştır.

Popularity: 20% [?]

İlgili Yazılar

, , , , , ,

This post was written by:

cnkt - who has written 72 posts on Cnkt.


Contact the author

Leave a Reply


Clicky Web Analytics hit counters