Kusursuz UX Tasarımlı 18 E-ticaret Sitesi (& Emen 3 Büyük İsimler)

Bu ayın başlarında UX makalemiz için bize katıldıysanız, web siteniz için 25 temel UX tasarım öğesini tartıştığımızı bilirsiniz..

Temel fikir şudur: UX tasarımı tamamen ziyaretçinizin başına geçmektir. Bu, kullanıcılarınız için basit, kesintisiz ve eğlenceli bir deneyim yaratmakla ilgilidir. Fikir, bilgiyi hızlı bir şekilde sunmak ve hatta gülümsetmek.

İyi UX tasarımı ziyaretçilerinizde dopamin ve mutluluk yaratır. Bu da onların size güvenme olasılığını artırır. En önemlisi, sizden satın alma olasılığını artırır.

Son UX tasarım makalemizde 25 temeli inceledikten sonra, nasıl çalıştığına bir göz atalım. Özellikle, e-ticaret web sitelerinin UX tasarımına bakıyoruz.

Bu web siteleri, ziyaretçilerini satın almaya teşvik etmek için akıllı UX tasarım hilelerini nasıl kullanıyor??

1. Asos

Asos örneğini çok kullanıyorum, ancak bunun için iyi bir neden var. UX tasarımları mükemmel.

Her şey bir nakavt değeri teklifiyle başlar. Mükemmel görüntü, basit açıklayıcı, “ücretsiz teslimat” garantisi ve sizi erkeklerin veya kadınların bölümüne yönlendiren açık harekete geçirici mesajlar.

Göze çarpan UX özelliklerinden biri video podyumudur, böylece ziyaretçiler aslında bir kıyafetin neye benzediğini görebilirler. Müşterilere öğelerin mümkün olan en iyi görünümünü verir ve satın almalarına güven verir.

Ayrıca ‘hızlı görüntüleme’ adı verilen mükemmel bir yeni özelliğe de sahipler. Ürün sayfalarında “hızlı görüntüleme” yi tıklarsınız ve ekstra görüntüler ve ihtiyacınız olan tüm bilgileri içeren küçük bir açılır pencere görünür. Müşteriyi farklı sayfalara ileri geri tıklatarak kaydeder. Basit, sezgisel tasarım.

2. Zara

Zara’nın web sitesi basitlik açısından bir masterclass. Temiz, sezgisel ve sınırlı. Hick Yasası’nın bir gereği: navigasyon seçimini sınırlayan ve kullanıcıya net ancak kısıtlı seçenekler sunan bir tasarım prensibi.

Fikir, çok fazla seçeneğin ziyaretçinizi bunaltacağıdır. Daha az seçenek sunarak kendilerini daha güvende hissederler. Bu yazı boyunca daha mükemmel navigasyona bakacağız, ancak Zara’nın en iyilerinden biri.

3. Yukarıda

Abof (Moda Hakkında Her Şey) web sitelerinde titizlikle akıllı bir UX hilesi kullanır. Ana sayfaya basın ve geleneksel bir e-ticaret sitesi gibi görünmüyor. Bunun yerine, daha çok bir blog’a benziyor. İzleyicilerine ilham veren sulu içeriklerle dolu.

Hikayeleri ve makaleleri içinde, story Hikayeyi satın alın ’adlı önemli bir bölümde kıyafetleri vurgularlar. Önceki UX makalemizde, kitlenizle ilişki kurmanın önemi hakkında konuştuk. Abof bunu mükemmel hikayeler ve içerikle yapar.

Sadece müşteri ilham aldığında bir şeyler satmaya çalışırlar.

Ürün sayfalarında, “mikro etkileşimler” in mükemmel örneklerini oluşturan yararlı “stil ipuçları” notları vardır – kitlenize ulaşan ve onları etkileşime sokan küçük külçeler.

Müşterilerin kesin ölçümlerini doğru yapmalarına yardımcı olacak bir ‘boyut rehberi’ olduğuna dikkat edin (kıyafetlerin uymama korkusu, alışveriş sepetlerini terk etmemizin en büyük nedenlerinden biridir). Ayrıca, müşterilere daha fazla bilgi vermek için “tahmini teslimat” bölümünü kullanırlar.

