İçeriğe geç
Ali Akkaya
(Vaka 01 — Ödeme / POS)Tüm projeler

Tiko Sanal POS Dashboard

(Giriş)

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)
Ürün 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ç
Tiko Sanal POS Dashboard
(Zorluk)

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.

(Rol & ekip)

Ü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.

(Kararlar)

Temel ürün kararları

  1. 01Hesap durumunun, kullanıcı tabloya girmeden görünür olması için operasyonel özet kartlarını öne al.
  2. 02Filtreleri, durumu ve işlem aramasını ikincil kontrollere gizlemek yerine tabloya yakın tut.
  3. 03Operatörlerin liste bağlamını kaybetmeden bir işlemi incelemesi için kalıcı bir detay paneli kullan.
  4. 04Özet kartları, tablo satırları, rozetler ve detay durumları boyunca tek bir durum dili tanımla.
(Akış & sistem)

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)

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.

(Durumlar)

Uç durumlar & durumlar

  1. 01Liste ve detayda hakediş bekliyor, hakedildi, iade edildi, kısmen iade edildi ve tahsilat başarısız durumları.
  2. 02İşlem tablosu için boş, yükleniyor ve filtre-sonu-boş durumları.
  3. 03Terminalin çevrimdışı olması veya satışı engellemeden önce sağlığının bozulması.
  4. 04Uzun üye iş yeri adları, büyük tutarlar ve çok para birimli biçimlendirmenin grid'i bozmaması.
(Handoff)

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.

Seçili görseller

Üye iş yerlerinin ödeme hareketlerini, iadeleri, hakedişleri ve operasyonel durumları işlem düzeyindeki detayı kaybetmeden okuyabildiği bir pano.

(08)
Tiko Sanal POS Dashboard — 1
Tiko Sanal POS Dashboard — 2
Tiko Sanal POS Dashboard — 3
Tiko Sanal POS Dashboard — 4
Tiko Sanal POS Dashboard — 5
Tiko Sanal POS Dashboard — 6
Tiko Sanal POS Dashboard — 7
Tiko Sanal POS Dashboard — 8
(Problem / Çözüm)

İş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 / POS
Yapılandırılmış pano
Operasyonel karmaşıklık
(Sonraki)

Sı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.

(Etki)

Ü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ı.

  1. 01İade, hakediş ve mutabakat gibi operasyonel konular pano içine taşındı; manuel, destek-bağımlı takibe olan ihtiyaç azaltıldı.
  2. 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.
  3. 03Mevcut bileşen sistemi üzerine kuruldu; ekranlar front-end'e temiz biçimde devredildi.