İletişim sayfası yalnızca bir form kutusu değildir; ziyaretçinin sizi nasıl arayacağını, ne kadar sürede dönüş alacağını ve nerede olduğunuzu net görmesini sağlar. Bu rehberde form, harita, kanal hiyerarşisi ve yanıt beklentisini sayfa düzeyinde birleştiren pratik bir düzen sunuyoruz.
Ziyaretçi iletişim sayfasına geldiğinde genelde karar eşiğindedir: teklif istemek, randevu sormak veya hızlı bir netlik aramak. Bu yüzden iletişim sayfası tasarımı, genel form UX ipuçlarından ayrı düşünülmelidir. Sayfa; formu, haritayı, kanalları ve yanıt süresi beklentisini tek bakışta bir araya getirmelidir.
Bu rehber, alan etiketlerinden bağımsız olarak sayfa mimarisine odaklanır. Amaç, ziyaretçinin “ne yazacağım, kime ulaşacağım, ne zaman dönüş alırım?” sorularını sürtünmesiz cevaplamaktır. KepezWeb projelerinde de aynı mantıkla iletişim sayfasını güven ve netlik üreten bir karar noktası olarak ele alırız.
İletişim sayfası tasarımı neden dönüşüm sayfasıdır
İletişim sayfası, satış hunisinin son adımı gibi davranır. Ziyaretçi buraya ürün veya hizmet sayfasından, fiyatlandırmadan ya da blogdan gelir. Beklentisi “beni dinleyin ve yönlendirin”dir. Bu sayfada belirsizlik kaldığında form terk edilir; netlik olduğunda mesaj gönderilir.
İyi bir iletişim sayfası üç sinyali aynı anda verir:
- Ulaşılabilirlik: Hangi kanalın ne için uygun olduğu.
- Güven: Adres, harita, yasal kimlik ve tutarlı marka dili.
- Beklenti yönetimi: Yanıtın ne kadar sürede ve nasıl geleceği.
Bu üçlü bozulduğunda form alanlarını güzelleştirmek yetmez. Önce sayfa düzeyindeki vaadi düzeltmek gerekir.
Sayfa düzeni: form, kanallar ve harita dengesi
İletişim sayfasında en sık görülen hata, her şeyi aynı ağırlıkta yığmaktır. Ziyaretçi önce “mesaj bırakayım mı, arayayım mı?” kararını verir. Bu yüzden birincil eylem net olmalıdır.
Pratik bir düzen şöyle kurulabilir:
- Üstte kısa bir giriş cümlesi: kime ve ne için yazıldığı.
- Sol veya ana sütunda form (masaüstünde birincil eylem).
- Yan sütunda telefon, e-posta, çalışma saatleri ve yanıt beklentisi.
- Altta veya yan panelde harita ve fiziksel adres.
Mobilde sıra değişir: önce kanallar özeti, ardından form, en sonda harita. Haritayı en üste koymak, formu kaydırma ile erişilmez hale getirebilir. Web tasarım sürecinde bu öncelik sırası, cihaz kırılımlarıyla birlikte test edilmelidir.
Tek birincil eylem kuralı
Sayfada birden fazla CTA varsa (form gönder, hemen ara, WhatsApp yaz, randevu al) ziyaretçi duraksar. Birincil eylemi seçin; diğer kanalları destekleyici olarak sunun. Örneğin B2B hizmette form birincil, telefon ikincil olabilir. Acil destek sunan işletmede tersi mantıklıdır.
Form alanları: yeterli bilgi, gereksiz sürtünme yok
Form, iletişim sayfasının motorudur ama tek parçası değildir. Sayfa düzeyinde formu tasarlarken alan sayısı kadar alan gerekçesi de önemlidir. Her ek alan, “bunu neden istiyorsunuz?” sorusunu doğurur.
Çoğu işletme için sağlam bir çekirdek set şöyledir:
- Ad soyad
- E-posta veya telefon (tercihen en az biri zorunlu, diğeri isteğe bağlı)
- Konu veya ihtiyaç seçimi (kısa liste)
- Mesaj
Şirket adı, bütçe aralığı veya proje zamanı gibi alanlar yalnızca satış sürecinizi gerçekten hızlandırıyorsa eklenmelidir. Aksi halde form terk oranı artar. Konu seçimi varsa, arka planda yönlendirme için kullanın; ziyaretçiye “doğru kişiyi bulacağız” hissi verin.
Gönderim sonrası deneyim
Form gönderildikten sonra boş bir “teşekkürler” yeterli değildir. Kısa bir onay metni yazın: mesajın alındığını, bir sonraki adımı ve mümkünse yanıt aralığını belirtin. Aynı anda e-posta onayı da göndermek, ziyaretçinin “gitti mi?” kaygısını azaltır.
Spam ve güven sinyalleri
Gizli honeypot veya modern bot koruması kullanın; ziyaretçiyi yoran karmaşık captcha’lardan kaçının. KVKK/aydınlatma metnine form yanında kısa ve erişilebilir bir bağlantı verin. Uzun yasal metni formun içine gömmeyin.
Harita ve fiziksel adres sunumu
Harita, “gerçek bir yerdeyiz” sinyalidir; özellikle yerel ve ofis ziyaretine açık işletmelerde güven üretir. Ancak harita tek başına yeterli değildir. Adres metni kopyalanabilir olmalı, kat/daire bilgisi net yazılmalı ve varsa randevusuz ziyaret kuralı belirtilmelidir.
Haritayı yerleştirirken şunlara dikkat edin:
- Harita yüksekliği mobilde ekranı domine etmesin.
- “Yol tarifi al” bağlantısı ayrı ve belirgin olsun.
- Ofis yoksa veya ziyaret kabul etmiyorsanız boş harita koymayın; bunun yerine hizmet bölgelerinizi metinle açıklayın.
- Birden fazla şube varsa liste + harita filtresi düşünün; hepsini aynı anda yığmayın.
Adres bloğunu yapılandırılmış veri ile desteklemek teknik bir artıdır; ancak önce görsel hiyerarşiyi doğru kurun. Ziyaretçi haritayı kaydırmadan önce “neredesiniz?” sorusunun cevabını okuyabilmelidir.
İletişim kanalları hiyerarşisi
Telefon, e-posta, form, canlı destek ve mesajlaşma uygulamaları aynı anda sunulabilir; fakat hepsi eşit değildir. İyi bir iletişim sayfası tasarımı, kanalı amaca göre etiketler.
Örnek hiyerarşi:
- Form: Proje talebi, teklif ve detaylı anlatım için.
- Telefon: Acil veya netleştirme gerektiren kısa sorular için.
- E-posta: Belge paylaşımı ve yazılı takip için.
- Mesajlaşma: Hızlı ön eleme için (çalışma saatleriyle sınırlı).
Her kanalın yanında kısa bir kullanım notu yazın. “7/24 anında cevap” gibi doğrulanamayan vaatler yerine, çalışma saatleri ve uygun kullanım senaryosu verin. Kurumsal sitelerde bu netlik, kurumsal web tasarım dilinin bir parçasıdır: abartı değil, tutarlı beklenti.
Sosyal hesaplar nereye konur?
Sosyal medya ikonları iletişim sayfasının birincil kanalı değildir. Varsa alt bölümde veya yan sütunda, “bizi takip edin” çerçevesinde durmalıdır. Satış niyetli ziyaretçiyi akıştan sosyal akışa kaydırmayın.
Yanıt süresi beklentisini netleştirmek
Ziyaretçinin en büyük belirsizliği çoğu zaman form alanları değil, “ne zaman dönüş alacağım?” sorusudur. Yanıt beklentisini yazmak, dönüşüm kadar operasyon kalitesini de yükseltir. Çünkü ekip de aynı standarda bağlanır.
Beklentiyi şöyle somutlaştırın:
- Mesai içi formlara ne kadar sürede ilk dönüş yapıldığını yazın.
- Hafta sonu ve tatil mesajlarının ne zaman işleme alındığını belirtin.
- Acil hat varsa, hangi konuların acil sayıldığını sınırlayın.
- İlk dönüşün “çözüm” mü yoksa “alındı ve planlandı” mı olduğunu açıklayın.
Bu metinler abartılı garanti cümleleri olmamalıdır. Gerçek işleyişinizi yansıtın. Destek ve bakım süreçlerinde süreleri sözleşmeye bağlamak istiyorsanız, yanıt tanımlarını yazılım bakım SLA’sı yaklaşımıyla netleştirmek işe yarar: ölçülebilir süre, kapsam ve istisna.
Beklenti metni nereye konur?
Yanıt süresi notunu formun hemen üstüne veya yan sütundaki kanal bloğuna koyun. Gönder butonunun altına gömülü ince yazı olarak bırakmak, çoğu ziyaretçinin kaçırdığı bir yerleştirmedir. Onay ekranında da aynı cümleyi tekrarlayın; tutarlılık güven üretir.
Mobil, erişilebilirlik ve teknik kalite
İletişim sayfası mobil trafikte sık ziyaret edilir. Dokunmatik hedefler yeterince büyük olmalı, telefon numarası tıklanabilir (tel:) görünmeli ve form klavyesi alan tipine uygun açılmalıdır (e-posta, telefon). Harita iframe’leri sayfa hızını ve etkileşimi bozuyorsa, tıklanınca yüklenen harita deseni düşünülebilir.
Erişilebilirlik tarafında etiketler alanlarla ilişkilendirilmeli, hata mesajları renk dışında metinle de verilmeli ve klavye ile form tamamlanabilmelidir. Başarı ve hata durumları ekran okuyucu dostu olmalıdır.
Teknik olarak form gönderimi başarısız olduğunda ziyaretçi sessizce kaybolmamalıdır. Ağ hatası, zorunlu alan ve sunucu hatası için ayrı, sakin dille yazılmış mesajlar hazırlayın. KepezWeb olarak bu kontrolleri yalnızca görsel düzenle değil, gerçek gönderim senaryolarıyla doğrularız.
Sektöre göre vurgu farkları
Aynı iskelet her işletmede aynı ağırlıkla çalışmaz. Aşağıdaki tablo, sayfa düzeyinde hangi bileşenin öne çıkabileceğini özetler:
| İşletme tipi | Birincil eylem | Harita ağırlığı | Yanıt beklentisi vurgusu |
|---|---|---|---|
| Yerel hizmet (klinik, ofis, mağaza) | Telefon + form | Yüksek | Randevu / aynı gün dönüş |
| B2B hizmet ve ajans | Form | Orta / isteğe bağlı | Mesai içi ilk değerlendirme |
| E-ticaret destek | Sipariş no’lu form / sohbet | Düşük | Destek kuyruğu ve çalışma saati |
| Saha / şantiye odaklı iş | Telefon | Adres + bölge metni | Acil / planlı ayrımı |
Tablo bir şablon değil, öncelik hatırlatıcısıdır. Kendi operasyon kapasitenize uymayan bir “hemen ara” vaadi, kısa vadede form sayısını artırsa da güveni zedeler.
Yayın öncesi kontrol listesi
İletişim sayfasını yayına almadan önce şu maddeleri kontrol edin:
- Sayfa ilk ekranda birincil eylemi gösteriyor mu?
- Form zorunlu alanları gerçekten gerekli mi?
- Telefon, e-posta ve adres güncel ve tutarlı mı?
- Yanıt süresi metni yazılmış ve operasyonla uyumlu mu?
- Harita veya adres bloğu yanıltıcı değil mi?
- Mobilde form ve kanallar kaydırma yormadan erişiliyor mu?
- Gönderim sonrası onay mesajı ve hata halleri test edildi mi?
- Aydınlatma metni ve gerekli yasal bağlantılar yerinde mi?
Bu liste, tasarım tartışmasını “güzel görünüyor” seviyesinden “işliyor” seviyesine taşır. İçerik ve teknik ekipler aynı kontrol listesinden geçtiğinde sonradan çıkan “form gelmiyor” veya “yanlış numara” problemleri azalır.
Sıkça Sorulan Sorular
İletişim sayfasında form mu yoksa telefon mu önde olmalı?
İş modelinize göre değişir. Detaylı brief ve teklif gerektiren işlerde form birincil, acil ve yerel hizmetlerde telefon birincil olmalıdır. İkisini de sunun; ancak birini görsel olarak öne çıkarın.
Harita olmayan iletişim sayfası zayıf mı görünür?
Hayır. Fiziksel ziyaret kabul etmiyorsanız boş veya yanıltıcı harita koymak daha kötüdür. Hizmet bölgenizi ve uzaktan çalışma modelinizi net yazmak yeterlidir.
Yanıt süresi yazmak ekibi zor durumda bırakır mı?
Gerçekçi yazıldığında tam tersi olur. Süre ve kapsam netleşince hem ziyaretçi hem ekip aynı standarda bağlanır. Kapasitenizin üstünde bir süre yazmak sorundur; yazmamak belirsizlik üretir.
İletişim sayfasına canlı sohbet eklemek şart mı?
Şart değildir. Sohbet, anında yanıt verebilecek operasyon yoksa hayal kırıklığı yaratır. Önce form ve telefon akışını sağlam kurun; sohbeti ancak mesai ve personel planı hazırsa ekleyin.
Aynı iletişim bilgileri footer’da da olmalı mı?
Evet, en azından telefon ve e-posta footer’da erişilebilir olmalıdır. Ancak detaylı form, harita ve yanıt beklentisi için ziyaretçiyi tam iletişim sayfasına yönlendirmek daha temiz bir mimaridir.
İletişim sayfanızı form, harita ve yanıt beklentisini aynı dilde konuşacak şekilde yenilemek istiyorsanız, teklif al sayfasından projenizi kısaca anlatabilirsiniz. KepezWeb ekibi, sayfa düzenini işleyişinize uygun ve sade bir yapıda planlamanıza yardımcı olur.
