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

Tiko Sanal POS Dashboard

(Giriş)

Tiko Sanal POS, üye iş yerlerinin günlük ödeme hareketlerini takip ettiği, işlem durumlarını kontrol ettiği ve mutabakat süreçlerini yönettiği bir merchant dashboard ürünü. Panelin bir yandan hesap sağlığını hızlıca göstermesi, diğer yandan tekil bir işlemin durumunu, yaşam döngüsünü ve olası aksiyonlarını detay seviyesinde anlatması gerekiyordu.

(Bağlam)
Figensoft · Sanal POS / üye iş yeri paneli
(Rol)
Senior UI/UX Tasarımcısı — UX mimarisi, UI tasarımı, dashboard akışları ve geliştirici teslimatı
(Kapsam)
Dashboard yapısı, işlem listesi, filtreleme ve arama, durum mantığı, işlem detay paneli, hakediş/iade durumları, KPI kartları, terminal sağlığı, bileşen durumları ve geliştirici teslimatı
(Platform)
Web dashboard / üye iş yeri backoffice'i
(Durum)
Profesyonel proje
İşlem karmaşıklığından daha net üye iş yeri operasyonlarına — Yapılandırılmış dashboard
Yapılandırılmış dashboard
İşlem karmaşıklığından daha net üye iş yeri operasyonlarına — Operasyonel karmaşıklık
Operasyonel karmaşıklık
(Zorluk)

Problem

Üye iş yeri panelleri yoğun finansal ve operasyonel bilgi taşır; ancak kullanıcıların yine de hızlı karar alması gerekir. Özet kartları, işlem satırları, filtreler, para birimleri, hakediş/iade durumları ve terminal bilgileri aynı yüzeyde çalışır. Asıl problem, genel görünüm ile işlem detayı arasındaki bağlamı kaybetmeden; kullanıcının hem hesabı tarayabilmesini hem de tekil bir işlemi inceleyebilmesini sağlamaktı.

Seçili görseller

Üye iş yerlerinin ödeme hareketlerini, iadeleri, hakedişleri ve terminal durumunu tek yerden izleyebildiği; işlem detayını kaybetmeden aksiyon alabildiği sanal POS paneli.

(09)
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
Tiko Sanal POS Dashboard — 9
(Etki)

Üye iş yerlerine yönelik sanal POS dashboard'u; işlem özetlerini, ödeme durumlarını, hakediş/iade bilgisini ve operasyonel aksiyonları daha net, self-servis tek bir yüzeyde toplamak için tasarlandı.

  1. 01İade, hakediş ve mutabakat gibi operasyonel konular dashboard içinde görünür hale getirildi; kullanıcının işlem durumunu destek bağımlılığına gitmeden okuyabilmesi hedeflendi.
  2. 02Bilgi mimarisi, üye iş yerinin en sık kontrol ettiği başlıklara göre düzenlendi: gün özeti, işlem durumu, para birimi bazlı toplamlar, son işlemler ve terminal sağlığı.
  3. 03Mevcut bileşen sistemi üzerine kuruldu; ekranlar front-end ekibine temiz ve uygulanabilir şekilde devredildi.
(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. Süreçte ihtiyaç analizi, akış kurgusu, bilgi mimarisi, ekran tasarımı ve Figma handoff aşamalarını uçtan uca sahiplendim. Yoğun finansal ekranları gerçek backend veri kısıtlarına göre uyarladım ve yayın sonrası gelen haftalık geri bildirimleri tasarım sürecine geri işledim.

(Kararlar)

Temel ürün kararları

  1. 01Hesap durumunun tabloya girmeden okunabilmesi için operasyonel özet kartlarını öne al.
  2. 02Filtre, durum ve işlem aramasını tabloya yakın tut; sık kullanılan kontrolleri ikincil alanlara gizleme.
  3. 03Kullanıcının liste bağlamını kaybetmeden işlem inceleyebilmesi için kalıcı bir detay paneli kullan.
  4. 04Özet kartları, tablo satırları, rozetler ve detay paneli boyunca ortak bir durum dili tanımla.
  5. 05Hakediş, iade, başarısız işlem ve terminal sağlığı gibi operasyonel durumları aynı sistem içinde okunabilir hale getir.
(Akış & sistem)

Akış ve sistem tasarımı

Dashboard, günlük operasyon döngüsü etrafında kurgulandı: hesabı tara, işlemleri filtrele, bir satırı incele, durumu yorumla ve gerekiyorsa aksiyon al. Filtreler, tablo seçimi ve detay paneli aynı akış modeliyle çalışır; böylece kullanıcı bir işlemi incelerken nereden geldiğini ve hangi bağlamda olduğunu kaybetmez. Hakediş ve iade davranışları ayrı birer hedef sayfa gibi değil, işlem yaşam döngüsünün parçası olarak ele alındı.

(Arayüz)

Arayüz sistemi

Arayüz sistemi yoğun veriyle çalışacak şekilde kompakt ve operasyonel tutuldu. KPI kartları, filtre çipleri, yoğun tablolar, durum rozetleri, terminal bilgileri ve sağdaki detay paneli aynı boşluk, tipografi ve durum kurallarını paylaşır. Hover, seçili, yükleniyor, boş ve filtre sonrası boş sonuç durumları tanımlanarak panelin gerçek backoffice koşullarında stabil kalması hedeflendi.

(Durumlar)

Uç durumlar & durumlar

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

Geliştirici teslimatı

Geliştirme ekibinin uygulayabilmesi için açıklamalı akışları, dashboard yapısını, tablo davranışlarını, detay paneli mantığını ve bileşen durumlarını teslim ettim. Handoff; durum mantığı, hakediş/iade davranışı, filtreleme modeli ve detay-paneli yapısının yoruma açık kalmamasına odaklandı. Ürün, Tiko'nun sanal POS üye iş yeri paneli olarak canlıda çalışıyor.

(Sonraki)

Sırada neyi geliştiririm

Tekrarlayan operatör işleri için kayıtlı görünümler eklerdim. Daha yoğun kullanım senaryoları için toplu aksiyonları ve hakedişleri ödemelerle doğrudan ilişkilendiren daha hafif bir mutabakat görünümünü geliştirirdim.