Saha Yönetimi & PTT Platformu

Smart+ — Saha Ekibi Yönetim Platformu

Web Admin Paneli + Mobil PTT Uygulaması · Uçtan Uca Redesign

Smart+ Giriş Ekranı

Problem

Smart+, saha ekiplerini gerçek zamanlı konum, geofence ve push-to-talk (PTT) iletişimiyle yöneten bir saha operasyon platformu. Süreci wireframe'den prototipe geçiş çalışmasıyla başlattım; web admin ve mobil uygulamanın akış ve hiyerarşisini önce gri tonlarda netleştirip, dispatcher'ların harita üzerinde ekip takibi yaparken ve alan ekiplerinin mobilde PTT/görüntülü arama akışında karşılaştığı gereksiz adımları bu aşamada ayıkladım.

Süreç

Web admin panelini (Konum, Geofence, Kullanıcı/Rol/Departman yönetimi) ve mobil PTT uygulamasını (anlık konuşma, görüntülü arama, yakındaki gruplar haritası, profil) tek bir tasarım sistemi altında birleştirdim. Marka kimliğindeki turuncu vurgu rengini koyu zeminle eşleştirerek, harita üzerindeki yoğun veriyi (geofence alanları, kullanıcı pin'leri, filtre panelleri) okunabilir kılan bir kontrast hiyerarşisi kurguladım.

Mobil tarafta PTT ekranını, gri tonlu wireframe aşamasındaki küçük tek buton düzeninden, büyük dokunma alanlı ve durum geri bildirimi veren (basılı tutma halkası, renk değişimi) bir bileşene dönüştürdüm. Wireframe'de netleşen akışı, görüntülü arama ve "yakındaki gruplar" haritası gibi konum tabanlı ekranlarda da kullanıcı arayüzü olarak renklendirdim — koyu tema ve turuncu aksan diliyle uçtan uca tutarlı hale getirdim.

Lokasyon Raporu — Wireframe'den Prototipe Geçiş
Lokasyon Raporu — Kullanıcı Arayüzü Olarak Renklendirildi

Çözüm

Dispatcher'ların en sık kullandığı Geofence ve Lokasyon Raporu ekranlarını, dağınık filtre çubuklarını tek bir komuta satırına indirerek sadeleştirdim; harita artık ekranın odak noktası, kontroller ise onun etrafında ikincil bir katman. Kullanıcı listesi ve rol yönetimi ekranlarında departman/rol etiketlerini renk koduyla ayırarak, yüzlerce satırlık tabloda hızlı tarama imkanı sağladım.

Mobil PTT deneyiminde "Baskonuş" sekmesini, mesajlar ve aramalardan görsel olarak ayırarak en sık kullanılan eylemi (basılı tutup konuş) bir tık öne çıkardım; görüntülü arama ekranında ise canlı görüntüyü tam ekran öne alıp ikincil kontrolleri (kamera değiştir, hoparlör) alta topladım.

Neden Bu Yaklaşım?

Web admin ve mobil uygulamayı aynı tasarım dilinde birleştirmeyi seçtim, çünkü dispatcher (masaüstü) ve alan ekibi (mobil) aynı operasyonun iki ucu — ayrışan iki kimlik, ekipler arası "bu hangi uygulama" kafa karışıklığına yol açıyordu. Koyu tema ve tek bir turuncu vurgu rengini her ekranda tutarlı tutma kararı da bilinçliydi: harita ve canlı konum verisi zaten görsel olarak yoğun, ek renk çeşitliliği bilişsel yükü artırıp asıl veriyi gölgede bırakabilirdi.

Detay Görseller — Web Admin
Konum Geofence — Kullanıcı Arayüzü Olarak Renklendirildi
Konum Geofence — Wireframe'den Prototipe Geçiş
Geofence Detay Düzenleme
Geofence Detay Düzenleme — Wireframe'den Prototipe Geçiş
Kullanıcı Listesi ve Filtre Paneli
Detay Görseller — Mobil PTT Uygulaması
Smart+ Mobil Giriş Ekranı
PTT — Baskonuş Ekranı, Kullanıcı Arayüzü Olarak Renklendirildi
Görüntülü Arama Ekranı — Kullanıcı Arayüzü Olarak Renklendirildi
Profil Ekranı — Kullanıcı Arayüzü Olarak Renklendirildi
Yakındaki Gruplar Haritası — Kullanıcı Arayüzü Olarak Renklendirildi
Sohbet ve Çağrı Geçmişi — Kullanıcı Arayüzü Olarak Renklendirildi