E -ticaret sitesi tasarımının en önemli özellikleri
Çevrimiçi satma planınız var. Ne satacağınıza karar verdiniz, WooCommerce kullanmaya karar verdiniz ve şimdi mağazanızı tasarlamanız gerekiyor. Bu aşama zor olabilir. Mükemmel temayı bulun, hatta amacınızı anlayan bir tasarımcı seçin, sahip olmadığınız zaman geçirebilir. Ve daha önce hiç çevrimiçi satmadıysanız, gerçekten önemli olanı güçlü bir şekilde anlamadan “iyi” bir şey aradığınızı hissedebilirsiniz. Neyin önemli ve neyin olmadığını anlamanıza yardımcı olmak için, mağaza tasarımının en önemli özelliklerini bilmelisiniz. Bu, “iyi” olan tasarımı iyi performansdan ayırmanıza yardımcı olacaktır.
Bir sonraki önemli aşamaya başlayabilmeniz için WooCommerce mağaza tasarımınızın en önemli özelliklerine bakalım. Navigasyonun anlaşılması kolay navigasyon, mağaza tasarımının en önemli parçası olabilir. İyi navigasyon, yeni alıcıların aradıklarını zorluk çekmeden bulmasına yardımcı olur. Öte yandan, kötü navigasyon onları hayal kırıklığına uğratır ve hatta mağazanızdan ayrılmalarına neden olabilir. Öyleyse soru aslında iyi bir navigasyondur. Ana fikir, yön sayfasından kasaya açık bir yol sunmaktır. Başlangıçta ziyaretçiler tarafından hangi sayfalar açılırsa açılsın, “Nasıl …?”
Çoğu zaman, bu yalnızca ana navigasyonunuzdaki en önemli kategorileri veya sayfaları sunacak ve daha az önemli hedefleri açılır veya site altbilgisine devredecektir. İnsan çok temel bir kategoriye sahip basit bir saha üstü navigasyona sahiptir ve açılır menü biraz daha fazla kırar: Çekme menüsünde birkaç dar seçenek sunan basit gezinme. Çok daha büyük bir dükkan olan Kohl’s da aynı şeyi yapıyor: en önemli kategori üstte ve römorkör menüsünde navigasyonu doğru konuma (ve genellikle daha spesifik) yönlendirmeye yardımcı olan net bir etikete sahiptir.
Başka bir yerde bir tema arıyorsanız, açıklamada veya etiketler arasında “duyarlı” kelimesine dikkat edin. Kullanılacak temayı belirledikten sonra, temanın gerçekten mobil uyumlu olduğundan emin olmak için tüm kendi cihazlarınızı test edin. Başından beri duyarlı tasarımlar oluşturmak için geliştiricilerle çalışmayı planlıyorsanız, hücresel misafirperverliğe öncelik vermek için bu Google Kılavuzuna bakın – bu kılavuz, birlikte fikir alışverişinde bulunduğunuzda hatırlamak için bazı özel ipuçları verecektir. Her sayfa için hızlı yükleme süresi Eğlenceli Gerçek: Çevrimiçi alıcıların yaklaşık% 40’ı üç saniyeden fazla içeriyorsa web sitesinden ayrılacaktır. Mağazanız ne kadar güzel olursa olsun, yavaşsa, savaş oranınız artacak ve dönüşüm oranınız önemli ölçüde düşecektir. Çoğu müşteri kaybetmekten kaçınmak için tüm varlıkları hızlı bir şekilde içeren tasarımı uygulamanız gerekir. Değilse, teknenin oranını görecek ve yüksek çıkış. Siteniz ne kadar yavaş olursa, ziyaretçileri kovma şansınız o kadar yüksek olur. Endişelenmeyin: Tüm ziyaretçilerinizi sabırsız yapmadan güzel bir dükkan tasarımı elde etmek çok mümkün. Sıkıştırma, içerik dağıtım ağları, ayarlar ve özel platform eklentileri arasında, en büyük grafik görüntülerinizin ve öğelerinizin bile doğrudan yüklendiğinden emin olabilirsiniz. Sitenizi engellememek için tasarımınızı korumanıza yardımcı olacak bazı ipuçları:
Büyük görüntü dosyası sıkıştırma. Kraken.io ve Tinypng gibi ücretsiz hizmetler bunu sadece birkaç saniye içinde yapmanıza izin verir!
Barındırmanızın uygun olduğundan emin olun – her şey oldukça yavaş görünüyorsa paketinizi artırma konusunda ana bilgisayarınızla sohbet etmeyi düşünün. Mağaza önbellek sürümünüzü yerel bir sunucudan ziyaretçilere gönderen CloudFlare gibi içerik dağıtım ağlarını görün. Açık ve güzel bir resimden yararlanın Son zamanlarda mağazadaki ekranı karşılayan tüm büyük görüntüleri fark ettiniz mi? Örneğin, anın anına iPhone’da hareket eden güzel lens fotoğrafları hakimdir:
Ziyaretçilerin anı gördükleri ilk şey bu büyük fotoğraf. Dikkat çeken bu büyük resim sadece güzel değil: resim, ziyaretçilerin dikkatini hemen önemli davranma davetine yönlendiriyor. O an anına tekrar bak. Güzel bir arka plan fotoğrafı hemen ürünün ne olduğunu gösterirken, yayılan metnin net bir daveti varken: temel olarak, “Bu lensi almak için buraya tıklayın.” Bunun gibi büyük görüntüler, harekete geçme davetiyle birleştiğinde, ürününüzü açıklamak veya müşterilerinizin belirli bir şey görmesini sağlamak için olağanüstü bir iş yapın. Geniş alan, ürünü ayrıntılı olarak vurgulamanızı sağlar ve doğru fotoğraf ilk saniyeden sizin için ürün satabilir.
Tabii ki, site tasarımınız sadece verandanızdaki bir veya iki büyük görüntüye odaklanmamalıdır. Ayrıca, alıcıyı belirli bir sayfaya yönlendirmek veya sadece yeteneklerinizi göstermek için tasarımınız boyunca kristal bir sızdırmazlık ürünü görüntüsü kullanmanız gerekir.
New Balance web sitesinde iki ürün tabanlı parça. Yukarıdakiler New Balance mağazasının iyi bir örneğidir. Bu görüntüler sadece arka plan-bam, anında ev promosyonundaki ürünlerin fotoğrafçılığını kaplayarak yapılır. İlginç, motive edici ve New Balance’ın sattığı markaya yeni olanları gösteriyorlar. Her sayfada ürün görüntülerinin kullanımını sınırlamanız gerekmez. Tasarımınız boyunca kullanmaya başlayın ve yeni müşterileri sipariş onay ekranına yönlendirmek için daha iyi bir fırsatınız olacak. Son endüstri ve müşteri uyumluluğu, şimdiye kadar sunduğumuz ipuçları, istediğiniz kaliteye sahip bir mağaza tasarımı bulmanıza yardımcı olmasına rağmen, bu her zaman sizinle ilgili değildir. Ayrıca müşterilerinizin bu tasarımdan ne beklediğini de düşünmelisiniz. Yalnızca dükkan endüstrisiniz ve müşteri ihtiyaçlarınız için uygun olduğunu düşündüğünüz bir tasarım seçmelisiniz. İyi işlev gören ancak şirketinize uymayan bir tema seçerseniz, uzun vadede size zarar verebilir. Yüksek sınıf moda aksesuarları satıyorsanız, seçtiğiniz tasarım bunu yansıtmak için zarif ve şık olmalıdır. Ancak spor ayakkabıları satıyorsanız, aynı tasarımın mağazanızda görülmemesi muhtemeldir – ve tasarımın diğer markalarınızla ilişkili olma şeklini sevmeyeceksiniz, bu da hızlı bir şekilde yeniden tasarıma yol açacaktır. Doğru uyumluluğu bulma hakkında konuşurken ne demek istediğimiz hakkında daha fazla bilgi edinmek için çeşitli endüstriler için uygun ana sayfa tasarımı hakkında bu yazıya bakın.
Sık sık gördüğünüzü öğreneceksiniz. Woocommerce mağazanızın temasını nasıl seçersiniz Bu ipuçlarını hatırlayarak, ihtiyaçlarınızı karşılayan ve müşterilerinize uygun tasarımlar bulmaya daha hazır olmalısınız. Ancak, mükemmel WooCommerce temasını aramaya nereden başlayacağınızdan emin olamayabilirsiniz. Bir kılavuza ihtiyacınız varsa, bazı öneriler: buradan başlayarak. Vitrin temamız ücretsizdir ve WooCommerce ile% 100 uyumludur. Ayrıca belirli endüstrilere ve mağaza türlerine göre uyarlanmış birçok çocuk teması da vardır. Bir arama yapın. Ücretsiz temalar sunan veya uygun fiyatlarla birçok site var-sadece bulmak için biraz görünmeniz gerekebilir.
Wooxpert ile iletişime geçin. WooExperts’larımızın çoğu temayı sizin için ayarlayabilir veya rotayı kullanmayı tercih ederseniz baştan tasarlayabilir. Ve WooCommerce hakkındaki bilgileriyle harika bir ortak olurlar! En son trendleri ve en iyi uygulamayı okuyun. Bu önemli UX tasarımının neden iyi bir okuma olduğuna dair rehber.
Son olarak, gerçekten hırslıysanız … kendi temanızı tasarlamaya çalışın. Eğitim ortaklarımız sadece WooCommerce’i öğretmekle kalmaz, aynı zamanda birçoğunun istediğiniz bir tasarımı ayarlamanıza veya oluşturmanıza yardımcı olacak HTML, CSS ve web sitesi tasarımlarına sahiptir.
Bu kılavuzun gerçekten önemli olan tasarım özelliklerini daha iyi anlamanıza yardımcı olmasını umuyoruz. Sorusu olan? Bildiğinizi ödünç alın ve size yardımcı olmaktan mutluluk duyarız.
