Userspots olarak,

Mobiliz tarafından geliştirilen, Türkiye’nin ilk web tabanlı Araç Takip ve Filo Yönetim Sistemi olan FiloTürk’ün web tabanlı tüm cihazlardaki UX ve UI tasarımlarını gerçekleştirmiş olmanın heyecanını yaşıyoruz.

Uygulama Platformları

Web İç Ekranlar
Mobil IOS
Mobil Android (Material Design)

Web’de dashboard yapısı tamamen değiştirilerek Kullanıcı Deneyimi odaklı kullanım tasarlandı. Web içerisinde kullanıcı ham dataya ulaşmanın yanında analiz edilmiş verileride görebiliyor.

Bütün cihazlarla paralel çalışan bir yapı kurgulandı. Web tarafında gerçekleştirilen aksiyonlar mobil yapıda eş zamanlı izlenebiliyor. Hem web hem de mobil içerisinde her sayfa birbiri arasında geçiş imkanı sağlıyor. Kullanıcılar web ekranında bildirim merkezi ile ayarlarını yaparak hangi durumlarda hangi cihaz veya platformdan bildirim almak istediğini ayarlayabiliyor.

Wireframe’ler

Araçlarların konumu, anlık mesaj gönderme, araç hızları, hareket, rölanti, durma, mesai dışı kullanım, rota dışı kullanım, araç bakımları, harita ve trafik cezasına kadar araçlarla ilgili her türlü detayın verildiği üç farklı platformda ortalama 157 sayfa wireframe ekranı tasarlandı.

iOS ve Android Uygulamaları

Uygulama tasarımlarında sol üstte hamburger menü konumlandırılarak içerisine; araç listesi, harita, filo takip ve diğer ihtiyaç duyulan aksiyonlar filtrelenebilir hale getirildi.

Örneğin; Dashboard ekranındayken hamburger menüye girilip İstanbul araçları seçildiğinde dashboard üzerindeki veriler değişiyor ve bu konumdan filo takip ekranına geçildiğinde sadece seçili araçların listelenmesi gibi kolaylıklar tasarım içerisinde görülebiliyor.

Kullanıcıların en fazla ihtiyaç duyduğu; Hareket, Rölanti ve Durma Aksiyonları garafiksel anlatımla ön plana çıkartıldı.

Hareket
Rölanti
Durma

Kullanıcı uygulamaya girmeksizin
son bildirimleri
“IOS Today” ve “Android Widget” ekranlarından
hızlıca ulaşabiliyor.

Dolor sit amet volpe pascenna.
Dolor sit amet volpe pascenna.

Bu ekran üzerinde gösterilen araçlardan
birine tıklandığında ilgili aracın detay sayfasına
giderek araca ait bildirim ayarları değiştirilebiliyor.
Harita üzerinde araç hakkında ilgili ikona
tıklandığında ise aracın nereden nereye gittiğine ilişkin
animasyon görülebiliyor.

Android Material Design

Android işletim sistemine sahip cihazlar için
Material Design tasarım anlayışı ile arayüz tasarımı gerçekleştirildi.

  • Yakınımdaki Araçlar
  • Rölantideki Araçlar
  • Hareketli Araçlar
  • Duran Araçlar

Dashboard-Filo Takip- Harita olarak
üç ana sayfaya ayrıldı.
Aracın konumu, hızı, durumu ve bildirim ayarları için, araç ikonuna tıklanarak araç detay sayfasına ulaşılabiliyor.

Dolor sit amet volpe pascenna.
Dolor sit amet volpe pascenna.

Harita üzerinde araç takibi yapılırken
ayrıca araca ait son 24 saat içerisindeki veriler de kullanıcıya sunuluyor.

Web üzerindeki Dashboard yapısı eski tasarıma nazaran animasyon ve grafiklerle daha kullanılabilir ve kolay izlenebilir hale dönüştürüldü.

Ekran Görüntüsü Ekran Görüntüsü Ekran Görüntüsü Ekran Görüntüsü
Yönetici Paneli