Dijital stadyum deneyimini iOS ve Android'e taşımak.
Web platformu fikrin işe yaradığını kanıtladı. Mobil uygulama bunu bir adım öteye taşımalıydı: web tabanlı taraftar deneyimini, taraftarın stadyumda, otobüste ya da gol anında cebinden çıkarabileceği bir şeye dönüştürmek. Uygulamayı futbolun doğal bir parçası gibi tasarladık: hızlı, duygusal ve her an hazır.
Mobildeki bir taraftar platformu, telefonda dikkat çeken diğer her şeyle yarışmak zorunda: sosyal medya, mesajlaşma, başka uygulamalardaki canlı skorlar. Her bildirim, her ekran, her dokunuş, taraftarın dikkatini bölmeye değmeliydi. Mobil uygulama ayrıca web platformunun çok kulüplü kimlik sistemini çok daha küçük bir ekrana taşımalıydı.
Taraftar Plus deneyiminin tamamını sunan eksiksiz bir iOS ve Android uygulaması tasarladık: kişiselleştirilmiş kulüp panoları, canlı maç tepkileri, tahmin oyunları, sadakat puanları ve topluluk özellikleri. Mobil sürüm bunlara maçın anlarına göre zamanlanan anlık bildirimleri, tek elle kullanıma göre tasarlanmış kaydırmalı gezinmeyi ve canlı maç durumunu gösteren bir ana ekran widget'ını ekledi.
Zorluk
Futbol taraftarlarının telefonu maç sırasında zaten ellerinde. Asıl soru, uygulamayı kullanıp kullanmayacakları değil, dikkatlerini çeken onca şeyin arasında uygulamanın bu ekran süresini hak edip etmediği.
Bildirim tasarımı da deneyim tasarımıdır. Anlık bildirimler, taraftarı tam da en çok önemsediği anda uygulamaya çekmenin en etkili yolu. Zamanlamayı, tonu ve sıklığı doğru kurmak için bildirim katmanını da uygulamadaki her ekran kadar özenle tasarlamamız gerekti.
Tek elle, tek bakışta, hızlı. Maç günü taraftar telefonu tek elinde tutarken ayakta duruyor, tezahürat ediyor ya da kalabalığın içinde ilerliyor olabilir. Gezinme başparmakla yapılabilmeli, içerik iki saniyeden kısa sürede göz gezdirilerek anlaşılabilmeli ve her işleme telefonu tutuş biçimini değiştirmeden ulaşılabilmeliydi.
Küçük ekranda kulüp kimliği. Web platformu her kulübün rengini ve karakterini geniş yerleşimlerle taşıyor. Mobilde ise bu kimliği, her kulübü farklı kılan şeyi kaybetmeden küçük bileşenlere çevirmemiz gerekti: bir başlık rengi, bir ikon seti, bir ton.
Çözüm
Uygulamayı bir futbol maçının doğal akışı üzerine kurduk: maç öncesindeki bekleyiş, maç sırasındaki yoğunluk ve maç sonrasındaki değerlendirme. Her ekranı, en çok kullanılacağı ana göre tasarladık.
Kaydırmayla gezinme. Uygulamada alışıldık beş sekmeli menü çubuğu yok; ana bölümler (kulüp akışı, maç merkezi, yarışmalar ve profil) arasında kaydırarak geçiliyor. Hiyerarşi düz olduğu için temel özelliklerin her birine daha az dokunuşla ulaşılıyor.
Uyarlanabilir kulüp temaları. Tasarım sisteminde her kulüp için bir ana renk, bir ikincil vurgu rengi ve armanın nasıl kullanılacağı tanımlı. Kullanıcı kulüp değiştirdiğinde uygulamanın bütün çerçevesi yeni kulübün renklerine bürünüyor. Etkileşim kalıpları aynı kalıyor, ama his bambaşka.
Anlık bildirim mimarisi. Bildirimleri maçın anlarına göre ayırdık: kadro açıklaması (başlama vuruşundan 90 dakika önce), gol bildirimleri ve maç sonu yarışma özetleri. Her bildirim doğrudan ilgili ekranı açıyor; bildirimden içeriğe tek dokunuşla geçiliyor.
Deneyimden öne çıkanlar
Maç sırasında anlık tepkiler ve tahminler. Maç başladığında kulüp panosu Maç Günü Modu'na geçiyor: ekrandan kaybolmayan bir canlı skor bandı, canlı bir tahmin paneli ve diğer taraftarların tepkilerinden oluşan bir akış. En hareketli özellikleri tek bir kaydırılabilir ekranda topladık. Böylece taraftarlar ekran değiştirmeden katılabiliyor.
Kulüp kimliği bütünüyle cebinizde. Her kulüp panosu en önemli içeriği öne çıkarıyor: günün haberleri, sıradaki maç, güncel puan durumu ve taraftarın mevcut sadakat seviyesi. Yerleşim, kulübün o gün maçı olup olmamasına göre değişiyor: maç günü sıradaki maç ekranın merkezine yerleşiyor, maç olmayan günlerde ise akış öne çıkıyor.
Puanlar, ödüller ve yarışmalar cepte. Sadakat sistemini mobilin etkileşim kalıplarına göre yeniden tasarladık: bir sonraki seviyeye kalan puanı gösteren bir ilerleme halkası, tek ve net bir işlem sunan günlük yarışma kartı ve kullanılabilecek ödüllerin sıralandığı bir ödül rafı. Sadakatle ilgili her işlemi tek oturumda tamamlanacak şekilde kurguladık.
Tasarım süreci
Deneyim Döngüsü'nü her aşamada mobilin kendine özgü kısıtlarını gözeterek uyguladık. Web projesinden temel fark bağlamdı: mobildeki taraftar hareket hâlinde, kalabalığın içinde ve duygunun en yoğun olduğu anlarda.
Odaklandık: Tasarım hedefini "web deneyimini mobilde tekrarlamak" yerine "web'in ulaşamadığı anlar için tasarlamak" olarak yeniden tanımladık. Bu değişiklik, özelliklerin öncelik sırasını baştan belirledi. Anlık bildirimler, canlı tepkiler ve tek dokunuşla tamamlanan sadakat işlemleri listenin başına yerleşti.
Araştırdık: Web platformunu evde kullanan taraftarlarla stadyumda telefonunu kullanan taraftarlar arasındaki davranış farkını haritaladık. Görüşmelerde en değerli iki an öne çıktı: gol tepkileri ve tahminler kapanmadan önceki son saniyeler. İkisi de 60 saniyeden kısa sürüyor. Tasarım bu anları takılmadan desteklemeliydi.
Kurguladık: Bilgi mimarisini mobil için sıfırdan kurduk. Web'deki kenar çubuğu menüsü, kaydırmayla ilerleyen bir akışa dönüştü. Her bildirimin hangi ekranı açacağını, ekranları tasarlamadan önce planladık. Böylece mimari, bildirim sistemini sonradan eklenen bir parça gibi değil, en baştan taşıyacak şekilde kuruldu.
Uyguladık: Kaydırma hareketlerine dayalı prototipleri gerçek maçlarda test ettik. Kimlik sisteminin ölçeklendiğinde de ayakta kaldığından emin olmak için kulüp temalarını, tek oturumda üç kulüp arasında geçiş yaparak doğruladık.
Geliştirdik: Mobil ve web sistemlerini ortak bir tasarım token kütüphanesiyle birbirine bağladık. Bir kulüp web platformunda marka rengini güncellediğinde mobil uygulama da kendiliğinden güncelleniyor.
"İletişime ve revizyon taleplerine son derece açık ve olumlu yaklaştılar. Ekip süreç boyunca iletişimi hiç koparmadı. Ürünü kavrama becerileri de onları öne çıkardı."
SONRAKİ VAKACumhuriyet→Günde 5 milyon okura ulaşan bir gazete için editoryal sistem tasarımı.
