Harika bir web mağazası tasarlamanın 10 ipucu

İnternet üzerinden alışveriş yapmak isteyen girişimciler ve tuğla ve harç perakendecileri, her zamankinden daha fazla seçeneğe sahipler, fakat aynı zamanda, web siteleri hakkında daha fazla seçeneğe ve deşifre etmek için de teknik seçeneklere sahipler. Etkili bir web mağazası kurmaya devam etmek için, başlangıçtaki varlığınızı hızlı ve basit hale getirebilen Wix Stores gibi anahtar teslimi sağlayıcılar vardır. Ancak, çevrimiçi işlerini büyütme konusunda gerçekten ciddi olanlar, ihtiyaçlarının bu anahtar teslim hizmetlerin ötesinde oldukça hızlı bir şekilde geliştiğini göreceklerdir.

Bir şey aslında siber alanda ortaya çıkmadan önce ve sonra iş olgunlaştıkça cevaplanacak birçok soru var. Müşteriler üzerinde veri toplama, özellikle Avrupa pazarlarına erişmek isteyen tüm mağazalar için günümüzde büyük bir örnek ve önemli bir sorundur. Para birimi dönüştürme ve farklı e-ticaret yasaları bu pazarlarda hala sıkıntılı bir sorundur, ancak şimdi, müşteri verileri için çok daha dikkatli bir işlem süreci gerektiren Genel Veri Koruma Yönetmeliği (GDPR) ile de ilgilenmeniz gerekir.

İşlem güvenliği bir başka önemli sorudur çünkü müşteri güvenliğine duyulan ihtiyacı, bir satın alma işlemi yapmadan önce atlamaları gereken kaç çemberle dengelemek anlamına gelir. Standart web siteniz için hangi kararları alırsanız verin, mobil yinelemede de aynı tartışmaları yapmanız gerekir. Çünkü, mobilite kesinlikle geçen seneki tatlı sözlerden biriyken, 12 aydan fazla olmasının önemi hiçbir zaman azalmadı.

Mevcut düşünce, web tasarımcılarının önce mobil deneyimi tasarlamaları ve ardından masaüstü deneyimini gerektiği gibi ayarlamaları gerektiğini belirtir.

3dcart'taki Operasyon Direktörü Jimmy Rodriguez, “Her unsur, her içerik parçası mobilde işlevsel olmalıdır” dedi. “Sıfırdan başlıyorsanız, mobil cihazlar için tasarım yaparsınız. Duyarlı tasarımla, mobil olarak başlamak için web sitesini oluşturabilir ve ardından masaüstüne getirebilirsiniz.”

Hem mobil hem de masaüstü kullanıcıları için e-ticaret mağazası tasarımınızı yapmanıza yardımcı olmak için aşağıdaki 10 önemli ipucunu derledik. Bununla birlikte, Rodriguez, işletmelerin herhangi birini mağazalarına eklemeden önce, web sitelerinin tümüne yayılmadan önce nasıl yaptıklarını görmek için bu özellikleri belirli ürün sayfalarında A / B test etmelerini önerir.

1. Sabit Başlık Navigasyon

Hepimiz oradaydık: Kullanıcı yorumlarını veya ürün ayrıntılarını okumak için bir ürün sayfasının en altına indik ve şimdi alışveriş yolculuğumuza devam etmek için menüye geri dönmek için sayfadan ayrılmaya hazırız. Ne yazık ki, menüye dönmek için genellikle masaüstü klavyelerimizdeki "Sayfa Yukarı" düğmesini tıklamamız ya da mobil cihazlarımızdaki ekranın üst kısmına dokunmamız gerekti.

Yapışkan Başlıklar ile aşağı kaydırdığınızda, menü yeniden boyutlandırılır ve ayarlanır. Menüde gezinmek için hızlı bir şekilde sayfalar atlamanız gerektiğinde menü sizi yolculuğunuz boyunca takip eder. Bunu Bose.com'da geçerli olduğunu görebilirsiniz. Sayfanın ortasında olmasına rağmen, ekranın en üstüne gitmeden sayfanın ana gezinmesine erişmeye devam edebilirsiniz.

2. Hamburger Menüleri

Hamburger Menüler fast-food restoranları için en uygun özellik gibi görünse de, hızlı bir şekilde mobil cihazlarda çok iş yapan şirketler için olmazsa olmaz hale geliyorlar. Onları daha önce gördünüz: Hamburger Menüler, mobil navigasyon ve menüler için standart mobil simge haline geldi.

Basıldığında, bir web sitesinin gezinmesinin açılır menüsünü sunan üç yatay çizgi içerirler. Bunlar özellikle ekran gayrimenkulünün yüksek olduğu mobil cihazlarda kullanışlıdır. Ancak onları masaüstü web sitelerinde de görmeye başlıyoruz, bu nedenle tüketiciler kullandıkları cihaza bakılmaksızın şirket web sitelerinde benzer bir deneyime sahipler.