4. Berghaus

Berghaus bir dış giyim markasıdır, ancak sitelerine inişin ilk saniyesinde.

Bu, hedef kitlesini yakından anlayan ve onlarla mümkün olduğunca çabuk bağlantı kurmanızı sağlayan bir markadır. İlk kahraman çekimi ilham verici bir davettir. Topluluğa bağlanır ve sizi ikna eder.

Tek dezavantajı? Daha güçlü bir harekete geçirici mesaj buradaki anlaşmayı gerçekten mühürleyecek.

5. Elma

Tasarımı ve yeniliği kalbinden alan bir şirketin UX tasarımında mükemmel olmasını beklersiniz ve onlar da bunu yapar. Başlangıç ​​için ürün sayfalarına göz atın.

Görüntüleri dinamik hale getirmek, kullanıcıyı içeri çekmek ve çıkış noktalarını ortadan kaldırmak için paralaks kaydırma özelliğini kullanırlar. Apple dünyasına dalmışsın.

Akıllı animasyonlar, yeni 3D dokunuş gibi ürünlerin tam olarak nasıl çalıştığını gösterir. Kaydırma galerileri sizi etkileşime ve keşfetmeye davet eder ve akıllı kopya size yeni iPhone’un hayatınızı nasıl geliştireceğini tam olarak söyler (uzun bir özellik listesi yerine).

Gezinmeleri basit ve temiz ve seçenekleri daha da farklılaştırmak için görüntü kullanımını seviyorum (web’i tararız, bu yüzden kelimelerin birbirleriyle harmanlama alışkanlığı vardır)

Ödeme işlemi sırasında satın alırken size bir uzmanla sohbet etme seçeneği sunar. Basit ama kullanışlı bir numara. Yeni başlayanlara hat üzerinden yardım sağlar, ancak emin alıcıların kredi kartlarını çıkarmasını engellemez.

6. Bellroy

Nispeten yeni bir e-ticaret satıcısı olarak, ilk göreviniz müşterilere diğer herkesten ne kadar farklı olduğunuzu göstermektir. Bellroy bunu ince, kompakt cüzdanlarıyla mükemmel bir şekilde yapıyor.

Daha da iyisi, ürün sayfalarında, her cüzdanın kendi videosu vardır ve müşterilere tüm benzersiz özellikleri gösterir.

7. Pisti kiralayın

Rent Pist oldukça benzersiz bir konsepte sahiptir: bir elbise ya da kıyafet satın almak yerine birkaç gün ödünç alırsınız. Bu, bir daha asla giyemeyeceğiniz bir kıyafet için dışarı çıkmak istemediğiniz düğünler veya etkinlikler için harika.

Web sitesi konsepti basit bir şekilde tanıtır ve daha sonra kullanıcı etkileşimini davet ederek vesilesini seçmelerini ister.

Teslimat takvimi için de ekstra işaretler, müşterilerin kıyafetin tam olarak ne zaman geleceğini ve ne zaman iade edilmesi gerektiğini bilmesini sağlar.

Çok basit, ama çok güven verici.

8. Amazon

Amazon, dünyanın en büyük e-ticaret web sitesidir ve açıkçası en iyilerinden biridir. UX tasarımına örnek olarak özelliklerinden herhangi birini seçebilirsiniz.

Akıllı gruplarından müşteri önerilerine kadar, kullanıcılarının ihtiyaçlarını tahmin eder ve sunarlar. Ancak, bugün vurguladığımız tek tıklamayla sipariş sistemleri.

Yine de web’deki kullanıma alma verimliliğinin en iyi örneğidir. E-ticaretin merkezinde UX tasarımı araba ve ödeme sürecidir. Daha pürüzsüz, daha iyi. Ve tek tıklamayla sipariş vermekten daha yumuşak olmaz!

9. Otlat

Bilmeniz gereken her şeyi anlatan bir resim. Bir kişilik ile ifade ve tasarım. Yeni kullanıcılar için anında indirim ve büyük, cesur bir harekete geçirici mesaj.

Bu UX tasarımında basit bir masterclass.

10. TopShop

