Benim katkım ne oldu?
-
Başlatma süreci
Cihaz açıldığında boş ekran yerine adım adım hangi işlemlerin yapıldığı gösterildi. Güncelleme ve senkronizasyon süreçleri netleştirilerek sürücünün güvenle işe başlaması sağlandı. -
Ödeme senaryoları
Yolcu kartını okuttuğunda sistemin anında net yanıt vermesi için tüm durumlar renkler ve büyük tipografiyle ayrıştırıldı. Tam, indirimli, serbest veya yetersiz bakiye gibi senaryolar yolcunun tek bakışta anlayacağı şekilde tasarlandı. -
Vardiya & tur akışı
Sürücünün vardiya başlatmasından tur bitirmesine kadar tüm adımlar aşama çubuğu ve onay ekranlarıyla desteklendi. Ehliyet kontrolü, rota seçimi ve tur özeti adım adım rehberlik edecek şekilde düzenlendi. -
Hata & özel durumlar
Servis dışı, geçersiz kart veya yetersiz bakiye gibi kritik anlarda belirsizlik ortadan kaldırıldı. Büyük ikonlar ve sade mesajlarla hem yolcu hem sürücü için anlaşılır, güven verici ekranlar tasarlandı.
Ana Ekran
Ekran ikiye bölündü: üst kısım cihaz ayarları, alt kısım kart/bakiye işlemleri için ayrıldı. Bu düzenleme sayesinde saha personeli, yoğun kullanım anlarında hangi işlemi nereden başlatacağını tek bakışta görebiliyor.
Ana Ekran & Yolculuk Takibi
Kullanıcı bakiyesini, aktif kartını ve yolculuk sırasında kalan durak/süreyi tek bakışta görebiliyor. Uygulamanın merkezinde şeffaflık ve hız var.
Ana ekran tek tip değil; işyeri seçimine ve kullanıcı senaryosuna göre çeşitlendi. Rozet bazlı basit versiyonun yanında, interaktif oyunlaştırma öğeleri içeren ve hesap oluşturmadan girişe izin veren alternatifler de tasarlandı. Ayrıca şehre göre illüstrasyonlar da değişebiliyor; örneğin Ankara için ekranda kentin simgeleri yer alıyor.
Hi-Fi Prototiplere Geçiş
Wireframe aşamasında yapılan düzenlemelerin ardından mobil uygulamanın hi-fi prototiplerini tasarladım. Bu aşamada tasarım sistemi, tipografi ve ikonografi kararları da netleşti.
Benim katkım nasıl oldu?
Süreç ilerledikçe, bu wireframe’ler benim yaptığım UX odaklı yorumlarla yeniden düzenlendi.
-
Bakiye bilgisi daha görünür hale getirildi.
-
Favoriler ve alarmlar eklenerek sık kullanılan hatlara hızlı erişim sağlandı.
-
Ödeme ve bakiye yükleme akışı sadeleştirilerek daha anlaşılır kılındı.
-
Başarılı/başarısız senaryolar için ayrı ekranlar tanımlandı.
Bugün elimde olan wireframe örnekleri, işte bu yorumlarım doğrultusunda güncellenmiş ara versiyonlardır.
Mobil Uygulama: Wireframe’den Hi-Fi’ya
Nereden Başladık?
Mobil uygulamanın ilk wireframe’leri iş analistleri tarafından hazırlanmıştı. Bu çizimler, sistemin iş mantığını doğru şekilde temsil ediyordu ancak kullanıcı deneyimi açısından kritik detayları eksikti. Örneğin:
-
İşlemler yalnızca happy path üzerinden kurgulanmıştı; başarısız ödeme ya da validasyon hatası gibi senaryolar işlenmemişti.
-
Görsel hiyerarşi ve akışlarda, kullanıcının kritik anlarda ihtiyaç duyduğu rehberlik yeterince yoktu.
Bu noktadan itibaren, wireframe’ler üzerine kullanıcı odaklı yorumlar yaparak tasarımı geliştirmeye başladım.
Onboarding & Hesap Yönetimi
lk akışlarda kayıt süreci çok uzun ve karmaşıktı. Kullanıcıların kaybolmaması için adımları sadeleştirdim ve doğrulama ekranlarını daha anlaşılır hale getirdim.
İşlem adımları kısaldı.
Splash screen
Onboarding ekranları
(kısa bilgilendirme)
Kayıt / Giriş seçimi
Hesap oluştur
(ad, soyad, TC/telefon, e-posta)
SMS doğrulama
Ana ekrana yönlendirme
Tasarım Dilini Ararken
Erken Konsept Çalışmaları
Araştırma ve yorumlardan önceliklerimi belirledikten sonra, işverenin talebiyle uygulamanın erken görsel konseptlerini hazırladım.
Amaç:
-
Paydaşların uygulamanın nasıl görüneceğini erkenden hayal etmesini sağlamak,
-
Renk paleti, tipografi, ikonografi ve illüstrasyon dilini test etmek,
-
Geri bildirim toplayarak ileride oluşturacağım UI Kit ve final tasarımların zeminini hazırlamak.
Bu aşamada özellikle:
-
Ana ekran varyantlarını farklı renk ve tipografi kombinasyonlarıyla denedim.
-
Kart & bakiye ekranları için farklı layout’lar çalıştım.
-
Harita/hat ekranı için illüstrasyon ağırlıklı bir konsept geliştirdim.
Konseptler arasında, erişilebilir kontrastı daha yüksek olan ve illüstrasyonla desteklenen versiyonlar öne çıktı. Bu çıktılar daha sonra oyunlaştırma kurgusu ve CO₂ takibi ekranlarının görsel kimliğini şekillendirdi.
Kullanıcı yolculuğunu nasıl haritaladım?
Projenin ilk aşamasında temel akışlar iş analistleri tarafından hazırlanmıştı. Bu akışlar daha çok sistemin iş mantığını tarif ediyordu. Ben bu akışları yeniden ele alarak kullanıcı deneyimi perspektifini ekledim.
Karmaşık adımları sadeleştirdim, eksik deneyimleri ekledim ve motivasyon katmanını tasarladım.
Böylece iş mantığına odaklı analist akışları, kullanıcı deneyimini öne çıkaran, hataları kapsayan ve motivasyonu artıran bütünlüklü yolculuklara dönüştü. Bu akışlar proje boyunca tasarım ve yazılım ekipleri için ortak referans oldu.
*Arkada yer alan akış diyagramını detaylı incelemek için:
Bu yorumlardan hareketle kendi tasarım önceliklerimi belirledim:
Kritik anlarda hız
İnsanlar işe ya da okula yetişmeye çalışırken en çok yükleme ve validasyon adımlarında gecikmeden şikâyet ediyordu. Bu yüzden tasarımda bu işlemlerin olabildiğince hızlı ve sade olması gerektiğini düşündüm.
Açık ve güven veren iletişim
“Para hesaptan düştü ama karta geçmedi” gibi yorumlar, kullanıcıya net geri bildirim verilmediğini gösteriyordu. Bu nedenle işlem sonuçlarını açıkça gösteren, anlaşılır hata mesajları eklemem gerektiğini varsaydım
Kullanıcının motivasyonunu artırmak
Uygulamanın sadece bakiye yükleme aracı olarak görülmesi, düzenli kullanımın önünde engeldi. O yüzden yolculuk geçmişi, rozet/puan sistemi ve kampanya ekranlarının uygulamayı daha cazip hale getirebileceğini düşündüm.
Sürdürülebilirliği görünür kılmak
Toplu taşımayı özel araca tercih etmenin çevresel etkisini görünür kılmak, kullanıcıya ekstra motivasyon sağlayabilirdi. Bu yüzden yolculuk sonunda CO₂ tasarrufunu gösterecek kurgular planladım.
Uygulama tüm işlevleri tek yerde topluyor, ancak kritik anlarda hız ve açıklığın daha önemli olduğunu bilerek, tasarımda her zaman bu öncelikleri gözeterek ilerledim.
Kullanıcı Yorumlarından Çıkan İçgörüler
Toplu taşıma uygulamalarının Google Play, App Store ve Ekşi Sözlük yorumlarını taradım. En çok tekrarlanan şikâyetler gündelik hayatın kritik anlarında ortaya çıkıyordu: işe yetişme, metroya binme, otobüs durağında bekleme… Kullanıcılar tam bu anlarda uygulamadan hızlı ve güvenilir bir deneyim bekliyorlardı.
Yükleme & Ödeme Sorunları
Kartıma para yükledim, hesaptan düştü ama karta geçmedi.”(İstanbulkart)
Validasyonun Yavaşlığı
Turnikede QR okutmak çok uzun sürüyor, arkamdakiler homurdanıyor. (İstanbulkart)
Offline Senaryolar
Metroda internet çekmiyor, QR açılmıyor. Böyle olunca uygulama işe yaramıyor. (İstanbulkart)
Hat & Sefer Bilgileri
Durakları bulmak çok zor, arama düzgün sonuç vermiyor. (EGO Cep’te)
Motivasyon Eksikliği
Uygulamayı sadece bakiye yüklemek için açıyorum, başka bir işe yaramıyor. (İstanbulkart)
Diğer uygulamalardan ne öğrenebiliriz?
Projenin başlangıcında kapsamlı kullanıcı araştırması yapılmadı. Ben kendi inisiyatifimle rakip uygulamaları (yerli ve yabancı toplu taşıma çözümleri) benchmark ettim.
Bu çalışmayla, farklı uygulamalardaki güçlü yönleri kendi çözümüm için referans aldım ve eksik gördüğüm noktaları geliştirme alanı olarak belirledim.
Moovit
Çoklu ulaşım seçeneklerini (otobüs, metro, bisiklet) tek ekranda sunma yaklaşımı, bende harita + durak entegrasyonunu düşünmemi sağladı.
Belbim / İstanbulkart
Kart bakiye ve yükleme ekranlarının sadeliği dikkat çekiciydi, ancak oyunlaştırma eksikti. Bunu geliştirebileceğimiz bir fırsat olarak gördüm.
Martı
QR ile hızlı doğrulama deneyimi oldukça başarılıydı. Validasyon ekranında benzer bir hız ve sadelik sağlamayı hedefledim.
Google Maps Transit
Durak & hat aramaları güçlüydü, ancak ödeme entegrasyonu yoktu. Ben bu iki işlevi tek uygulamada birleştirmenin kritik olduğunu düşündüm.
Ekoşehir
Toplu taşımada; yolcu, sürücü ve operasyon için bütüncül ücret toplama sistemi
Özet
Ekoşehir, toplu taşımada biletleme, bakiye yönetimi ve validasyon süreçlerini bütüncül bir deneyime dönüştürmek için tasarlandı. Ben; araştırma ve benchmark’tan kullanıcı akışlarının çıkarılmasına, wireframe → hi‑fi tasarımlara, prototiplemeye ve design system (renk, tipografi, komponent) üretimine kadar tüm aşamalarda aktif rol aldım. Mobil yolcu uygulamasına ek olarak POS/validator cihaz arayüzlerini, kart işlem merkezi ve yönetim uygulamasının web dashboard’larını tasarladım; illüstrasyon/animasyon ve tanıtım materyallerine katkı verdim. Süreç, projenin başında solo designer olarak başlamamla, ilerleyen aşamalarda üç kişilik tasarım ekibine liderlik ettiğim bir yapıya evrildi. Odak noktalarım; akışları sadeleştirmek, erişilebilirliği güçlendirmek ve oyunlaştırma ile kullanım motivasyonunu artırmaktı. Ayrıca diğer şehir uygulamalarından farklı olarak, yolculuk takibi ve CO₂ azaltımını görünür kılan bir oyunlaştırma kurgusu tasarladım.
Proje Türü
Mobil yolcu uygulaması, POS & validator cihaz arayüzleri, Kart İşlem Merkezi (web dashboard), Core Yönetim Uygulaması (web dashboard)
Rol
UX / UI Designer @Ekinoks Software
Tarih
2022 - 2023
Uçtan uca tasarım · Design system · Ekip liderliği
Toplu taşımada neden yeni bir deneyime ihtiyaç vardı?
Bağlam
Türkiye’de toplu taşımada hâlâ kartla ödeme ve klasik validasyon yöntemleri yaygın. Ancak mobil cüzdan, QR kod, temassız ödeme gibi dijital çözümler hızla öne çıkıyor. Belediyeler ve özel işletmeler, kullanıcı deneyimini iyileştirmek ve işlem hızını artırmak için elektronik ücret toplama sistemlerine yöneliyor. Mevcut uygulamalar yalnızca bakiye yükleme ve validasyona odaklanıyordu; kullanıcıyı motive eden veya toplu taşımayı özel araç yerine cazip kılan özellikler bulunmuyordu.
Kısıtlar
Kurum, kapsamlı UX araştırmasına yatırım yapmadığı için kullanıcı ihtiyaçları resmi çalışmalarla belgelenmemişti. Bu boşluğu masaüstü araştırma, benchmark ve hızlı paydaş görüşmeleriyle kapatmaya çalıştım.
Problem
Yolcular için
Bilet alma, bakiye görüntüleme ve validasyon sırasında zaman kaybı ve karışıklık yaşanıyor.
Sürücü/operatör için:
POS ve validator cihazlarında karmaşık ekranlar ve hata yönetimi eksikliği operasyonu yavaşlatıyor.
Back-office için:
İşlem yoğunluğu yüksek; mevcut dashboard’larda filtreleme, raporlama ve hata takibi yetersiz.
Bu projede neyi değiştirmek istedik?
-
İşlem hızını artırmak → Yolcunun bilet/QR oluşturma ve validasyon sürecini olabildiğince kısa ve sorunsuz hale getirmek.
-
Hata oranını azaltmak → POS ve validator cihazlarında sık yaşanan yanlış okuma, offline durum ve kullanıcı hatalarını minimize edecek ekran akışları tasarlamak.
-
Sürdürülebilirliği teşvik etmek → Yolculuk takibi, puanlar ve karbon ayak izi görünürlüğüyle toplu taşımayı daha cazip hale getirmek.
-
Kullanım sıklığını artırmak → Oyunlaştırma ve kampanya ekranlarıyla yolcuları uygulamayı daha düzenli kullanmaya teşvik etmek.
-
Erişilebilirliği güçlendirmek → Yüksek kontrast, büyük tipografi ve tek aksiyon odaklı tasarımlarla farklı kullanıcı gruplarının cihazları rahat kullanmasını sağlamak.
-
Operasyonel verimliliği desteklemek → Kart İşlem Merkezi dashboard’u üzerinden işlemleri filtreleme, raporlama ve hata takibini kolaylaştırmak.
Kart Yönetimi & Yükleme
lk akışlarda kayıt süreci çok uzun ve karmaşıktı. Kullanıcıların kaybolmaması için adımları sadeleştirdim ve doğrulama ekranlarını daha anlaşılır hale getirdim.
İşlem sonrası belirsizlikleri ortadan kaldırdım.
İşlem sonrası belirsizlikleri ortadan kaldırdım.
Ana ekran → “Kart ekle”
Kart bilgisi girme
(kart numarası, isim)
Kart listesi
(birden fazla kart görme)
Bakiye görüntüleme
“Bakiye yükle” seçimi
Tutar seçimi
Ödeme yöntemi seçimi (kart vs.)
İşlem onay ekranı
Başarılı → bakiye güncelleme
Başarılı → bakiye güncelleme
Validasyon & Yolculuk Deneyimi
Turnikede QR okutma yavaşlığı en çok öfke yaratan noktaydı. Akışta validasyon sürecini tek aksiyona indirdim, başarılı/başarısız senaryoları net şekilde ayırdım.
“Turnikede QR çok geç okuyor, arkamdakiler homurdanıyor.”
Ana ekrandan QR/NFC oluştur
Validatöre okut
Başarılı validasyon → yeşil onay ekranı
Başarısız validasyon → hata mesajı (örn: bakiye yetersiz)
Başarısız validasyon → hata mesajı (örn: bakiye yetersiz)
Hat & Sefer Bilgileri
Durak arama ilk akışlarda çok yüzeysel bırakılmıştı. Kullanıcıların hızla erişebilmesi için arama barı, favoriler ve harita görünümünü ekledim.
Favoriler → sık kullanılan duraklara tek tıkla erişim.
Ana ekran → “Durak/Hat Ara”
Arama barına giriş
Arama sonucu: durak listesi
Favori durak ekleme seçeneği
Hat detay ekranı:
durak listesi + sefer saatleri
Harita görünümü
(hat/durak konumu)
Gamification & Bildirimler
Uygulamanın sadece bakiye yüklemek için açılması en büyük problemdi. Akışlara yolculuk geçmişi, rozet/puan sistemi ve CO₂ azaltımını görünür kılan ekranlar ekledim. Böylece uygulama günlük motivasyon kaynağına dönüştü.
Motivasyon ve sürdürülebilirlik katmanı eklendi.
Ana ekran → “Görevler / Kampanyalar”
Puan ve rozet ekranı
Günlük/haftalık görevler listesi
Kampanya/ödül ekranı
Yolculuk geçmişinde CO₂ azaltımı gösterimi
Bildirimler: kampanyalar, duyurular, uyarılar
Kart Ekleme & Bakiye Yükleme
Bakiye yükleme adımları sadeleştirildi. İşlem sonrası başarılı/başarısız ekranlarla net geri bildirim verilerek güven sağlandı.
QR / NFC Ödeme
Turnike başında kritik anlarda kullanıcıya tek aksiyon bırakıldı. Büyük tipografi ve kontrast renklerle validasyon sonucu anında anlaşılır hale geldi.
Hat & Durak Arama
Uygulamanın en kritik ve karmaşık bölümlerinden biri arama akışıydı. Kullanıcı yalnızca otobüs hatlarını değil, metro hatlarını, durakları ve hatta bakiye yükleme bayilerini de arayabiliyor. Filtreleme seçenekleriyle sonuçları hızla daraltabiliyor. Detay ekranlarında ise canlı bilgiler sunuluyor: bir sonraki aracın kaç dakika içinde geleceği, durağa olan uzaklık ve doluluk bilgisi.
Bu özellik ilk kez kullanıldığında, kullanıcıya küçük bir onboarding akışıyla rehberlik ediliyor. Küçük ipuçları arama barının, filtrelerin ve canlı bilgi alanlarının işlevini adım adım tanıtıyor. Böylece kullanıcı karmaşık bir fonksiyona hızlıca alışıyor.
Favoriler
Sık kullanılan duraklar favorilere eklenebiliyor, hızlı erişim sağlanıyor. Kullanıcının günlük yolculuğunu basitleştiren bir özellik.
Alarmlar
Kullanıcı favori durağına alarm kurabiliyor; otobüs gelmeden bildirim alarak yolculuğunu stressiz planlayabiliyor. Bu özellik, uygulamayı proaktif bir yol arkadaşı haline getiriyor.
Gamification / Kullan-Kazan
Yolculuklardan puan ve rozet kazanılıyor, ayrıca toplu taşıma tercihi sayesinde CO₂ azaltımı görünür kılınıyor.Uygulama sadece işlevsel değil, motive edici bir hale geliyor.
Ana akışları tamamlayan ekranlar
Bu ekranlar uygulamanın tamamlayıcı senaryolarını kapsıyor. Talimatlı bakiye yükleme ve alarmlar gibi özellikler kullanıcıya proaktif destek sunarken; edge case ekranları (hata, boş state, loading) net geri bildirim sağlaması için tasarlandı. Design system parçaları ise mobilin yanı sıra POS/validator ve dashboard arayüzlerinde de tekrar kullanılabilir şekilde hazırlandı.
-
Hamburger Menü & Profil → bilgi mimarisi ve düzen.
-
Popup’lar → başarılı/başarısız, hata, boş state, loading.
-
Ödeme Yöntemi Seçimi → manuel ve talimatlı otomatik ödeme.
-
Talimatlı Bakiye Yükleme → sürpriz bakiye bitişlerini önleyen çözüm.
Component System
Projede Material Design tabanlı bir yapıdan yola çıktım; ancak bileşenlerin tamamını markanın görsel kimliğine ve kullanım senaryolarına uygun şekilde özelleştirdim. Renk paleti, tipografi, buton varyantları, input alanları, kart yapıları ve durum bileşenleri (success, error, empty state) yeniden tanımlandı.
Bu yaklaşım sayesinde mobil uygulama, POS/validator ve dashboard arayüzleri aynı tasarım diliyle tutarlı hale geldi. Ayrıca component system’in Figma’da dokümante edilmesi, ekibin ortak çalışmasını kolaylaştırdı ve ilerleyen iterasyonlarda tasarım hızını artırdı.
POS Cihazı: Bayi & Operatör Arayüzü
Bağlam
POS cihazı toplu taşıma altyapısında bayi, operatör ve sürücü tarafında kritik bir araç. Amaç yalnızca bakiye yükleme değil; abonman, vizeleme, kart aktivasyonu, işlem iptali ve gün sonu raporları gibi operasyonel işlevleri de sade ve güvenilir bir şekilde sunmaktı.
Nereden başladık?
İlk sürümlerde cihaz arayüzü çoğunlukla işlev odaklıydı; ekran yoğunluğu fazlaydı ve hata/geri bildirim akışları net değildi. Kullanıcıların (bayi çalışanı veya saha personeli) bu işlemleri hızlı yapabilmesi için tek bakışta anlaşılır ekranlar ve tutarlı buton davranışları gerekiyordu.
Benim katkım ne oldu?
Çalıştığım dönemde POS cihazı arayüzlerinde şu iyileştirmeleri yaptım:
Bakiye Yükleme & Ödeme
Kredi kartı, nakit ve otomatik yükleme akışlarını tek bir süreç altında topladım. İşlem sonunda kullanıcıya başarılı/başarısız geri bildirim ekranları gösteriliyor. Bu sayede belirsizlik ortadan kalktı ve işlem süresi ciddi ölçüde kısaldı.
Otomatik Yükleme
Kullanıcıların sıkça hata yaptığı otomatik yükleme talimatını, limit ve tutar seçim ekranlarında ikonlu butonlar ve açıklama metinleri ile sadeleştirdim. Böylece kullanıcı hangi limiti ve tutarı seçtiğini net anlıyor, hata riski ortadan kalkıyor.
Kart Aktivasyonu & Vizeleme
Yeni kart aktivasyonu ve abonman vizeleme işlemleri için adım adım yönlendirme ekranları tasarladım. İşlemin sonucunda kullanıcıya ayrı ayrı “başarılı” ve “başarısız” ekranları sunuluyor. Böylece saha çalışanı işlemin tamamlandığını veya hata aldığını anında, hiç şüpheye düşmeden görebiliyor.
Validatör Cihazı Arayüzü
Validatör cihazları, sürücünün vardiyasını başlatmasından yolcunun kart okuttuğu ana kadar farklı senaryoları yönetiyor. Tasarım sürecinde amacım, sürücü ve yolcu için bu anları olabildiğince net, hızlı ve anlaşılır kılmaktı. Açılış ekranlarından ödeme senaryolarına, vardiya akışından hata durumlarına kadar tüm kritik adımları sadeleştirip görselleştirdim.
Kart İşlem Merkezi
Toplu taşıma altyapısının en kritik parçalarından biri, kullanıcıların kart başvurularının ve işlemlerinin arka planda yönetilmesiydi. Öğrenci veya indirimli kart başvurularından kayıp kart yenilemeye, ücret tahsilatından kart basım ve aktivasyonuna kadar tüm süreç tek bir sistem üzerinden takip ediliyordu.
Ancak bu süreç hem çok adımlı hem de yüksek hacimli olduğu için, kurum çalışanları karmaşık formlar, dağınık belge yüklemeleri ve belirsiz işlem akışlarıyla zorlanıyordu.
Benim hedefim, bu yoğun operasyonu hem daha şeffaf hem de kullanıcı dostu bir deneyime dönüştürmekti. Akışı adım adım bölerek, formları sadeleştirerek ve kritik noktalara (ücret, belge, basım, aktivasyon) net geri bildirim ekranları ekleyerek personelin iş yükünü azalttım ve sürecin izlenebilirliğini artırdım.
Benim katkım ne oldu?
-
Adım adım akış kurgusu
Başvurunun tüm sürecini (başvuru → kimlik → belgeler → ücret → basım → aktivasyon) ayrı ekranlara böldüm. Böylece kullanıcı hangi aşamada olduğunu net görebiliyor. -
Formların sadeleştirilmesi
Kimlik ve kart bilgisi alanlarını gruplayarak veri girişini hızlandırdım. Gereksiz alanları kaldırıp otomatik doldurma seçeneklerini ekledim. -
Belge onayı
Belgeleri (öğrenci belgesi, kimlik, vesikalık) önizleme ve tek tıkla onay/red butonlarıyla daha hızlı kontrol edilebilir hale getirdim. -
Ücret süreci
Hizmet ücretinin ödenmediği senaryoda sürecin otomatik olarak durması veya reddedilmesi için net ekranlar tasarladım. -
Basım ve aktivasyon
Kart basımı ve POS cihazı ile yapılan aktivasyon sırasında hata ekranları ekledim; tekrar deneme akışlarını kullanıcıyı yönlendirecek şekilde düzenledim. -
Loglama & izlenebilirlik
Tüm başvurular için işlem geçmişi ekleyerek sürecin geriye dönük izlenmesini sağladım.
Yönetim Uygulaması (Dashboard)
Toplu taşıma sisteminde sadece yolcu değil, belediye ve firma yöneticilerinin de günlük işlerini kolaylaştıracak bir panel gerekiyordu. Bu panel üzerinden POS, validatör, hat, durak, araç ve sürücü verileri izleniyor, yönetiliyor ve raporlanıyordu.
Benim katkım ne oldu?
-
Ana sayfada metrik kartlarını daha okunur ve görsel hiyerarşisi güçlü hale getirdim (aktif/pasif cihaz ayrımı, bilet kullanım grafikleri).
-
Durak yönetimi ekranında listeleri harita ile eşleştirerek konum bazlı izleme kolaylaştırdım.
-
Hat yönetiminde rota çizimleri ve güncelleme akışlarını sadeleştirerek yöneticilerin günlük iş yükünü azalttım.
-
Genel tasarımda renk, tipografi ve ikonografiyi Ekoşehir tasarım sistemine uyumlu hale getirdim.
Kazanımlarım
Ekoşehir projesi benim için sadece farklı cihazlara tasarım yapmak değil, aynı zamanda çok boyutlu bir deneyim kazandıran bir süreç oldu.
-
Solo designer’dan ekip liderliğine
Projeye tek tasarımcı olarak başladım. Süreç ilerledikçe üç kişilik bir ekibi yönettim ve tutarlı bir tasarım dili oluşturulmasını sağladım. -
Çoklu cihaz deneyimi
Mobil uygulamadan POS cihazına, otobüs validatöründen yönetim dashboard’una kadar dört farklı yüz için tasarım yaparak, aynı sistemin farklı kullanıcı tiplerine nasıl yansıması gerektiğini deneyimledim. -
Design system geliştirme
Material tabanını özelleştirerek kurduğum component sistemi sayesinde her cihazda hem esnek hem de tutarlı bir deneyim sağladım. -
Kullanıcı merkezli yaklaşım
Yolcular için hız ve anlaşılabilirliği, sürücüler için operasyon kolaylığını, kurum personeli için işlem şeffaflığını, yöneticiler için izlenebilirliği ön planda tuttum. -
Uçtan uca süreç deneyimi
Araştırma, wireframe yorumları, hi-fi tasarım, prototip ve test gibi aşamaların tümünde aktif rol aldım.