Rodriguez, "Birçok kişi Hamburger Menüsü'nü görüyor ve ne anlama geldiğini biliyorlar, ancak bunun temelde yeni standart olduğunu bilmiyorlar." Dedi. "Mobil ziyaretçiler bu sembolün anlamını öğrendi ve web siteleri mobil navigasyon için bir standart olarak benimsemelidir."

Target.com'un sağ üst köşesinde ve Target'in mobil web sitesinde bir Hamburger Menüsü görebilirsiniz. Ayrıca aşağıdaki resimde de görebilirsiniz.

3. Paralaks Kaydırma

Daha az işlevsellik özelliği ve web sitenizin estetiğini arttırmanın bir yolu olan Parallax Scrolling, web sitenize sanatsal bir hava katmak için yüksek çözünürlüklü görüntülerle dolu büyük pankartlardan yararlanır. Büyük, tam genişlikli görüntülerden yararlanarak, web sitenizin arka plan görüntüsü ile doğrudan tüketicinizin önündeki görüntü arasında bir yer değiştirme efekti oluşturabilirsiniz.

Aşağıdaki resimde RimmelLondon.com'dan görebileceğiniz gibi, sayfayı aşağı kaydırdığınızda, web sitesinin arka plan görüntüleri değişir. Bununla birlikte, arka plan ve ön plan görüntüleri birbirine karışırken değişiklik zarif bir şekilde gerçekleşir. Aşağıdaki ekran görüntüsü, arka plan görüntüsünün mordan pembeye değiştiği anda web sitesini gösterir.

4. Sonsuz Kaydırma

Sonsuz Kaydırma, bir e-ticaret özelliğinden çok bir işkence tekniği gibi görünür. Bununla birlikte, bu şık araç, kullanıcılarınızın tıklayıp yeni bir sayfa yüklemelerine gerek kalmadan sürekli olarak yeni ürünler görmelerini sağlar. İşte nasıl çalışır: Bir e-ticaret sayfasının en altına indiğinizde, sayfa otomatik olarak sayfanın en altına daha fazla öğe yükler. Hala arka uçta sayfalar halinde kataloglanıyorlar, ancak ziyaretçi bunu bilmiyor.

UnderArmour.com'da benzer bir özellik görebilirsiniz. Ne yazık ki, Altında Zırh ek içeriği görmek için "Daha Fazla Yükle" düğmesini tıklamanızı gerektirir. Bazı web siteleri, tıklama gerektirmeden size daha fazla içerik gösterecek bir otomatik açma mekanizmasıyla donatılmıştır.

5. Yüzer "Sepete Ekle" Düğmesi

Yapışkan Gezinme aracına benzer şekilde, yüzen "Sepete Ekle" düğmeleri, tüketicilerin ürün sayfasında nerede olduklarına bakılmaksızın alışveriş sepetlerine ürün eklemelerini sağlar. Önceden, kullanıcılar, kullanıcı incelemelerine, ürün ayrıntılarına ve diğer alt sayfa öğelerine iner ve ürünü sepetlerine eklemek için sayfanın başına geri gitmeleri gerekirdi. Şimdi Diesel.com gibi şirketler, ürün sayfasında nerede olursanız olun, ürünün fiyatını, miktarını, renk seçeneklerini ve görüntüsünün yanı sıra "Sepete Ekle" düğmesini görmenize izin veriyor.

6. Fitts Yasasını Kullanın

Sizi Fitts Yasası'nın arkasındaki matematiğe sıkmayacağız, ama aslında bir nesne bizim için ne kadar büyük ve yakınsa, onunla etkileşime girme ihtimalimiz o kadar yüksek. Aynı temel prensip e-ticarete uygulanabilir. Kullanıcıları ürün sayfalarına, alışveriş sepetlerine ve promosyonlara yönlendirmek istiyorsanız, bu düğmeleri geniş, renkli ve sayfanın ortasına mümkün olduğunca yakın tutmalısınız.

Fitts Yasasını görmezden gelirseniz ve rayların üzerine veya sayfaların altına küçük, siyah beyaz düğmeler yerleştirirseniz, potansiyel alıcılarda kaybedebilirsiniz. Bu hatayı yapma.

7. Müşteri Yorumları ve Görüşlerini Göster

Müşterilerin web sitenize gelmesini, ürünlerinizi görüntülemesini ve ardından kullanıcı incelemelerini kontrol etmek için Amazon.com adresine gitmesini istemiyorsunuz. Sonuçta, Amazon.com ürünü daha ucuza satabilir veya müşteri Amazon.com alışveriş deneyimini web sitenize tercih edebilir.