UX tasarımı söz konusu olduğunda çok fazla ürün satan dükkanların çok daha zor bir işi var. Her kot pantolonunu nasıl organize edersiniz ve sunarsınız?

Neyse ki, TopShop’un harika bir planı var. Sayfada yüzen büyük, tıknaz bir filtre kadranıyla, ürünlerinizin stilini, rengini, uyumunu ve fiyatını sürekli olarak değiştirebilir ve değiştirebilirsiniz..

Daha da serin, her ürün farenizin üzerine geldiğinizde onları giyen modelin resmine geçer. Etkileşimi teşvik eder ve müşterilere öğelere daha iyi bir bakış sağlar.

11. Protesto

Protesto sadece web üzerinde en büyük, en şişman navigasyona sahip olabilir.

Açık, özlü ve düzenli. Ayrıca, müşterinin gitme şansını da azaltır. Mavi renk, müşterinin dikkatini istediği yerde tutar.

Protesto ayrıca sitelerinde bir sürü küçük animasyon kullanıyor. Her biri üzerine geldiğinizde tetiklenir. Müşteri ilgisini korur, etkileşimi teşvik eder ve tüm siteyi dinamik hissettirir.

12. Yeni Görünüm

New Look, yenilikçi sepetleri için listede yer alıyor. Gezinme çubuğunda her zaman orada olduğunu hatırlatmak için cesur bir göstergeyle oturur.

Tıkladığınızda, sizi farklı bir sayfaya sürüklemez. Bunun yerine, çantanızda ne olduğunu göstermek için yan taraftan hareket eden bir sürgülü panel elde edersiniz. Bu, müşterilerin asla kaybolmadığı anlamına gelir ve istedikleri zaman kolayca ödeme yapabilirler.

13. Kalem, 53’e kadar

Yaklaşık 60 $ ‘lık bir stylus kalem satacaksanız, gerçekten satmalısınız! Neyse ki, ‘Kalem’, 53 ile bir dizi UX tasarım hilesi kullanarak mükemmel bir iş çıkarıyor.

Tüm özellikleri açıklamak ve size tam olarak ne yapabileceğinizi göstermek için uzun, paralaks bir kaydırma sayfası kullanırlar.

Ayrıca, diğer seçeneklerden neden daha iyi olduklarını açıklamak için harika incelemelerden yararlanıyorlar. “Kablolu” dan alıntı yapmak, ürüne güvenilirlik kazandırmak ve faydalarını özetlemek için harika bir numaradır..

14. Çiftlik Alanı

UX tasarımı hakkındaki son makalemizde, hedef kitlenizle empati kurmanın ve onlarla bağlantı kurmanın ne kadar önemli olduğunu açıkladık. Farmdrop bunu görev beyanlarını öne ve ortaya koyarak yapar.

Onlar, kilometrelerce uzakta elde edilen yiyecekleri görmekten bıkmış ve bıkmışlardır. Bu, çoğu müşterinin sahip olabileceği bir şey. Size bir şey satmaya çalışmadan önce sizinle bağlantı kurarlar ve satın almanız için bir sebep verirler.

15. Sid Mashburn

Sadece başka bir büyük açılır menü, küçük simgeleri ile tamamlandı. Geniş bir menüyü anlamamıza yardımcı olan basit bir numara. Ayrıca, web sitesine biraz daha fazla kişilik kazandırır.

16. Yavaş Saatler

Bu sadece tek elle bir saat. Oldukça benzersiz bir konsept, bu yüzden biraz açıklamak gerekiyor! Slow Watches bunu tam ekran bir açıklayıcı video ile gerçekten iyi yapıyor.

Kavramı açıklamanın yanı sıra, onu yaratmanın arkasındaki felsefeleriyle de konuşurlar (müşteriyle bağlantı kurmak için harika) ve ideal kitlelerini vurgulayan ve hedefleyen güzel görüntüler kullanırlar..

17. Ateş kutusu

Öğeleriniz normal kategorilere uymadığında yaratıcı olun! Firebox alışılmadık hediyeler ve saygısız ürünler konusunda uzmanlaşmıştır. En iyi 50 tablosu, en popüler ürünlerini keşfetmenin mükemmel bir yoludur.

