Kart Bilgilerini ve Kampanyaları Tek Bir Yerde Toplayan Uygulama; Bonus Flaş Yayında! Userspots olarak en çok efor harcadığımız ve bu eforun karşılığında (500.000 +) kullanıcı sayısına ulaşarak gururlanmamıza sebep olan ’Bonus Flaş’ 2015’in sonlarına doğru hayata geçti. Bonus Flaş tasarımı sürecinde, kullanıcıların alışveriş alışkanlıkları ile ürünün KPI’larını orta noktada buluşturabilmek için deneyim tasarımı gerçekleştirdik.

1. Marketing Aralık Ayı Rapor Sunumu1

2. Bonus Flaş Kullanıcı Deneyimi Tasarımı Yaklaşımı2

3. Bonus Flaş Kullanıcı Deneyimi Tasarımı Yaklaşımı
Bonus Flaş
IOS ve Android’te…
Kart Bilgileri ve Kampanyalar
Tek Uygulamada!
Bonus Flaş

4. Bonus Flaş Kullanıcı Deneyimi Tasarımı Yaklaşımı
Bonus Flaş
Userspots olarak en çok efor harcadığımız ve
sonucunda (500.000 +) kullanıcı sayısına ulaşarak
gururlanmamıza sebep olan ’Bonus Flaş’
2015’in sonlarına doğru hayata geçti.
4
IOS ve Android olmak üzere iki farklı işletim sistemi
için tasarım gerçekleştirdik.

5. Bonus Flaş Kullanıcı Deneyimi Tasarımı Yaklaşımı5
Research

6. Bonus Flaş Kullanıcı Deneyimi Tasarımı Yaklaşımı6
Araştırma aşamasında, derinlemesine görüşmeler,
kullanılabilirlik testleri, göz izleme testleri ve Garanti
Bankası içerisinde; şube, çağrı merkezi, iç ekipler ile
yapılan görüşmelere ek olarak mobil deneyimi
incelemek üzerine de ayrı bir çalışma gerçekleştirdik.
Research

7. Bonus Flaş Kullanıcı Deneyimi Tasarımı Yaklaşımı7
Çalışma içerisinde; 16 Bonus müşterisi ile alışveriş
anı da dahil olmak üzere görüşmeler, Finansal işlem
ve kampanya ile ilgili mobil uygulama
alışkanlıklarına yönelik bir netnografi çalışması,
Kredi kartı alışverişi günlük çalışması
gerçekleştirildi.
Araştırma sonucunda, kullanıcıların Bonus Flaş’tan
beklentileri, Kontrol sahibi olmak, ayrıca efor
harcamadan Takip edebilmek ve kendini Güven’de
hissetmek gibi önemli ana başlıklar ortaya çıkmış
oldu.
Kontrol-Takip-Güven

8. Bonus Flaş Kullanıcı Deneyimi Tasarımı Yaklaşımı8
Kontrol
Kullanıcılar, kredi kartı ile gerçekleştirdikleri işlemlerin
öncesinde ve sonrasında, ürün ile ilgili bilgilere hızlı ulaşmak ve
bu işlemleri hızlı düzenlemek istiyor.
Kullanıcılar alışveriş öncesinde kalan limitlerini görmek
istiyorlar.
“Kredi kartımdan çok fazla yere ödeme yapıyorum. Ev için tüm alışverişlerimi onun
üzerinden yapıyorum. Bazen limiti dolmuş oluyor. Ödeme yapmadan önce kontrol
ediyorum.”
S.D

9. Bonus Flaş Kullanıcı Deneyimi Tasarımı Yaklaşımı9
Kullanıcılar rutin olarak limitlerini takip ediyorlar.
“Ay ortasında, 2 haftada bir kontrol ediyorum harcamalarımı.
Ekstrenin kesim tarihini beklemiyorum. Kendimi ona göre
ayarlayıp ay sonuna da biraz limit bırakmam gerekiyor.”
E.A
Kalan limiti ve gelecek dönem ödenecek miktar, alışveriş
sırasında taksit adedini belirlemede kullanıcıya yardımcı
oluyor. Kullanıcılar rutin olarak limitlerini takip ediyorlar.
“Yüksek tutarlı bir alışveriş yapacaksam, taksitlendirmeden
önce hesabımı kontrol ediyorum. Önümüzdeki ay beni ne
kadar zorlayacak, kaç taksit yapmam gerek?”
K.D

