E-Ticaretiniz için Mükemmel Arama Kutusu Tasarımı

Bir ürünü aramak amacıyla bir çevrimiçi mağazaya veya Marketplace'e göz attığınız ve arama kutusunu bulamadığınız oldu mu? Sahip olduğunuzdan eminiz.

Ana sayfanızda Site Aramasına ne kadar fazla önem verirseniz, Site Aramanızın o kadar büyük olasılıkla kullanılacağını söylemeye gerek yok. Bu, ziyaretçilerinizin e-Ticaret web sitenizde farklı kategoriler arasında gezinmek yerine, ihtiyaç duymadıkları şeylere bakarak zaman kaybetmeden istedikleri ürünü daha hızlı bulmak için doğrudan Site Aramasını kullanacakları anlamına gelir.

Bu nedenle, aramanın ürün bulmanın en yaygın yolu olduğu sektörlerde, arama alanını göz alıcı bir tasarımla “tanıtmak” ve özellikle ana sayfada stratejik bir konuma yerleştirmek iyi bir fikir olabilir.

Kategori Navigasyonu

Kullanıcı, satın almak istediği ürünün tam marka adını ve modelini bildiği sürece (başka bir deyişle, tam olarak ne istediğini, sitenizi ziyaret etmeden önce bile bilir) sürece, bu genellikle daha hedefli, fiyat karşılaştırma web siteleri için geçerlidir. e-ticaret sitesi).

Öte yandan, kullanıcıların kategoriye göre göz atmayı tercih ettikleri (çünkü tam olarak istedikleri ürünü, adını veya nasıl yazıldığını bilmedikleri için) veya düz bir web sitesi hiyerarşisine sahip sektörlerde, daha az göze çarpan bir arama alanı tasarımı olabilir. arama yapmak yerine kategoriye göre göz atmayı teşvik etmek için kullanılabilir.

Örneğin: özellikle moda ve ev dekorasyonu sektörleri , hem kullanıcıların ilk tercihi hem de sonraki başarı oranları (arama sonrası dönüşüm oranı) açısından kategoriye göre taramayı güçlü bir şekilde desteklemektedir.

Tasarım ve uygulama söz konusu olduğunda, arama alanını genel tasarım içinde öne çıkarmanın çok çeşitli yolları vardır. Bu nedenle, kullanılacak tam biçim, büyük ölçüde arama alanının göründüğü bağlama (başka bir deyişle, genel web sitesi tasarımına) bağlı olarak bir web sitesinden diğerine değişecektir.

Arama alanının tasarım öğeleri

Kullanıcıları arama işlevini kullanmaya ne kadar teşvik etmek istediğinize bağlı olarak, arama alanını öne çıkarmak için kullanılabilecek birden çok tasarım öğesi vardır. Arama kutusu tasarımının en büyük etkiye sahip olma eğilimindeki üç ana unsuru şunlardır:

Konum

Aşağıdaki resimde Amazon'a bir göz atın. Gördüğünüz gibi, Amazon'un pazaryerini araştırmanız sizin yararınıza çünkü daha çok satıyor ve Kategorilere göre gezinmek yerine Site Aramasını kullandığınızda size daha iyi rehberlik edebiliyor.

Sahip olduğu milyonlarca ürün nedeniyle ve kullanıcıların normalde ne tür bir ürün istediklerini web sitesini ziyaret ettiklerinde zaten bildiklerini göz önünde bulundurarak, Site Arama'yı tercihli bir konuma, tam merkeze yerleştirirler ve neredeyse tüm alanı kaplarlar. ekranın genişliği.

Ayrıca, Site Arama'yı öne çıkarmak ve kullanıcıları onu kullanmaya teşvik etmek istiyorsanız, düzgün çalışması gerekir. Başka bir deyişle:

• Sonuçları anında gösterin: Ürünler arandıktan sonra yüklenmesi çok uzun süren bir Site Araması yapamazsınız.
• Sonuçları istediğiniz sırayla listeleyin: Yukarıya ve sola doğru ne kadar yukarıdaysa, sonuçların ziyaretçileriniz için o kadar alakalı olacağını unutmayın.
• İyi görüntü kalitesi : pikselli görüntü yok, lütfen!
• Ürün özelliklerinizi gösterin: bedenler, indirimler veya promosyonlar, mevcut renkler… Hepsi kendi aramanızda.
• Kullanıcılara Site Arama'nın içinden sepete ekleme seçeneği sunun: böylece Site Arama ile sepet arasında gidip gelmek zorunda kalmadan birkaç ürün satın alabilirler.

