Tiko Sanal POS Dashboard
Tiko, üye iş yerlerinin her gün ödeme hareketlerini okuyup mutabakat yapması gereken bir sanal POS ürünü. Pano, hesap sağlığını hızlıca görünür kılmalı; aynı zamanda operatörlerin tek bir işlemi inceleyip yaşam döngüsünü anlamasına ve mevcut durumuna göre aksiyon almasına izin vermeliydi.
- (Bağlam)
- Figensoft · Sanal POS / üye iş yeri paneli
- (Rol)
- Senior UI/UX Tasarımcısı — UX mimarisi, UI tasarımı, pano akışları ve teslimat
- (Kapsam)
- Pano yapısı, işlem listesi, filtreler, durum mantığı, detay paneli, hakediş/iade durumları, bileşen desenleri ve geliştirici teslimatı
- (Platform)
- Web panosu / üye iş yeri arka ofisi
- (Durum)
- Profesyonel iş
- (Canlı ürün)
- Canlı paneli aç
Problem
Üye iş yeri panelleri yoğun operasyonel bilgi taşır ama operatörlerin yine de hıza ihtiyacı vardır. Özetler, filtreler, işlem satırları ve detay durumları arasında bağlamı korumaya çalışarak gezinirler. Asıl gerilim, genel görünüm ile detayı bir arada tutmaktı: hesap bir bakışta okunabilir olmalı, ama her satır yine de incelemeye ihtiyaç duyabilir.
Üründe tek tasarımcıydım; iki frontend, üç backend geliştirici ve ürün paydaşlarıyla yakın çalıştım. Panoyu uçtan uca sahiplendim — ihtiyaç analizi, akışlar, bilgi mimarisi, ekranlar ve Figma handoff — yoğun finansal ekranları gerçek backend veri kısıtlarına uyarladım, yayın sonrası haftalık geri bildirimleri tasarıma geri işledim.
Temel ürün kararları
- 01Hesap durumunun, kullanıcı tabloya girmeden görünür olması için operasyonel özet kartlarını öne al.
- 02Filtreleri, durumu ve işlem aramasını ikincil kontrollere gizlemek yerine tabloya yakın tut.
- 03Operatörlerin liste bağlamını kaybetmeden bir işlemi incelemesi için kalıcı bir detay paneli kullan.
- 04Özet kartları, tablo satırları, rozetler ve detay durumları boyunca tek bir durum dili tanımla.
Akış ve sistem tasarımı
Pano, günlük operasyon döngüsü etrafında kuruludur: hesabı tara, listeyi filtrele, bir işlemi incele ve bir durumu çöz. Filtreler, tablo seçimi ve detay paneli aynı modeli paylaşır; böylece her aksiyon kullanıcının yönünü korur. Hakediş ve iade davranışı ayrı sayfalar yerine işlem durumları olarak ele alınır.
Arayüz sistemi
Arayüz sistemi derli toplu ve operasyoneldir: KPI kartları, filtre çipleri, yoğun tablolar, durum rozetleri ve sağdaki detay paneli. Bileşenler aynı boşluk, tipografi ve durum kurallarını paylaşır; böylece pano yoğun veri altında stabil kalır. Hover, seçili, yükleniyor, boş ve filtre-sonu-boş durumları, ürünün gerçek arka ofis koşullarında kullanılabilir kalması için tanımlanmıştır.
Uç durumlar & durumlar
- 01Liste ve detayda hakediş bekliyor, hakedildi, iade edildi, kısmen iade edildi ve tahsilat başarısız durumları.
- 02İşlem tablosu için boş, yükleniyor ve filtre-sonu-boş durumları.
- 03Terminalin çevrimdışı olması veya satışı engellemeden önce sağlığının bozulması.
- 04Uzun üye iş yeri adları, büyük tutarlar ve çok para birimli biçimlendirmenin grid'i bozmaması.
Geliştirici teslimatı
Geliştirme ekibinin uygulayabilmesi için açıklamalı akışlar, pano yapısı ve bileşen durumları teslim ettim. Teslimat; durum mantığı, tablo davranışı, detay-paneli yapısı ve durum tanımlarını içeriyordu; böylece hakediş ve iade davranışı yoruma yer bırakmadan uygulanabildi. Tiko'nun sanal POS üye iş yeri paneli olarak canlıda çalışıyor.
Üye iş yerlerinin ödeme hareketlerini, iadeleri, hakedişleri ve operasyonel durumları işlem düzeyindeki detayı kaybetmeden okuyabildiği bir pano.
(08)
İşlem karmaşıklığından daha net üye iş yeri operasyonlarına
İş; ödeme hareketlerini, iadeleri, hakedişleri, işlem durumunu ve raporlamayı daha net bir üye iş yeri paneli yapısına yeniden düzenliyor.
Ödeme / POSSırada neyi geliştiririm
Tekrarlayan operatör görevleri için kayıtlı görünümler ekler ve güçlü kullanıcılar için toplu aksiyonları keşfederdim. Ayrıca hakedişleri ödemelere doğrudan listenin içinde bağlayan hafif bir mutabakat modu tasarlardım.
Üye iş yerlerine yönelik bir sanal POS panosu: işlem özetlerini, ödeme durumunu ve operasyonel aksiyonları daha net, self-servis tek bir yüzeyde topluyor — manuel takibi azaltmak ve yüksek frekanslı finansal işlemleri kolayca taranıp aksiyona dönüştürülebilir kılmak için tasarlandı.
- 01İade, hakediş ve mutabakat gibi operasyonel konular pano içine taşındı; manuel, destek-bağımlı takibe olan ihtiyaç azaltıldı.
- 02Bilgi mimarisi, üye iş yerinin en çok baktığı şeylere göre düzenlendi — günün özeti, işlem durumu, para birimi bazlı toplamlar ve son işlemler.
- 03Mevcut bileşen sistemi üzerine kuruldu; ekranlar front-end'e temiz biçimde devredildi.