10. Bonus Flaş Kullanıcı Deneyimi Tasarımı Yaklaşımı10
Takip
Finansal işlemlerde korumacı ve kontrol sahibi olmak isteyen
kullanıcılar, kampanya konularında sadece takip etmek istiyor.
Kampanyaları inceleyen kullanıcıların görmek istediği
kampanyalar; o an bulunduğu lokasyona ve zamana göre
değişiklik gösteriyor. Kampanya tercihinde ise kişisel ihtiyaçlar
daha ağır basıyor.

11. Bonus Flaş Kullanıcı Deneyimi Tasarımı Yaklaşımı11
Güven
Güvende hissetmek; kullanıcılar için finansal işlemleri ve
kampanyaları ihtiyaç duyulan anda takip edebilmek ve
gerektiği anda işlem gerçekleştirerek kontrol sahibi olmak
anlamına geliyor.
Kredi kartı ile bir ödeme yaptıktan sonra veya internet şube
üzerinden bir işlem yaptıktan sonra işlemin nasıl yansıdığını
görmek, limitlerini ve kazançlarını takip etmek kullanıcıların
güvende hissetmek için başvurduğu yollar arasında geliyor.

12. Bonus Flaş Kullanıcı Deneyimi Tasarımı Yaklaşımı12
Prototip
Testi
Tasarım süresince alınan kararlar ve analiz sürecindeki
bulguların yanı sıra süreçte gerçekleştirilen prototip
testleri ve kullanıcı görüşmeleri ile desteklendi.
Testler ile ana sayfa, temel fonksiyon akışları ve
navigasyon üzerine odaklandı.

13. Bonus Flaş Kullanıcı Deneyimi Tasarımı Yaklaşımı13
UX (User Experience)

14. Bonus Flaş Kullanıcı Deneyimi Tasarımı Yaklaşımı14
174
Wireframe
17
Süreç
3
Konsept

15. Bonus Flaş Kullanıcı Deneyimi Tasarımı Yaklaşımı15
UX Stratejisi
Kullanıcıların ihtiyaçları doğrultusunda; Zaman,
Harcama, Lokasyon olmak üzere üç ana başlıkta
toparlanarak tek bir ekranda gösterildi. Sonrasında
kullanıcıların bu fonksiyonları özelleştirebilmesi ile kişisel
bir uygulamaya dönüşmesi kurgulandı.

16. Bonus Flaş Kullanıcı Deneyimi Tasarımı Yaklaşımı16
Version 1 Version 2 Final
Son ürüne ulaşılana kadar
3 farklı konsept çalışıldı.
Kullanıcıların ihtiyaçları doğrultusunda;
Zaman, Harcama, Lokasyon olmak üzere
üç ana başlıkta toparlanarak tek bir
ekranda gösterildi. Sonrasında
kullanıcıların bu fonksiyonları
özelleştirebilmesi ile kişisel bir
uygulamaya dönüşmesi kurgulandı.
Version
Çalışmaları

17. Bonus Flaş Kullanıcı Deneyimi Tasarımı Yaklaşımı17
Kampanya takip ekranında, kullanıcıların
kampanyaları takip edemedikleri
gözlemlendi.
Kampanyaları inceleyen kullanıcıların görmek istediği
kampanyalar; o an bulunduğu lokasyona ve zamana göre
değişiklik gösterdiği gözlemlendi. Kampanya tercihinde
ise kişiselleştirilebilir öneri ve kampanya haritası ile
kullanıcının istediği kampanyaya yönlendirilmesi sağlandı.
Kampanya Takip

