22
Murat Süzük 138412040 E-Ticaret ve Alışveriş Sitelerini Tasarım Özellikleri ve İşlevselliği

E-Ticaret ve Alışveriş Sitelerini Tasarım Özellikleri ve İşlevselliği

Embed Size (px)

Citation preview

Page 1: E-Ticaret ve Alışveriş Sitelerini Tasarım Özellikleri ve İşlevselliği

Murat Süzük138412040

E-Ticaret ve Alışveriş Sitelerini Tasarım Özellikleri

ve İşlevselliği

Murat Süzük138412040

Page 2: E-Ticaret ve Alışveriş Sitelerini Tasarım Özellikleri ve İşlevselliği

Murat Süzük138412040

WI-229.12.2014

AmazonDünyanın en büyük alışveriş sitelerinden biri olan Amazon ile başlayalım.

Daha giriş sayfasında tarayıcımdaki çerezleri kullanarak daha önceki aramalarıma dayanarak öneriler bulunuyor. Yani Statik değil dinamik bir ana sayfası var.

Page 3: E-Ticaret ve Alışveriş Sitelerini Tasarım Özellikleri ve İşlevselliği

Murat Süzük138412040

Kışın gelmesi ile arama önerilerini etkiliyor. Mevsime göre ihtiyaçların değişmesini dikkate alıyor sistem.

Hesabıma bağlı bir Kindle olduğu için giriş yaptığımda ekran Ekitap önerileri ile kaplanıyor.

Eğer önerileri iyileştirmek istiyorsanız daha önce satın aldığını kitapları ve ya ürünleri oylamanızı sağlayan bir sitemde mevcut. Daha isabetli öneriler vermek için ideal.

Page 4: E-Ticaret ve Alışveriş Sitelerini Tasarım Özellikleri ve İşlevselliği

Murat Süzük138412040

Ürünleri kategoriye göre aramak istersek standart gruplar ve kendi hizmetlerini bulunduğu modern bir menüsü var. Burada dikkat edilmesi gereken nokta, kategoriler öylece bir sütunda durmuyor üzerine gelince görünen bir sistem var.

Page 5: E-Ticaret ve Alışveriş Sitelerini Tasarım Özellikleri ve İşlevselliği

Murat Süzük138412040

Örneğin kadın erkek çocuk gibi alt kategorilerde var. Her kategorinin kendi alt kategorileri var. Burada onlarca resimle göstermek zor, ziyaret edilerek bu kategoriler incelenebilir. Ancak altta tüm kategorilerin bir görüntüsü bulunmakta.

Örneğin bir filme seçtiğinize sadece bir thumbnail ile geçiştirilmemiş arka planda da filmden şeffaf bir kare konulmuş. Ayrıca filme önerilerde bulunuyor. Bunu satın alanlar bunu da aldı şeklinde.

Page 6: E-Ticaret ve Alışveriş Sitelerini Tasarım Özellikleri ve İşlevselliği

Murat Süzük138412040

Arama kısmına gelince baştaki arama kutumuzda sadece kategori ve anahtar kelime seçenekleri var.

One plus one yazarak arattığımda ise hem yazım yanlışını öneri ile düzeltme hem de aramam ile ilgili istatistikleri verme özelliği var. Şu kategoride şu kadar ürün gibi.

Page 7: E-Ticaret ve Alışveriş Sitelerini Tasarım Özellikleri ve İşlevselliği

Murat Süzük138412040

Eğer arama önerisine tıklar ve kategoride telefonları seçersem çok daha ayrıntılı bir özellik sütunu geliyor ve filtreleme ayrıntıları çok daha doğru sonuçlar getiriyor. Bu özellikler seçtiğiniz kategoriye göre çok ama çok çeşitli şartlar ve filtreler getirebiliyor.

Liste görünümü sunmuyor amazon bu kategoride ancak ızgara görünümün çeşitleri var ayrıca sıralama ölçütleri de mevcut.

Page 8: E-Ticaret ve Alışveriş Sitelerini Tasarım Özellikleri ve İşlevselliği

Murat Süzük138412040

Güne özel indirimler de bulunmakta tüketici çekme için ideal yönetimlerden biri.

Artık bir standart olan alışveriş sepeti tabi ki Amazonda da mevcut buna ek olarak İstek listesi özelliği de bulunmakta. Eğer almak istediğiniz ama o an alamayacağınız daha sonra unutmak istemediğiniz ürünler varsa buraya ekliyorsunuz. Amazonun bazı özellikleri bunlardı. Sayfa yapısı olarak ekranınızı kaplayan bir ölçeklendirme var. Yani yanlarda boşluk kalmıyor. Ne kadar sığıyorsa ona göre şekil alıyor.

AliexpressAliexpress’de ise daha sayfa açılışında ana kategoriler belli açık şekilde duruyor. Amazonda ise üzerine gelince görünür duruma geliyor. Burada ise üzerine gelince alt kategorileri çıkıyor.

Page 9: E-Ticaret ve Alışveriş Sitelerini Tasarım Özellikleri ve İşlevselliği

Murat Süzük138412040

Page 10: E-Ticaret ve Alışveriş Sitelerini Tasarım Özellikleri ve İşlevselliği

Murat Süzük138412040

