Konu Başlıkları
Yükleniyor...

UX Haritasını Okunabilir Kılan Görsel Kararlar

UX Haritalama: Ölçek, Renk ve Tipografi Kararları

Bir UX haritasının içeriği doğru olabilir ve harita yine de işe yaramaz. Çünkü harita tek başına okunmak için değil, bir odada birkaç kişiyle birlikte bakılmak için üretilir. Görsel kararların çoğu da estetik değil ölçek meselesidir: aynı harita 27 inçlik ekranda rahat okunur, projeksiyonda dağılır.

Harita türünü amaç seçer

Dört yaygın format var ve birbirinin yerine geçmezler:

  • Empati haritası: kullanıcının ne söylediği, ne yaptığı, ne hissettiği.
  • Müşteri yolculuğu haritası: temas noktalarının zaman ekseninde sıralanması.
  • Servis şeması: yolculuğun altına arka plan süreçlerini, sistemleri ve rolleri ekler.
  • Yol haritası: tespit değil plan taşır, dolayısıyla diğer üçünün çıktısıdır.

Empati haritası bir araştırma yöntemi değil, araştırmanın özetidir. Elinizde görüşme kaydı, destek talebi ya da kullanım verisi yoksa ekip kendi tahminlerini duvara asmış olur, üstelik artık onaylanmış görünürler. Veri yoksa harita da yok.

Tipografi mutlak değil, gösterim ölçeğine bağlı

"Ana metin en az 12pt olsun" tavsiyesi tek başına yanıltıcıdır, çünkü haritayı çizdiğiniz ölçekte görmezsiniz. Figma'da 1:1 çizdiğiniz geniş bir swim-lane haritasını sunum ekranına sığdırmak için yüzde 40 küçültürseniz o 12pt fiilen 4,8pt olur ve arka sıradan hiç okunmaz. Aynı harita A3 basılıp duvara asıldığında da bir metre uzaktan bakan kişi için aynı sorun sürer.

Doğrusu şu: metin boyutunu tasarım tuvalinde değil, haritanın gerçekten gösterileceği ölçekte kontrol edin. Üç kademe yeterli, dördüncüsü karmaşa üretir. Harita başlığı, hücre içi ana metin, ikincil not. Bu üçü arasındaki fark gözle ayırt edilebilir olsun; 12pt ile 13pt arasında oynamak hiçbir şey kazandırmaz.

Renk tek bir boyutu kodlar

Palet için söylenen "3-6 renk" sınırı makul ama çoğu haritada tutmaz, çünkü aynı palete iki farklı anlam yüklenir. Dört kullanıcı tipiniz ve üç süreç aşamanız varsa renkle kodlamak istediğiniz kombinasyon sayısı 12'ye çıkar. Altı renklik paletle bunun altından kalkamazsınız, kalkmaya çalışırsanız da haritayı okuyan kişi her renge bakarken "bu tip miydi, aşama mıydı" diye duraklar.

Karar basit: rengi tek bir boyuta ayırın, ikinciyi konumla çözün. Kullanıcı tipi satıra, aşama sütuna gider; renk yalnız birine kalır. Rengin tek taşıyıcı olduğu haritalar gri tonlamalı çıktıda ve renk ayrımı sınırlı okuyucularda tamamen çöker, o yüzden renkle verdiğiniz her ayrımın şekil, kenarlık ya da etiket karşılığı da bulunsun.

Araç seçimi ve paylaşım

Alışık olduğunuz aracı kullanın tavsiyesi, iş birliği gerektiren haritalarda geçerliliğini kaybeder. Haritaya birden fazla kişi dokunacaksa çok imleçli bir tuval (FigJam, Miro, Figma) tabloya ya da sunum dosyasına açık farkla üstündür; Excel'de swim-lane çizmek mümkündür ama ilk yapısal değişiklikte hücre birleştirmeleriyle uğraşırsınız. Tek kişilik, tek seferlik bir taslak için tam tersi geçerli: sunum aracı yeterlidir, kurulum maliyeti sıfırdır.

Haritayı PNG olarak paylaşmam. Ekran görüntüsü paylaşılan harita ilk geri bildirimden sonra ölür, dosya e-postalarda dolaşmaya devam eder ve iki hafta sonra kimse hangi sürüme baktığını bilmez. Bağlantı paylaşın, güncelleme tarihini haritanın köşesine yazın.

Harita anahtarını test edin

İçerik yerleştikten sonra kalan iş hizalama ve boşluk düzenidir: aynı seviyedeki kutular aynı genişlikte, gruplar arası boşluklar eşit, ikon boyutları tutarlı. Bunlar süs değil, okuma sırasını belirleyen sinyaller.

Bittiğini anlamanın tek güvenilir yolu da şu: haritayı hiç görmemiş birine verin, açıklama yapmadan bir dakika bakmasını isteyin, sonra ne anladığını anlatsın. Kişi eksenleri, renk kodunu ve okların yönünü kendi başına çözebiliyorsa harita çalışıyor demektir. Çözemiyorsa sorun okuyucuda değil, harita anahtarındadır ve o anahtarı yeniden yazmak haritayı baştan çizmekten ucuza gelir.