<trgis.dev/>

WEB GIS Arayüzü Tasarlama

WEB GIS Arayüzü Tasarlama

Harita Tasarlamak Değil, Harita Uygulaması Tasarlamak Üzerine

Bu yazıda haritanın kendisinden değil, bir web harita uygulaması tasarlama sürecinden bahsedeceğim.
Açık konuşayım: harita ekranı tasarlamak, normal bir web sayfası tasarlamaktan çok daha zor.
Çünkü sayfanın neredeyse tamamını harita kaplıyor, formları ya da menüleri kenarlarda minicik alanlara sığdırmak zorunda kalıyorsunuz.
Tam ekran form açınca da harita kayboluyor, kullanıcı haritayla bağını kaybediyor — ki bu, deneyimi bayağı zedeliyor.

Bunları defalarca yaşadım, canım çok yandı… O yüzden şimdi tecrübelerimi birkaç maddeyle paylaşmak istiyorum. Tamamen kendi görüşlerim ama tartışmaya da açık.


1) Harita Her Zaman Göz Önünde Olsun

Eğer bir Web GIS uygulaması geliştiriyorsan, haritayı mümkünse asla tamamen gizleme.
Kullanıcı haritadan koparsa, uygulamanın ruhu gider.
Büyük bir form göstermen gerekiyorsa, haritayı arka planda biraz saydam bir şekilde görünür bırakabilirsin.
Kullanıcı o formu doldururken bile “haritanın orada olduğunu” hisseder.


2) Büyük Formlar, Küçük Alanlar

Diyelim ki kullanıcıdan 20 tane alan doldurmasını istiyorsun.
Tam ekran form açmakta istemiyorsun. Peki şimdi ne yapacağız?
Formu adımlara böl.
Bu sayede kullanıcı neye odaklanacağını daha kolay anlar, gözleri yorulmaz.
Ayrıca her adımın tamamlandığını göstermek çok motive edicidir. İnsanlar ilerlediklerini görmeyi sever


3) Harita Renklerini Arayüze Taşı

Haritalar hem teknik hem de sanatsal ürünlerdir.
O renk paletleri, kontrastlar boşuna seçilmez.
Bence o renkleri arayüzde de kullanmak çok hoş bir dokunuş katıyor.
Örneğin basemap’teki bir maviyi butonlarda, gri tonlarını başlıklarda kullanabilirsin.
Sonuç? Daha az renk karmaşası, daha şık ve bütünlüklü bir görünüm.


4) Kısayollar Hayat Kurtarır

Harita uygulamalarında genelde sol tıklama — sağ tıklama dışında bir şey pek düşünülmez.
Sol tıklarsın katman seçer, sağ tıklarsın küçük bir menü açılır.
Ama neden biraz daha ileri gitmeyelim?

Mesela “haritaya pin ekle” işlemini düşün.
Sağ tıklayıp menüden seçmek tamam, ama kullanıcı bunu sık sık yapacaksa uzun basma (long press) çok daha pratik olabilir.
Mobilde sıkça gördüğümüz ama webde çok az kullanılan bir etkileşim.
Haritada tekrar eden işlemler için bu tarz küçük ama etkili dokunuşlar fark yaratır.

Onurhan Şeremet avatarı

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir