SlideShare une entreprise Scribd logo
1  sur  34
Télécharger pour lire hors ligne
E-Ticaret’te
2016 UI/UX Trendleri
Mustafa Dalcı @mustafadalci
E-Ticaret’te UX/UI Trendleri2
Research Design Optimization
3 E-Ticaret’te UX/UI Trendleri
BIG 4 OF 2015
4 / 52
E-Ticaret’te 2016 UI/UX Trendleri
- E-ticaret’te UX/UI
- UX Trendleri
- UI Trendleri
“Kötü tasarlanmış web sitesi
suratsız* bir satıcıya benzer”
* grumpy
Estetik - Hız - Müşteri Deneyimi
7 / 52
Müşteri
Deneyimi
Müşterinin size
dokunduğu her
noktanın kullanıcı
odaklı
tasarlanması!
8 / 52
Bağlılık?
Stadyum köftecisi
değiliz,
müşteriler de o köfteye
mahkum kişiler değil!
9 / 52
Güven?
“İnternet’e
Güvenmiyorum”
müşterilerimizin bize
arkadaş kalalım deme
yöntemlerinden biri.
10 E-Ticaret’te UX/UI Trendleri
İŞ
TEKNOLOJİ KULLANICI
HEDEF
ALICE IN
WONDERLAND
TASARLAMIYORUZ!
Tasarım öğrenmek ile başlar.
Mevcut durum ve gelecek
birleştirilerek ulaşılan nokta
yarının ürününü oluşturur.
11 / 52
İçerik
- E-ticarette UX/UI
- UX Trendleri
- UI Trendleri
“Bu yıl mobilin yılı?”
“Bu yıl
mobil müşteriyi satışa
dönüştürmenin yılı”
14 / 52
Mobil Web
Trafikte iyi, dönüşümde
düşük bir kite karşımızda!
15 / 52
Click to Call
Mobil web’de form
doldurmak yerine çağrı
merkezini aramak çok
daha tercih edilir
durumda.
16 / 52
İletişim
Satış temsilciniz ile
müşteriniz arasında
iletişimin %93’ü
Whatsapp üzerinden
dönüyor.
17 / 52
Teslimat
Teslimat, Drone ile ürün
teslimin ötesinde…
18 / 52
Premium
Servis
Lütfen daha fazla paramı
al!
Category Manager
Community
20 / 52
Kategori
Sayfaları
Telefonları ile elbiseleri
aynı yapıda sunmaya
çalışmak anlamlı değil.
21 / 52
Ürün Bulucu
Gerçekten doğru
soruları soran ürün
buluculara ihtiyacımız
var.
Optimizasyon
Gelen trafiği artırmak
güzel, oranları artırmak
tüm mesele!
23 / 52
Tasarım kararlarına
egolar ile değil data ile
karar verin.
A/B Testi
Dinamik müşteri
yolculuğuna statik
arayüzler ile cevap
vermeyin.
Pazarlama
Otomasyonu
Feedback
Müşterinizi dinleyin!
24 / 52
Ürün Detay
- A-B testi. Bir e-ticaret firmasının tablet
için tasarladığı ürün inceleme sayfaları.
- Birinci tasarım sitenin orijinal inceleme
sayfası.Ürünün büyük fotoğrafları slide
geçişler ile kullanıcıya sunulmuş.
- İkinci tasarımda ise ürün açıklamasına
daha fazla yer verilmiş.
25 / 52
Ürün Detay
- Test sonuçlarında ikinci tasarımın
satışlarda %2,59, ziyaretçi sayısında ise
% 10 artış sağladığı gözlemlenmiştir.
%2,59
26 / 52
İçerik
- E-ticarette UX/UI
- UX Trendleri
- UI Trendleri
Flat
Ekran sayısının çokluğu
flat yapıları daha da
popüler hale getirecek.
Büyük
Görseller
Elimizi korkak
alıştırmayalım.
Detay
Ürün ön planda…
Detay
Ürün ön planda…
Minimalizm
Az çoktur!
Cards, cards…
UI kartları her yerde!
Teşekkürler
www.userspots.com
34

Contenu connexe

En vedette

Userspots - UX For Good
Userspots - UX For GoodUserspots - UX For Good
Userspots - UX For GoodUserspots
 
Dropped image 103
Dropped image 103Dropped image 103
Dropped image 103Userspots
 
UX for Good Erasmus Experience
UX for Good Erasmus Experience UX for Good Erasmus Experience
UX for Good Erasmus Experience Userspots
 
Ux Camp'14 Projeleri
Ux Camp'14 ProjeleriUx Camp'14 Projeleri
Ux Camp'14 ProjeleriUserspots
 
Userspots Optimizasyon Eğitimi
Userspots Optimizasyon EğitimiUserspots Optimizasyon Eğitimi
Userspots Optimizasyon EğitimiUserspots
 
Ux camp kullaniciarastirmalari
Ux camp kullaniciarastirmalariUx camp kullaniciarastirmalari
Ux camp kullaniciarastirmalariUserspots
 
Userspots - UX Camp - Customer Journey Mapping - Müşteri Deneyimi Yol Haritası
Userspots - UX Camp - Customer Journey Mapping - Müşteri Deneyimi Yol HaritasıUserspots - UX Camp - Customer Journey Mapping - Müşteri Deneyimi Yol Haritası
Userspots - UX Camp - Customer Journey Mapping - Müşteri Deneyimi Yol HaritasıUserspots
 
Userspots UX Sözlük
Userspots UX SözlükUserspots UX Sözlük
Userspots UX SözlükUserspots
 
Userspots - UX Camp - Persona
Userspots - UX Camp - PersonaUserspots - UX Camp - Persona
Userspots - UX Camp - PersonaUserspots
 
Kullanıcı deneyimi sunusu
Kullanıcı deneyimi sunusuKullanıcı deneyimi sunusu
Kullanıcı deneyimi sunusuBarış Korkmaz
 
Kullanılabilirlik Testi ve Kullanıcı Deneyimi Tasarımı Araçları
Kullanılabilirlik Testi ve Kullanıcı Deneyimi Tasarımı AraçlarıKullanılabilirlik Testi ve Kullanıcı Deneyimi Tasarımı Araçları
Kullanılabilirlik Testi ve Kullanıcı Deneyimi Tasarımı AraçlarıUserspots
 
İlham Alabileceğiniz 17 A/B Test
İlham Alabileceğiniz 17 A/B Testİlham Alabileceğiniz 17 A/B Test
İlham Alabileceğiniz 17 A/B TestUserspots
 
2016 UI Trendleri - Userspots Webinar
2016 UI Trendleri - Userspots Webinar2016 UI Trendleri - Userspots Webinar
2016 UI Trendleri - Userspots WebinarUserspots
 
Slayt ödev
Slayt ödevSlayt ödev
Slayt ödevlahana53
 
Mobil Pazarlama Özellikleri: Avantajlar & Dezavantajlar
Mobil Pazarlama Özellikleri: Avantajlar & DezavantajlarMobil Pazarlama Özellikleri: Avantajlar & Dezavantajlar
Mobil Pazarlama Özellikleri: Avantajlar & DezavantajlarMurat Can Demir
 
M-commerce: E-ticaret'in küçük ekrana sıkışmış hali mi yoksa yepyeni bir yakl...
M-commerce: E-ticaret'in küçük ekrana sıkışmış hali mi yoksa yepyeni bir yakl...M-commerce: E-ticaret'in küçük ekrana sıkışmış hali mi yoksa yepyeni bir yakl...
M-commerce: E-ticaret'in küçük ekrana sıkışmış hali mi yoksa yepyeni bir yakl...Webrazzi
 
Mobil pazarlama
Mobil pazarlama Mobil pazarlama
Mobil pazarlama Tutku_Duran
 

En vedette (20)

Userspots - UX For Good
Userspots - UX For GoodUserspots - UX For Good
Userspots - UX For Good
 
Dropped image 103
Dropped image 103Dropped image 103
Dropped image 103
 
UX for Good Erasmus Experience
UX for Good Erasmus Experience UX for Good Erasmus Experience
UX for Good Erasmus Experience
 
Ux Camp'14 Projeleri
Ux Camp'14 ProjeleriUx Camp'14 Projeleri
Ux Camp'14 Projeleri
 
Mobil UX
Mobil UXMobil UX
Mobil UX
 
Userspots Optimizasyon Eğitimi
Userspots Optimizasyon EğitimiUserspots Optimizasyon Eğitimi
Userspots Optimizasyon Eğitimi
 
Ux camp kullaniciarastirmalari
Ux camp kullaniciarastirmalariUx camp kullaniciarastirmalari
Ux camp kullaniciarastirmalari
 
Userspots - UX Camp - Customer Journey Mapping - Müşteri Deneyimi Yol Haritası
Userspots - UX Camp - Customer Journey Mapping - Müşteri Deneyimi Yol HaritasıUserspots - UX Camp - Customer Journey Mapping - Müşteri Deneyimi Yol Haritası
Userspots - UX Camp - Customer Journey Mapping - Müşteri Deneyimi Yol Haritası
 
Userspots UX Sözlük
Userspots UX SözlükUserspots UX Sözlük
Userspots UX Sözlük
 
Userspots - UX Camp - Persona
Userspots - UX Camp - PersonaUserspots - UX Camp - Persona
Userspots - UX Camp - Persona
 
Devfest 2015
Devfest 2015Devfest 2015
Devfest 2015
 
Kullanıcı deneyimi sunusu
Kullanıcı deneyimi sunusuKullanıcı deneyimi sunusu
Kullanıcı deneyimi sunusu
 
Kullanılabilirlik Testi ve Kullanıcı Deneyimi Tasarımı Araçları
Kullanılabilirlik Testi ve Kullanıcı Deneyimi Tasarımı AraçlarıKullanılabilirlik Testi ve Kullanıcı Deneyimi Tasarımı Araçları
Kullanılabilirlik Testi ve Kullanıcı Deneyimi Tasarımı Araçları
 
İlham Alabileceğiniz 17 A/B Test
İlham Alabileceğiniz 17 A/B Testİlham Alabileceğiniz 17 A/B Test
İlham Alabileceğiniz 17 A/B Test
 
2016 UI Trendleri - Userspots Webinar
2016 UI Trendleri - Userspots Webinar2016 UI Trendleri - Userspots Webinar
2016 UI Trendleri - Userspots Webinar
 
Trendyol.Com
Trendyol.ComTrendyol.Com
Trendyol.Com
 
Slayt ödev
Slayt ödevSlayt ödev
Slayt ödev
 
Mobil Pazarlama Özellikleri: Avantajlar & Dezavantajlar
Mobil Pazarlama Özellikleri: Avantajlar & DezavantajlarMobil Pazarlama Özellikleri: Avantajlar & Dezavantajlar
Mobil Pazarlama Özellikleri: Avantajlar & Dezavantajlar
 
M-commerce: E-ticaret'in küçük ekrana sıkışmış hali mi yoksa yepyeni bir yakl...
M-commerce: E-ticaret'in küçük ekrana sıkışmış hali mi yoksa yepyeni bir yakl...M-commerce: E-ticaret'in küçük ekrana sıkışmış hali mi yoksa yepyeni bir yakl...
M-commerce: E-ticaret'in küçük ekrana sıkışmış hali mi yoksa yepyeni bir yakl...
 
Mobil pazarlama
Mobil pazarlama Mobil pazarlama
Mobil pazarlama
 

Similaire à E-Ticaret'te UX/UI Trendleri- Userspots

Startup İş Modeli Geliştirme
Startup İş Modeli GeliştirmeStartup İş Modeli Geliştirme
Startup İş Modeli Geliştirmebicangels
 
perakendemarka.net
perakendemarka.netperakendemarka.net
perakendemarka.netCihat Var
 
Perakendemarka.net
Perakendemarka.netPerakendemarka.net
Perakendemarka.netCihat Var
 
İnovasyon bulusmaları 2013 | enpara.com
İnovasyon bulusmaları 2013 | enpara.comİnovasyon bulusmaları 2013 | enpara.com
İnovasyon bulusmaları 2013 | enpara.comAçık İnovasyon
 
Sektörden Haberler_Emarsys_Nisan 2014
Sektörden Haberler_Emarsys_Nisan 2014Sektörden Haberler_Emarsys_Nisan 2014
Sektörden Haberler_Emarsys_Nisan 2014Murat Erdör
 
Sektörden Haberler Emarsys Nisan 2014
Sektörden Haberler Emarsys Nisan 2014Sektörden Haberler Emarsys Nisan 2014
Sektörden Haberler Emarsys Nisan 2014Emarsys
 
Üye Sayısı Arttirma-Kullanma ve Üyelik Sayfasının Önemi
Üye Sayısı Arttirma-Kullanma ve Üyelik Sayfasının ÖnemiÜye Sayısı Arttirma-Kullanma ve Üyelik Sayfasının Önemi
Üye Sayısı Arttirma-Kullanma ve Üyelik Sayfasının ÖnemiEkin Sahin
 
Mobil Uygulama Geliştiricileri İçin Tavsiyeler
Mobil Uygulama Geliştiricileri İçin TavsiyelerMobil Uygulama Geliştiricileri İçin Tavsiyeler
Mobil Uygulama Geliştiricileri İçin TavsiyelerBurak Budak
 
İnternet Girişimcileri İçin Pazarlama
İnternet Girişimcileri İçin Pazarlamaİnternet Girişimcileri İçin Pazarlama
İnternet Girişimcileri İçin PazarlamaAhmet Beliktay
 
Burak Budak - Ürün Yöneticileri için Mobil
Burak Budak - Ürün Yöneticileri için MobilBurak Budak - Ürün Yöneticileri için Mobil
Burak Budak - Ürün Yöneticileri için Mobilindir.com
 
web tasarımcisi
web tasarımcisiweb tasarımcisi
web tasarımcisiHaber Vip
 
Sektörden Haberler Emarsys Nisan 2014
Sektörden Haberler Emarsys Nisan 2014Sektörden Haberler Emarsys Nisan 2014
Sektörden Haberler Emarsys Nisan 2014Emarsys Türkçe
 
Konumunuz artık birileri için çok önemli
Konumunuz artık birileri için çok önemliKonumunuz artık birileri için çok önemli
Konumunuz artık birileri için çok önemlimobilike
 
Uservision - BES 2017 Raporu
Uservision - BES 2017 RaporuUservision - BES 2017 Raporu
Uservision - BES 2017 Raporubatukhan taluy
 
E-İş / E-ticaret Stratejisi Çalıştayı
E-İş / E-ticaret Stratejisi ÇalıştayıE-İş / E-ticaret Stratejisi Çalıştayı
E-İş / E-ticaret Stratejisi ÇalıştayıFatih Karatana
 
Dijital Geleceğin Ticari Modelleri ve Potansiyel Servisler
Dijital Geleceğin Ticari Modelleri ve Potansiyel ServislerDijital Geleceğin Ticari Modelleri ve Potansiyel Servisler
Dijital Geleceğin Ticari Modelleri ve Potansiyel ServislerBilal Kabaklı
 
Onur Korkmaz | Porfolyo
Onur Korkmaz | PorfolyoOnur Korkmaz | Porfolyo
Onur Korkmaz | PorfolyoONUR KORKMAZ
 
Seo Proje Yönetimi - Arda Mendeş
Seo Proje Yönetimi - Arda MendeşSeo Proje Yönetimi - Arda Mendeş
Seo Proje Yönetimi - Arda MendeşPazarlama Türkiye
 
Eticaret kursu-sultanbeyli
Eticaret kursu-sultanbeyliEticaret kursu-sultanbeyli
Eticaret kursu-sultanbeylisersld38
 
Sektörden Haberler Emarsys Temmuz 2014
Sektörden Haberler Emarsys Temmuz 2014Sektörden Haberler Emarsys Temmuz 2014
Sektörden Haberler Emarsys Temmuz 2014Emarsys Türkçe
 

Similaire à E-Ticaret'te UX/UI Trendleri- Userspots (20)

Startup İş Modeli Geliştirme
Startup İş Modeli GeliştirmeStartup İş Modeli Geliştirme
Startup İş Modeli Geliştirme
 
perakendemarka.net
perakendemarka.netperakendemarka.net
perakendemarka.net
 
Perakendemarka.net
Perakendemarka.netPerakendemarka.net
Perakendemarka.net
 
İnovasyon bulusmaları 2013 | enpara.com
İnovasyon bulusmaları 2013 | enpara.comİnovasyon bulusmaları 2013 | enpara.com
İnovasyon bulusmaları 2013 | enpara.com
 
Sektörden Haberler_Emarsys_Nisan 2014
Sektörden Haberler_Emarsys_Nisan 2014Sektörden Haberler_Emarsys_Nisan 2014
Sektörden Haberler_Emarsys_Nisan 2014
 
Sektörden Haberler Emarsys Nisan 2014
Sektörden Haberler Emarsys Nisan 2014Sektörden Haberler Emarsys Nisan 2014
Sektörden Haberler Emarsys Nisan 2014
 
Üye Sayısı Arttirma-Kullanma ve Üyelik Sayfasının Önemi
Üye Sayısı Arttirma-Kullanma ve Üyelik Sayfasının ÖnemiÜye Sayısı Arttirma-Kullanma ve Üyelik Sayfasının Önemi
Üye Sayısı Arttirma-Kullanma ve Üyelik Sayfasının Önemi
 
Mobil Uygulama Geliştiricileri İçin Tavsiyeler
Mobil Uygulama Geliştiricileri İçin TavsiyelerMobil Uygulama Geliştiricileri İçin Tavsiyeler
Mobil Uygulama Geliştiricileri İçin Tavsiyeler
 
İnternet Girişimcileri İçin Pazarlama
İnternet Girişimcileri İçin Pazarlamaİnternet Girişimcileri İçin Pazarlama
İnternet Girişimcileri İçin Pazarlama
 
Burak Budak - Ürün Yöneticileri için Mobil
Burak Budak - Ürün Yöneticileri için MobilBurak Budak - Ürün Yöneticileri için Mobil
Burak Budak - Ürün Yöneticileri için Mobil
 
web tasarımcisi
web tasarımcisiweb tasarımcisi
web tasarımcisi
 
Sektörden Haberler Emarsys Nisan 2014
Sektörden Haberler Emarsys Nisan 2014Sektörden Haberler Emarsys Nisan 2014
Sektörden Haberler Emarsys Nisan 2014
 
Konumunuz artık birileri için çok önemli
Konumunuz artık birileri için çok önemliKonumunuz artık birileri için çok önemli
Konumunuz artık birileri için çok önemli
 
Uservision - BES 2017 Raporu
Uservision - BES 2017 RaporuUservision - BES 2017 Raporu
Uservision - BES 2017 Raporu
 
E-İş / E-ticaret Stratejisi Çalıştayı
E-İş / E-ticaret Stratejisi ÇalıştayıE-İş / E-ticaret Stratejisi Çalıştayı
E-İş / E-ticaret Stratejisi Çalıştayı
 
Dijital Geleceğin Ticari Modelleri ve Potansiyel Servisler
Dijital Geleceğin Ticari Modelleri ve Potansiyel ServislerDijital Geleceğin Ticari Modelleri ve Potansiyel Servisler
Dijital Geleceğin Ticari Modelleri ve Potansiyel Servisler
 
Onur Korkmaz | Porfolyo
Onur Korkmaz | PorfolyoOnur Korkmaz | Porfolyo
Onur Korkmaz | Porfolyo
 
Seo Proje Yönetimi - Arda Mendeş
Seo Proje Yönetimi - Arda MendeşSeo Proje Yönetimi - Arda Mendeş
Seo Proje Yönetimi - Arda Mendeş
 
Eticaret kursu-sultanbeyli
Eticaret kursu-sultanbeyliEticaret kursu-sultanbeyli
Eticaret kursu-sultanbeyli
 
Sektörden Haberler Emarsys Temmuz 2014
Sektörden Haberler Emarsys Temmuz 2014Sektörden Haberler Emarsys Temmuz 2014
Sektörden Haberler Emarsys Temmuz 2014
 

Plus de Userspots

2023 Fintech Dünyası'nın Değişimi
2023 Fintech Dünyası'nın Değişimi2023 Fintech Dünyası'nın Değişimi
2023 Fintech Dünyası'nın DeğişimiUserspots
 
UX ve SEO Birbirini Nasıl Destekler?
UX ve SEO Birbirini Nasıl Destekler?UX ve SEO Birbirini Nasıl Destekler?
UX ve SEO Birbirini Nasıl Destekler?Userspots
 
UXAlive 2017 - Mustafa Dalcı
UXAlive 2017 - Mustafa DalcıUXAlive 2017 - Mustafa Dalcı
UXAlive 2017 - Mustafa DalcıUserspots
 
Bonus Flaş Tasarım Hikayesi
Bonus Flaş Tasarım Hikayesi Bonus Flaş Tasarım Hikayesi
Bonus Flaş Tasarım Hikayesi Userspots
 
UX 2014 Almanak
UX 2014 AlmanakUX 2014 Almanak
UX 2014 AlmanakUserspots
 
Dropped image 109
Dropped image 109Dropped image 109
Dropped image 109Userspots
 
Dropped image 101
Dropped image 101Dropped image 101
Dropped image 101Userspots
 
Göz İzleme ve EEG ile Nöropazarlama
Göz İzleme ve EEG ile NöropazarlamaGöz İzleme ve EEG ile Nöropazarlama
Göz İzleme ve EEG ile NöropazarlamaUserspots
 
Kullanılabilirlik ve Kullanıcı Deneyimi Teknikleri
Kullanılabilirlik ve Kullanıcı Deneyimi TeknikleriKullanılabilirlik ve Kullanıcı Deneyimi Teknikleri
Kullanılabilirlik ve Kullanıcı Deneyimi TeknikleriUserspots
 
UX Analytics Sibel Akçekaya
UX Analytics Sibel AkçekayaUX Analytics Sibel Akçekaya
UX Analytics Sibel AkçekayaUserspots
 
UX Analytics Deniz Utku
UX Analytics Deniz UtkuUX Analytics Deniz Utku
UX Analytics Deniz UtkuUserspots
 

Plus de Userspots (11)

2023 Fintech Dünyası'nın Değişimi
2023 Fintech Dünyası'nın Değişimi2023 Fintech Dünyası'nın Değişimi
2023 Fintech Dünyası'nın Değişimi
 
UX ve SEO Birbirini Nasıl Destekler?
UX ve SEO Birbirini Nasıl Destekler?UX ve SEO Birbirini Nasıl Destekler?
UX ve SEO Birbirini Nasıl Destekler?
 
UXAlive 2017 - Mustafa Dalcı
UXAlive 2017 - Mustafa DalcıUXAlive 2017 - Mustafa Dalcı
UXAlive 2017 - Mustafa Dalcı
 
Bonus Flaş Tasarım Hikayesi
Bonus Flaş Tasarım Hikayesi Bonus Flaş Tasarım Hikayesi
Bonus Flaş Tasarım Hikayesi
 
UX 2014 Almanak
UX 2014 AlmanakUX 2014 Almanak
UX 2014 Almanak
 
Dropped image 109
Dropped image 109Dropped image 109
Dropped image 109
 
Dropped image 101
Dropped image 101Dropped image 101
Dropped image 101
 
Göz İzleme ve EEG ile Nöropazarlama
Göz İzleme ve EEG ile NöropazarlamaGöz İzleme ve EEG ile Nöropazarlama
Göz İzleme ve EEG ile Nöropazarlama
 
Kullanılabilirlik ve Kullanıcı Deneyimi Teknikleri
Kullanılabilirlik ve Kullanıcı Deneyimi TeknikleriKullanılabilirlik ve Kullanıcı Deneyimi Teknikleri
Kullanılabilirlik ve Kullanıcı Deneyimi Teknikleri
 
UX Analytics Sibel Akçekaya
UX Analytics Sibel AkçekayaUX Analytics Sibel Akçekaya
UX Analytics Sibel Akçekaya
 
UX Analytics Deniz Utku
UX Analytics Deniz UtkuUX Analytics Deniz Utku
UX Analytics Deniz Utku
 

E-Ticaret'te UX/UI Trendleri- Userspots