18. Bonus Flaş Kullanıcı Deneyimi Tasarımı Yaklaşımı18
Favorilerim ve
Kampanya Habercisi
Kullanıcıların en çok takip ettiği firmalar favorilerim alanı ile tek
yerde toplandı.
Kampanya habercisi ile de kullanıcıların tercih ettikleri firmalara
ait kampanya haberlerinin verildiği ‘Kampanya Habercisi’ alanı
tasarlandı.

19. Bonus Flaş Kullanıcı Deneyimi Tasarımı Yaklaşımı19
Kart Bilgileri Soft Login Soft Login
Şifre
Birden çok kartın olması durumunda tek
uygulama altında diğer kartların detaylı
bilgilerine ulaşabilme kolaylığı Bonus Flaş
ile sağlandı.
Login Ekranları

20. Bonus Flaş Kullanıcı Deneyimi Tasarımı Yaklaşımı20
UI (User Interface)

21. Bonus Flaş Kullanıcı Deneyimi Tasarımı Yaklaşımı21
İki farklı işletim sistemi için Flat tasarım anlayışı ile,
ikon tasarımları, renk kategorileri, animasyonlar
tasarlandı.
UI (User Interface)

22. Bonus Flaş Kullanıcı Deneyimi Tasarımı Yaklaşımı22

23. Bonus Flaş Kullanıcı Deneyimi Tasarımı Yaklaşımı23
İKON
ÇALIŞMALARI
Sektör İkonları
Bildirim İkonları
Hata ve Uyarı İkonları
Menü İkonları
Navigasyon Bar İkonları

24. Bonus Flaş Kullanıcı Deneyimi Tasarımı Yaklaşımı24
Bonus Kart Ailesi
Farklı aile grupları için UI Çalışmaları
Kullanıcıların birden çok kartları olması durumunda oluşan karışıklık
Bonus Kart Ailesi geçişleri uygulanarak sadeleştirildi.

25. Bonus Flaş Kullanıcı Deneyimi Tasarımı Yaklaşımı25
BonusFlaş uygulamasının tasarımında 3 temel ihtiyacımız
vardı: Yenilikçi olması, müşteri ihtiyaçlarını doğru
adreslemesi ve tabii ki kolay kullanılabilir olması. Hem bu
ihtiyaçlarımızı iyi anlayan hem de böyle uzun soluklu bir
projede yüksek motivasyon ve iş kalitesiyle çalışan
Userspots ekibine gönülden teşekkür ediyorum. Bizlerin ve
müşterilerimizin sesini çok iyi dinlediniz, projemizi bizler
kadar sahiplendiniz ve getirdiğiniz bakış açılarıyla, dünyada
uygulanmaya başlayan yeni trendlerle yenilikçiliğin önünü
açtınız. Yolunuz açık olsun…
BonusFlaş, müşterilerin ihtiyaçlarından yola çıkan bir
uygulama fikri idi. Bu ihtiyaçların karşılığı olan hizmetleri bir
uygulamaya koymak istediğimizde temel soru kolay ve keyifli
bir müşteri deneyimini nasıl yaratacağımız oldu. Bu noktada
Userspots ekibi devreye girdi ve uygulamada vermek
istediğimiz hizmetler ile vermemiz gerekenler arasında bir
denge oturtmak için çok yoğun bir çalışma yaptı. Bu uzun
soluklu ve çok başarılı çalışma için tüm Userspots ekibine
teşekkür ediyorum, BonusFlaş’ın bugünkü başarısında önemli
yeriniz olduğunu düşünüyor başarılarınızın devamını
diliyorum.
Isil Akdemir Evlioglu Çağrı Süzer
Pazarlama ve Bireysel Kartlar
Genel Müdür Yardımcısı
Dijital Pazarlama ve Ticari Kartlar
Genel Müdür Yardımcısı

26. Bonus Flaş Kullanıcı Deneyimi Tasarımı Yaklaşımı26