Müşterilerinize ürünleri derecelendirme ve inceleme yeteneği verirseniz, bir satın alma işlemi yapmadan önce diğer tüketicilerin görüşlerinin güvencesine ihtiyacı olan temkinli müşterileri uzaklaştırabilirsiniz. Çoğu e-ticaret aracı, derecelendirmeleri ve incelemelerin uygulanmasını kolaylaştırır; bu nedenle, bu uygulamayı uygulamaktan çekinmeyin.

8. Etkili Bir Müşteri Hizmetleri Masası

Müşterinizle etkileşim kurmak perakende satış başarısı için kritik öneme sahiptir ve hiçbir yerde müşteri hizmetleri masasında olduğundan daha kolay veya daha etkili değildir. Bir öfkeli, memnun ya da sadece şaşkın müşteriye uygun şekilde bakmak, işi tekrarlamanın en kesin yollarından biridir. Günümüzün servis masası ve yardım masası uygulamaları her zamankinden daha kolay. Bu uygulamalardan birini kullanarak yalnızca müşteri isteklerini düzenlemekle kalmaz, aynı zamanda bu karşılaştığınız müşteri ve yanıt verilerini alır ve bunları müşteri ilişkileri yönetimi (CRM), pazarlama ve iş analitik motorlarınıza yönlendirirsiniz. Bunu yapmak, müşterilerin mağazanız ve ürünleri hakkında ne düşündüklerini yakından takip etmenizi sağlar.

Müşteri servisini nereye yerleştirirseniz, çapalar ve temas noktaları genel müşteri deneyimi için önemlidir. Ve bu etkileşimin, basit bir İrtibat sayfası biçiminde mi yoksa 60 saniyeden daha uzun bir süre boyunca web sitesinde kalan herhangi biriyle bir sohbet penceresi açacak kadar ileri gidip gelmediği, sattığınız ürünlerin türüne ve Mağazanızın ortalama web sitesi ziyaret istatistikleri.

Ancak bir müşteri hizmetleri masasını başarılı yapmak, yazılımdan çok daha fazlasıdır. Bu taleplerin üstesinden gelmek için profesyonel bir kişinin orada olduğundan emin olmalısınız veya bu boşa bir yatırımdır. Bir "Müşteri Hizmetleri ile İrtibat" düğmesini tıklatarak sorun yaşamayan müşteriler, gerçek bir insandan bazı canlı yardımlar almayı bekler. Bunu, telefon aracılığıyla veya yardım masası servis sağlayıcıları ile daha yaygın hale gelen bir özellik olan sohbet yoluyla yönetebilirsiniz. Personel için sıkıntı kullanıyorsanız, müşteri hizmetleri operasyonunuzu insanı "seslendiren" akıllı sohbetler ile ön plana çıkarabilir, aynı zamanda gelen isteklerin bir miktarını temel düzeyde tutabilir ve yalnızca gerçek homoya daha karmaşık talepleri kaldırabilirsiniz. sapiens.

9. Breadcrumb Ödeme

Müşteriler mağazanızdan alışveriş yaparken, işlemin nerede olduklarını, bitirme işlemlerinin ne kadar uzakta olduklarını ve önceden girdikleri tüm verileri kaybetmeden kolayca geri dönmeyi bilmek isterler. Breadcrumb Checkout, müşterilerin Oturum Açma, Ödeme Seçenekleri, Nakliye Seçenekleri, Sipariş Verme veya Alışverişe Devam Et seçeneğinden ileri ve geri tıklamaları sağlayan doğrusal bir gezinme düğmesi tasarımını kullanarak müşterilerin işlemdeki tam olarak nerede olduklarını gösterir. Bu düzen olmadan, tüketiciler Geri düğmesine basabilir, bilgilerinin kaydedilmediğini görebilir, sinirlenebilir ve web sitesinden ayrılabilir.

10. 360 Derece Görüntüleme

Hiç görünüşte mütevazı bir ceket satın aldığınızda sadece geri tepilmiş bir elmas taklidi olduğunu fark etmek için mi? O ürünü iade ettiğinizde, zamanınızı ve satıcınızın zamanını boşa harcıyorsunuz ve şirketin parasına mal oluyorsunuz. Endişelenme, bu senin hatan değildi. Büyük olasılıkla, satıcı sadece ceketin önden ve yandan görünüş resimlerini elde etti. Satıcı 360 derecelik görünüm görüntüleri sunmuş olsaydı, bu elmasları görüp Siparişi İptal Et düğmesini tıklardınız.

Bu hatayı kendi web sitenizde yapmayın. Müşterilerin görüntüleri yakınlaştırmasına izin verilmesine ek olarak, onlara, Kenneth Cole.com'un yaptığı gibi, görüntünün birden çok açısını döndürme veya görüntüleme seçeneği de verin. Bu şekilde, teslimat kutusunu açtıklarında ve beklemeyecekleri bir ürünü çıkardıklarında şaşırmadılar.