Türkoğlu Web Tasarım: Mobil Öncelikli Yaklaşım

Türkoğlu'da bir işletmenin sitesine girenlerin büyük kısmı telefonundan bakar. Bu yüzden web tasarımını masaüstü ekranından başlatmak yerine, telefon ekranından başlatmak daha doğru bir sıralamadır. Masaüstü düzeni sonra gelir ve telefonda bozulmadan uyarlanır.

Bu yazıda mobil öncelikli tasarımın ne anlama geldiğini, telefon ekranında dikkat edilmesi gereken noktaları ve uzaktan yürüyen tasarım sürecini anlatıyoruz.

Mobil öncelikli ne demek?

Mobil öncelikli tasarım, sayfayı önce küçük ekrana göre kurmak demektir. Bu yaklaşım, gereksiz öğelerin daha baştan elenmesini sağlar. Telefonda sığmayan bir düzen genellikle fazla bilgi ve fazla süs barındırır; bunları ayıklamak, sitenin sadeleşmesine yardımcı olur.

Pratikte şu soruyu sorabilirsiniz: Telefon ekranında ilk ekranda neyi görmesini istiyorum? Cevap genellikle üç şeydir: işletmenin adı, ne yaptığı ve nasıl iletişim kurulacağı.

Telefon ekranında düzen

Mobil düzende dikkat edilmesi gereken başlıca noktalar şunlardır:

Menü açılır kutu içinde sade bir liste olmalı
Telefon butonu ekranın üst kısmında, kolayca erişilebilir yerde olmalı
Her bölüm dikey akışa uygun, yani yukarıdan aşağıya okunabilir olmalı
Yatay kaydırma gerektiren öğelerden kaçınılmalı
Metin blokları çok uzun satırlar yerine kısa paragraflardan oluşmalı

Bu kurallar, telefonda gezinmeyi bir angarya olmaktan çıkarır.

Buton yerleşimi

Butonlar, ziyaretçinin ne yapacağını söyler. Bir sayfada birden fazla eylem çağrısı olabilir, ancak hepsinin aynı önemde olması gerekmez. Ana eylem en belirgin buton olmalı, ikincil eylemler daha sade görünmelidir.

Türkoğlu'daki bir işletme için bu genellikle "Bize ulaşın" ya da "WhatsApp'tan yazın" gibi bir butondur. Butonun metni kısa ve net olmalıdır.

Tasarım sürecimiz

Türkoğlu'nda yüz yüze çalışmıyoruz. Süreç, yazılı bir brifle başlar. Brifte işletmenizin hizmetleri, hedef müşteriniz ve sevdiğiniz görsel stil yer alır. Bu bilgilerle bir taslak hazırlanır ve telefon önizlemesi ile birlikte size gönderilir.

Geri bildirimleriniz alındıktan sonra düzeltme yapılır, son onayla site yayına alınır. Tanıtım sitesinde teslim süresi genellikle 7-10 iş günüdür.

Telefonda test etmek

Yayından önce sitenizi kendi telefonunuzda açıp şu kontrolleri yapın:

Sayfa başlıkları okunabiliyor mu?
Fotoğraflar ekrana taşmadan görünüyor mu?
Telefon numarasına bir dokunuşla ulaşılabiliyor mu?
Formu doldurmak zor değil mi?

Bu testi bir arkadaşınızla birlikte yapmak, kendi gözünüzün kaçırdığı şeyleri ortaya çıkarır.

Paket bilgisi

Bu bölümdeki rakam tanıtım sitesi içindir: 24.900 TL'den başlayan fiyat KDV hariçtir, KDV dahil 29.880 TL'dir. Bu kalemlerin arasında 5 sayfaya kadar mobil uyumlu tasarım, alan adı ile 1 yıl barındırma, iletişim formu, WhatsApp butonu, Google Haritalar yerleşimi ve Google İşletme Profili desteği yer alır.

Hız ve kullanılabilirlik kontrolü

Telefonda yavaş açılan bir site, ziyaretçinin yarım dakika bile beklemeden çıkmasına neden olabilir. Hızı etkileyen en büyük etkenler genellikle büyük boyutlu görseller, gereksiz animasyonlar ve çok sayıda üçüncü taraf araç bağlantısıdır. Bu nedenle fotoğraflar yayına alınmadan önce boyutlandırılmalıdır.

Kullanılabilirlik ise hızdan ayrı düşünülmelidir. Butonlar parmakla kolayca basılabilir büyüklükte olmalı, aralarında yeterli boşluk bulunmalıdır. Metin ile arka plan arasındaki kontrast, güneş altında telefon kullanan biri için bile okunabilir olmalıdır.

Yayından önce sayfanın farklı telefon ekranlarında nasıl göründüğünü iki üç farklı cihazda kontrol etmek iyi bir alışkanlıktır. Telefonunuz dışında bir tablet ya da eski bir cihaz da test için yeterlidir.

Sayfa geçişleri ve yönlendirme

Ziyaretçinin bir sayfadan diğerine geçişi kolay olmalıdır. Hizmet sayfasından iletişim sayfasına, oradan da ana sayfaya dönüş bir tık kadar yakın olmalıdır. Telefonda geri tuşuna basmak zorunda kalan bir ziyaretçi, siteyi terk etme olasılığı yüksek bir kullanıcıdır.

Her sayfanın sonunda bir sonraki adımı gösteren kısa bir yönlendirme bulunabilir. Örneğin hizmet sayfasının sonunda "Bize ulaşın" butonu, iletişim sayfasının sonunda ise "Ana sayfaya dön" bağlantısı işe yarar. Bu küçük yönlendirmeler, ziyaret süresini uzatır ve sitenin akışını doğal kılar.

İçerikte sadelik

Telefon ekranında her kelime yer kaplar. Bu yüzden içerikte gereksiz süsleyici ifadeleri ayıklamak, sitenin hem daha hızlı okunmasını hem de daha güçlü görünmesini sağlar. "Müşterilerimize en kaliteli hizmeti sunmak için çalışıyoruz" gibi genel cümleler yerine, ne yaptığınızı somut olarak yazın. Örneğin "Randevu günü aynı gün onaylanır" ya da "Her iş için yazılı fiyat verilir" gibi ifadeler, ziyaretçiye hemen fayda sağlar.

Sık sorulan sorular

Masaüstü görünümü de düzgün olacak mı?

Evet. Mobil öncelikli tasarım, masaüstünde de tutarlı ve düzenli bir görünüm sağlar. Her iki ekran da ayrı ayrı kontrol edilir.

Telefon numaramı sitede her sayfada gösterebilir miyim?

Mümkündür. Üst bölümde ya da sabit bir buton olarak göstermek, ziyaretçinin size ulaşmasını kolaylaştırır.

Tasarım değişikliği teslimden sonra kolay mı?

Renk, metin ve fotoğraf değişiklikleri kolaydır. Düzen değişiklikleri için kapsamı teklif aşamasında belirleriz.

Türkoğlu'ndaki telefon odaklı tasarım fikrini konuşmak için 7/24 0850 255 0180'i arayabilirsiniz.