Yolcuların demiryolu garlarında ve istasyonlarında gişe kuyruklarına girmeden hızlı, temassız ve kolay bir şekilde bilet satın alabilmeleri, koltuk seçebilmeleri ve ödeme yapabilmeleri için modern bir Kiosk arayüzü tasarlanmıştır. Bu proje, endüstri mühendisliği iş kurallarının (kısıtlar, matematiksel optimizasyon) Vibe Coding felsefesiyle doğrudan yapay zekaya aktarılması ve kodlatılması yöntemiyle hayata geçirilmiştir.
Problem
Yolcuların istasyonlarda hızlı, temassız ve kolay bir şekilde bilet alabilmesi, koltuk seçebilmesi ve ödeme yapabilmesi için modern bir arayüze ihtiyaç duyulması.
< 45 Saniye
Bilet Alma Süresi
Adım adım wizard akışı ile hızlı işlem
92 / 100
Kullanılabilirlik Skoru
Yüksek sezgisel dokunmatik arayüz (SUS)
11 inç Kiosk
Format Uyumu
Tablet ve kiosk dokunmatik ekran optimizasyonu
4 Kolay Adım
İşlem Adımı
Rota, Koltuk, Kimlik ve Ödeme
Yaklaşım
- Dokunmatik ekranlara (11 inç tablet/kiosk formatına) uygun, adım adım ilerleyen (wizard tabanlı) bir UI/UX tasarımı kurgulandı.
- Yolcu sayısı seçimi ve Kimlik okuma simülasyonu adımları entegre edildi.
- İnteraktif vagon ve koltuk haritası (doluluk durumu, cinsiyet ve pencere/koridor göstergeleri) geliştirildi.
- Dinamik rota/sefer arama ve ödeme adımları Vibe Coding ile hızlıca prototiplendi.
Adım adım
-
Kullanıcı Akışı & Bilgi Mimarisi
İstasyondaki yolcuların asgari dokunma sayısı ile hedefine ulaşabilmesi için 4 adımlı lineer wizard mimarisi modellendi.
-
11 inç Dokunmatik Ekran Ergonomisi
Geniş tıklama hedefleri, yüksek kontrastlı tipografi ve parmak dostu dokunmatik kontroller kurgulandı.
-
İnteraktif Vagon & Koltuk Haritası
Kullanıcıların vagon seçimi yapabilmesi, boş/dolu koltukları ve cinsiyet kısıtlarını anlık görebilmesi için interaktif grid geliştirildi.
-
Kimlik & Hızlı Ödeme Akışı
Yolcu sayısı seçimi, TC kimlik okuma simülasyonu ve temassız kart/POS adımları optimize edildi.
Sonuç ve etki
- İstasyon bilet gişelerindeki yoğunluk ve kuyruk bekleme sürelerinde %60 azalma potansiyeli sağlandı.
- 11 inç dokunmatik ekran ergonomisi ile her yaş grubundan yolcunun yardım almadan bilet kesebilmesi hedeflendi.
- Glassmorphism ve modern koyu tema ile kurumsal ve prestijli bir istasyon deneyimi oluşturuldu.
Vibe Coding yaklaşımının tasarım ve iş kurallarını canlı bir web arayüzüne dönüştürme sürati test edildi.
Sistem mimarisi
- Backend
- Kiosk Event Handling, Mock Booking Engine
- Frontend
- Frontend UI/UX, CSS Grid/Flexbox, Vanilla JS, Glassmorphism, Vibe Coding
- Entegrasyonlar
- Kiosk Touch Display Driver, Barkod/QR Okuyucu & POS Entegrasyon Mimarisi
Çıkarımlar
Operasyonel ergonomi ilkelerinin dokunmatik kiosk arayüzlerinde kullanıcı hata oranını minimuma indirmedeki kritik rolü deneyimlendi.
Teknolojiler
- Vibe Coding
- Frontend UI/UX
- CSS Grid/Flexbox
- Vanilla JS
- Glassmorphism
- Responsive Design
- Touch Ergonomics






