İyi tasarım çoğu zaman fark edilmez. Ziyaretçi sitenin ne kadar güzel olduğunu değil, aradığı daireyi ne kadar kolay bulduğunu hatırlar. Emlak web sitesi tasarımının amacı da etkilemek değil, yol göstermektir. Aşağıdaki ilkeler, görsel tercihlerden bağımsız olarak her emlak sitesinde işe yarayan tasarım kararlarını özetliyor.
Görsel hiyerarşi
Bir sayfada her şey aynı büyüklükte ve aynı renkte olduğunda göz nereye bakacağını bilemez. İlan detayında hiyerarşi genellikle şöyle kurulur: önce fotoğraf, sonra fiyat ve başlık, ardından temel özellikler, en son açıklama. Fiyatın büyük ve net, ikincil bilgilerin daha küçük ve sakin yazılması, sayfanın bir bakışta okunmasını sağlar.
Fotoğraf merkezli düzen
Emlak sitelerinde asıl içerik fotoğraflardır. Tasarım, fotoğrafların önüne geçmemeli; onları çerçevelemelidir. Geniş görsel alanlar, yeterli beyaz boşluk ve tutarlı en-boy oranları, farklı ilanların listede düzenli görünmesini sağlar. Fotoğrafların üzerine yazı ve etiket yığmak ise görüntüyü kirletir.
Eylem düğmeleri
Ziyaretçinin yapmasını istediğiniz şey bir arama, bir mesaj ya da bir form gönderimidir. Bu düğmeler sayfanın en belirgin ve tutarlı öğeleri olmalıdır. Mobilde, ilan detayında aşağı kaydırıldığında bile ekranın altında görünen bir “Ara” ya da “WhatsApp” düğmesi, talep sayısını belirgin şekilde artırabilir.
Düğme metinleri
“Gönder” yerine “Bilgi iste”, “Tıkla” yerine “Danışmanı ara” gibi ne olacağını söyleyen metinler, tıklama kararsızlığını azaltır.
Okunabilirlik
- Gövde metinleri mobilde rahat okunacak büyüklükte olmalı.
- Satır uzunluğu masaüstünde çok geniş olmamalı; uzun satırlar göz yorar.
- Açık gri yazılar beyaz zeminde okunmaz; yazı ile zemin arasında yeterli kontrast bulunmalı.
- Türkçe karakterleri sorunsuz gösteren yazı tipleri seçilmeli.
Erişilebilirlik
Erişilebilir tasarım yalnızca engelli kullanıcılar için değil, herkes için daha iyi bir deneyim sunar. Fotoğraflara açıklayıcı alternatif metinler eklemek, formlarda alanların etiketlerini görünür tutmak, klavye ile gezinmeye izin vermek ve renkleri tek başına anlam taşıyan bir araç olarak kullanmamak temel adımlardır. Bu adımlar arama motorlarının sayfayı anlamasına da yardımcı olur.
Güven veren düzen
Tutarlılık güven yaratır. Her sayfada aynı yerde duran menü, aynı biçimde yazılmış fiyatlar, aynı tarzda kırpılmış danışman fotoğrafları ziyaretçiye “burası düzenli bir ofis” mesajı verir. Tasarımdaki dağınıklık ise hizmetin de dağınık olabileceği izlenimini yaratır.
Renk seçimi
Renk, markanın sesi gibidir. Ana renk logodan gelmeli ve bütün sitede ölçülü kullanılmalıdır: düğmelerde, bağlantılarda ve küçük vurgularda. Geri kalan alanlar sakin ve nötr tutulduğunda hem fotoğraflar öne çıkar hem de vurgu renginin etkisi korunur. Birden fazla canlı rengin aynı anda kullanılması, ziyaretçinin dikkatini dağıtır.
Hareket ve animasyon
Kayan yazılar, otomatik dönen büyük slaytlar ve gösterişli geçişler ilk bakışta etkileyici olabilir; ancak yavaşlık ve dikkat dağınıklığı yaratır. Hareket, yalnızca kullanıcıya bir şeyin değiştiğini göstermek için ve ölçülü kullanılmalıdır. Hareket hassasiyeti olan kullanıcılar için animasyonların azaltılabilmesi de iyi bir uygulamadır.
Test etmeden tasarım olmaz
Tasarımın gerçekten işe yarayıp yaramadığını görmenin en kolay yolu, siteyi hiç görmemiş birine telefonda bir görev vermektir: “Bu bölgede şu bütçede üç odalı bir daire bul ve danışmanı ara.” Kişinin nerede durakladığını izlemek, tasarım toplantılarından daha fazlasını öğretir.
Renk paleti, yazı tipi ve tema zevke göre değişir; değişmeyen tek ölçüt, ziyaretçiye düşünmeden doğru düğmeye bastırmaktır. Listonya temalarında renkler markaya göre ayarlanabiliyor ve sağdan sola yazılan diller için düzen aynalanıyor; o düğmenin yerini gerçek kullanıcılarla sınamak ise her zaman ofisin işi.