Site Arama stilleriniz

Arama kutusu tıklandığında, web sitenizin resmine saygı duyulması son derece önemlidir. Bunun için çok sayıda unsurun dikkate alınması gerekir.

• Renkler : Web sitenizdeki kurumsal renklerin aynısını kullanmalısınız. Logoyu Site Arama'da da bir yere eklemeyi deneyin.
• Yazı Tipleri : Yazı tipi bir diğer önemli unsurdur; Rakamlar, başlıklar, düğmeler için web sitenizde kullandığınız yazı tiplerini kullanın…
• Butonlar : Satın al veya " sepete ekle " butonlarında web sitenizdeki butonlar ile aynı stillere sahip olmaya çalışın.
• Diğer unsurlar: İndirimler, sınırlar , e-Ticaret web sitenizde sahip olduğunuz kategorileri kullanma gibi…

Boy

Arama alanını nispeten küçük yaparak, görsel belirginliği önemli ölçüde azaltılır. Site Araması kullanımını artırmak isteyen birçok çevrimiçi mağazanın yaptığı şeylerden biri, başlık ile Site Araması arasındaki karşıtlığı artırmaktır. Örneğin, yukarıda gördüğümüz gibi Amazon'un başlığı siyahtır, ancak Site Araması ortalanmış ve beyazdır.

Boyut, konum ve kontrastı birleştirdiğinizde, arama kutusunu gerçekten öne çıkararak, e-Ticaret web sitenizdeki ürünleri aramak için tercih edilen yol olarak aramayı teşvik edersiniz. Yine de bu, hemen çıkma oranınızı azaltmak için Doofinder gibi akıllı bir Site Araması gerektirir. Aksi takdirde, bu iki ucu keskin bir kılıca dönüşebilir.

Ana sayfada arama kutusu tasarımı

Özellikle ana sayfada, çoğu kullanıcı web sitesini ziyaret eder etmez ürün arama stratejisini belirleme eğiliminde olduğundan, arama kutusu tasarımı daha da önemlidir.

Baymard Enstitüsü verilerine göre, kullanıcıların %60'ı bir mobil web sitesinin ana sayfasında hemen aramayı ilk strateji olarak kullanıyor . Bu nedenle, ana sayfadaki arama alanının tasarımı ne kadar dikkat çekici olursa, kategoriye göre göz atmak yerine arama yapmak için o kadar fazla kullanıcı onu teşvik edecektir.

Ayrıca, Site Arama'da gezinmeyi kategoriye göre taramaya teşvik etmek istiyorsanız, Site Arama'ya ana sayfada ek bir görsel dokunuş vermek iyi bir fikirdir.

Ana sayfa için farklılaştırılmış bir Site Arama tasarımı birçok şekilde yapılabilir: daha kalın arama alanı kenarlıkları, daha zıt bir arka plan rengi, daha büyük bir kutu ve yazı tipi boyutu, daha canlı bir "arama" düğmesi… Hatta belki de alan klavyesini odaklanabilir hale getirmek. varsayılan olarak. Konumunu veya görsel stilini temelden değiştirmeden arama alanını kendi başına öne çıkaran herhangi bir tasarım değişikliği, öne çıkmasına yardımcı olacaktır.

Bu şekilde, arama alanı, odağı diğer sayfalardan uzaklaştırmadan tamamen tanınabilir kalır, ancak ana sayfada size ek görsel kontrast sağlar.

Bu ek görsel kontrast, aramayı web sitesinde “ tek seçenek ” olarak tanıtacak kadar ileri gitmemeli, ancak kullanıcıların web sitesini ziyaret ettiklerinde arama alanını daha kolay görmelerine yardımcı olmalıdır.

Bildiğiniz gibi… Ana sayfada genellikle , kullanıcının dikkatini çekmek için rekabet eden birçok farklı grafik ve görsel öğe bulunur; bu, sonraki sayfalarda (kategori sayfaları, ürün listeleri veya ürün sayfaları gibi) baskın bir arama alanı olabileceği anlamına gelir, ana sayfa için yeterli olmayabilir.