Anasayfanın biraz aşağılarında Hot and New bölümü bulunuyor.

Aliexpress’de amazondan farklı olarak sayfa 1080P ekranda tam oturmuyor, bir miktar sağdan ve solda boşluk var.

Aynı şekilde one plus one diye arattığımda ise arama önerisi vererek oneplus one yazmadı ancak yine kategorilere göre sonuçları solda listeledi.

Page 11: E-Ticaret ve Alışveriş Sitelerini Tasarım Özellikleri ve İşlevselliği

Murat Süzük138412040

Telefon kategorisini seçinde yine ayrıntılı filtreleme seçenekleri burada da mevcut.

Page 12: E-Ticaret ve Alışveriş Sitelerini Tasarım Özellikleri ve İşlevselliği

Murat Süzük138412040

Ayrıca Aliexpress’de üst tarafta fiyat aralığı yada adete göre sıralamanın yanında belirli aralıklar girilerek de sınırlama yapılabiliyor.

Çıkan alakasız bir sonuca tıkladık sayfada ürün resimleri var, görüntülemek için üstüne gelmek yetiyor modern ve işlevsel bir tasarım zaten sektörün standarttı olmuş durumda. Yine sağ üstte alışveriş sepeti ve istek listesi mevcut.

Page 13: E-Ticaret ve Alışveriş Sitelerini Tasarım Özellikleri ve İşlevselliği

Murat Süzük138412040

Sayfanın aşağısında ise ürün özellikleri, yorumlar, ödeme ve kargo tabları ve bilgileri bulunuyor.

Çok uzun olduğu için burada görüntü koyamıyorum ancak şu linkten ulaşıldığunda görüleceği gibi satıcıya basit HTML kodları kullanımı ve resim ekleme özellikleri verilmiş. O da uzunca bir sayfa hazırlamış.

http://www.aliexpress.com/item/ONE-X-Original-HTC-ONE-X-XL-X-Plus-S720E-G23-unlocked-Mobile-phone-3G-WIFI/32256409520.html?s=p

Belirtmekte fayda var Aliexpress ızgara görünümünün yanında liste görünümünü de sunuyor.

Page 14: E-Ticaret ve Alışveriş Sitelerini Tasarım Özellikleri ve İşlevselliği

Murat Süzük138412040

SahibindenDaha giriş sayfasında uzun bir sütunda tüm kategorileri sunuyor.

Page 15: E-Ticaret ve Alışveriş Sitelerini Tasarım Özellikleri ve İşlevselliği

Murat Süzük138412040

Bu kategorilerin en üstüne ise acil ilanlar ya da fiyatı düşen ilanlar gibi özel kategorilerde bulunmakta.

Anasayfadaki arama kutusunda sadece yazı yazılabiliyor her hangi bir kategori ve filtre yok.

3+1 ev yazıp aratıyoruz ve amazon ve aliexpress’e göre oldukça farklı bir ekran çıkıyor karşımıza. Diğer iki site tüm sonuçları gösterip yanda şu kategorilerde çık seçebilirsiniz derken Sahibinden.com kategorileri seçmemizi istiyor

Page 16: E-Ticaret ve Alışveriş Sitelerini Tasarım Özellikleri ve İşlevselliği

Murat Süzük138412040

Konut kategorisini seçinde yine ayrıntılı bir filtreleme yeteneği bulunmakta.

Page 17: E-Ticaret ve Alışveriş Sitelerini Tasarım Özellikleri ve İşlevselliği

Murat Süzük138412040

Sayfa yapısı ise Aliexpress’deki gibi yanlarda boşluklar veriyor. Bu 3 site içindeki en kaliteli arayüz Aliexpress’de idi. Ancak Arama kısmında ise Amazon daha kaliteli bir hava uyandırıyor.

Page 18: E-Ticaret ve Alışveriş Sitelerini Tasarım Özellikleri ve İşlevselliği

Murat Süzük138412040

Çeşitli SitelerGittigidiyor.com Aliexpress idolünü takip ediyor. Tasarımlar aynı sayılır.

Hepsiburada.com ise Sahibinden.com kadar uzun olmayan ama Aliexpress’ten de uzun olan bir kategori sütununa sahip. Tasarım yine Aliexpressle paralel.

Page 19: E-Ticaret ve Alışveriş Sitelerini Tasarım Özellikleri ve İşlevselliği

Murat Süzük138412040

Son iki sitede arama ilk arama kutusunda kategori seçimi mevcut. Alışveriş sepeti bulunuyor ancak istek listesi bulunmuyor. Yine ikisinde de bir vitrin söz konusu.

n11.com’da benzer çizgide. Bir çok site bu şablonu kullanmakta, sektörün standartları oturmuş durumda. Sadece renk paletleri, yazı fontları ve ölçeklemeler farklı.

Page 20: E-Ticaret ve Alışveriş Sitelerini Tasarım Özellikleri ve İşlevselliği

Murat Süzük138412040

Bu görüntüde hızlıal.com’da çok farlı bir tasarım değil. Yine paralel.

Bu son incelediğimiz Türk alışveriş sitelerinde de yurt dışındakilere benzer arama sayfaları ve özellikleri bulunmakta. Pek farklılık sunmuyorlar.