Kutu düzeni, ürünlere hızlı bir şekilde göz atmak için mükemmeldir ve görüntülerin çoğu dinamik, hareketli ve müşteriyle etkileşime girer.

Hediyeler konusunda uzmanlaştıklarından, nav barlarında bir ‘hediye bulucu’ da var, seçenekleri daraltmanın harika bir yolu.

18. Tembel Yulaf

Çevrimiçi alışveriş genellikle oldukça samey hisseder ve birçoğu bir dergi veya katalog aracılığıyla eski flört sürecini kaçıracaktır..

Lazy Oaf bunu havalı ‘gözetleme kitapları’ bölümü ile geri getiriyor. Kıyafetleri birer birer döşemek yerine, kıyafetleri çeşitli kombinasyonlarda bir kerede gösterirler. Sonuçta, bir katalogda böyle görünüyorlardı.

Resimlere tıklayın ve şovdaki üç öğenin her birini seçmek için bir “hızlı satın alma” kutusu elde edin. Alışveriş yapmak için daha eski ve sürükleyici bir yol.

Ne yapmamalı!

Diğer web sitelerini parçalara ayırmak istemiyoruz, ancak bazı yanlış isimler var..

1. Fraser Hanesi

Onlar dünyanın en büyük mağazalarından biri, ancak web sitelerini yükler yüklemez büyük bir hata yapıyorlar.

Hemen bültenlerine abone olmanızı isteyen tam sayfa bir pop-up ile karşılaşırsınız.

Büyük bir isim mağazası olmalarına rağmen, alışveriş yapanların çoğunu ortadan kaldıracak çok saldırgan bir taktik. Unutmayın, bu ilk izlenim. Bir e-posta adresi sormadan önce ziyaretçinizi eğiten ve ilham veren bir kullanıcı yolculuğu oluşturmak çok daha iyidir.

Sadece bu değil, aynı zamanda bültenlerine kaydolmak için gerçek bir teşvik yoktur. Kupon kodu indirimi burada harika bir seçenek olabilir ve müşterilerin istilacı pop-up’ı affetmesine yardımcı olabilir.

2. Wal Mart

Wal Mart’ın zor bir mücadelesi var. Hemen hemen her şeyi satıyorlar, bu yüzden onu kategorize etmek ve basitleştirmek için nasıl gidiyorsunuz? Emin değilim… ama böyle değil…

Ne yazık ki, bu sadece aradığınızı bulmak neredeyse imkansız olan bir kategori karmaşasıdır.

Burada çok fazla bilgi var. Kullanıcılarınıza çok fazla seçenek sunduğunuzda, genellikle panik yaparlar ve ayrılırlar..

3. Ray-Ban

Bu biraz kaba bir seçim, çünkü Ray-Ban’ın web sitesinin çoğu kullanıcı dostu. Aslında, bir ton harika özelliği var.

Ancak, e-ticaret sitelerinin yaptığı ve müşterileri gerçekten rahatsız eden bir şey yapıyorlar. Bu:

Muhtemelen yüzlerce kez böyle bir sayfa görmüşsünüzdür. Çok kötü görünmüyor, ama aslında satışa bir engel daha oluşturuyor.

Geri dönen bir müşteriyseniz, artık hangi şifreyi oluşturduğunuzu merak ediyorsunuz. Bunu hatırlayamıyorsanız, tüm password unutulmuş parola ’sürecinden geçmek zorunda kalacaksınız. O müşteriyi her an kaybedebilirsin …

Yeni bir müşteriyseniz, misafir ödünç verilir, elbette, ancak yaptığınız tek şey onlara başka bir düğme vermeniz. Başka bir tıklama şansı.

Bu noktada, müşteriniz alışveriş sepetinden ve satın alma işleminden tamamen ayrılmıştır. Dışarı sürüklemeyin, sadece satışı kilitleyin!

–

Harika UX tasarımı, müşterileriniz için işleri kolaylaştıran küçük ayarlarla ilgilidir. Bu 18 web sitesi mükemmel bir şekilde yapıyor.

Kendi web sitenizde hangi özellikleri kullanacaksınız?