Mobil öncelikli kurumsal site kontrol listesi

Kurumsal site çoğu ziyaretçiye telefondan açılır. Masaüstünde ferah duran bir sayfa, elde başlık, düğme ve form diye üçe bölününce dağılabilir. Mobil öncelik, masaüstü tasarımı küçültmek değildir. İlk kararı telefon genişliğinde vermek, sonra geniş ekrana yaymaktır. Kontrol listesi de bu sırayla gezilir. Yayın, büyük monitörde “güzel duruyor” denerek imzalanmaz.

Yüz Medya bu listeyi tasarım onayının parçası sayar. Madde eksikse renk tartışması ertelenir. Site, kurumsal web sitesi olarak yayına girmeden önce elde bir kez, yavaş bir bağlantıda bir kez açılır. Ofis wifisi her şeyi hızlı gösterir. Asıl ziyaretçi her zaman o ağda değildir. Hızın teknik karşılığı teknik SEO işidir. Liste, o işin sahadaki özetidir.

İlk ekran elde ne söylüyor?

Başlık, kaydırmadan okunur. Vaadi kesen bir görsel, başlığın üstüne binmez. Birincil düğme başparmakla ulaşılır, sağa veya alta yapışıp metni örtmez. “Daha fazla” diye inen bir ok, vaadin kendisi değildir. Kişi ilk ekranda ne iş yaptığınızı ve bir sonraki adımı görmelidir. Görmüyorsa sayfa değil, afiş izliyordur.

Menü ve arama

Menü ikonu açıldığında satırlar başparmak kadar büyük olmalıdır. Alt alta yığılan on iki satır, mimarinin mobilde çöktüğünü gösterir. Ağaç zaten kısaysa menü de kısadır. Bu ağacı bilgi mimarisi yazısında kuruyoruz. Açılır menü, hizmetin adını gizleyip “diğer” dememelidir. Arama varsa klavye açıldığında sonuçlar görünür kalır. Görünmeyen arama, olmayan aramadır.

Form ve telefon

Form alanları tam genişliktedir, etiketler yer tutucunun içinde kaybolmaz. Klavye, e-posta alanında e-posta düzenine, telefonda sayı düzenine geçer. Gönder düğmesi son alanın altında kalır, sabit çubuğun altında gizlenmez. Telefon numarası tıklanabilir olmalıdır. Numaranın fotoğrafı tıklanmaz. WhatsApp kullanılıyorsa numara doğrudur ve mesaj, hangi hizmetten gelindiğini taşır. Teşekkür ekranı mobilde de bir sonraki adımı söyler.

Hız, liste maddesidir

Ağır bir kapak videosu, ölçüsüz görsel ve üçüncü parti sohbet aracı ilk ekranı geciktirir. Gecikme tasarım tercihi gibi savunulamaz. Görseller kırpılmış ve boyutlanmış gelir. Video, istenmeden ses açmaz ve veri yemez. Yazı tipi, sistemde olmayan üç aileyi birden indirmez. Bu maddeler Core Web Vitals raporunun saha karşılığıdır. Ayrıntılı tarama ve indeks konusunu teknik SEO: tarama ve indeks yazısında açıyoruz. Yavaş sayfa, dizine girse de elde terk edilir.

Yatay kaydırma ayrı bir arızadır. Taşan bir tablo, taşan bir kelime veya ekran dışına kaçan düğme, parmağı yorar. Tablo mobilde kartlaşabilir. Kelime taşması, başlığın masaüstünde ölçülüp telefonda ölçülmemesinden gelir. Kontrol, gerçek bir telefonda yapılır. Tarayıcıyı daraltmak ipucu verir, başparmak hissini vermez.

Yayın öncesi kısa tur

Tur, üç sayfayı geçer: ana sayfa, en çok aranan hizmet, iletişim. Her birinde ilk ekran, menü, form veya telefon ve geri dönüş bakılır. Dil değişimi mobilde de doğru sayfaya gider. Boş bir İngilizce kapı, masaüstündeki kadar zarar verir. Çerez bildirimi, düğmeyi örterse bildirim küçültülür. Örtmek, yasal metni büyütmek değildir.

• İlk ekran: ne iş, kime, sonraki adım kaydırmadan görünür.
• Başparmak: menü, düğme ve form alanı rahat tıklanır.
• Telefon: numara bağlantıdır, görsel değildir.
• Hız: yavaş ağda kapak, ilk cümleyi gizlemez.

Liste bir kez işaretlenip arşivlenmez. Yeni bir banner, yeni bir sohbet aracı veya yeni bir font listeyi baştan açar. Ayda bir, gerçek bir telefondan iletişim formu gönderilir. Form düşmüyorsa site, masaüstündeki önizlemede yayında sayılmaz.

Sık sorulan sorular

Mobil site ayrı bir adres mi olmalı?

Hayır. Aynı adres, ekrana göre uyarlanır. Ayrı bir mobil adres, içeriği iki yerde güncellemeye zorlar ve biri eski kalır. Kırık bir mobil kopya, esnek bir tek siteden daha pahalıya gelir. Tasarım, dar ekrandan başlar.

Uygulama gibi menü gerekir mi?

Alt çubuk, ancak iki veya üç gerçek görev varsa işe yarar: ara, teklif, konum. Her sayfayı çubuğa koymak ilk ekranı küçültür. Çubuk, menünün yerine geçmez. Menü ağacı duruyorsa çubuk yalnızca en sık işi kısayol yapar.

Masaüstü görmezden mi gelinir?

Hayır. Geniş ekran, aynı ağacı ferah gösterir. Satır uzunluğu okunur kalır, görsel sağa yaslanıp metni ezmez. Öncelik mobildedir, çünkü dağılma orada olur. Masaüstü, mobilde kurulan cümlenin genişlemiş halidir. Tersi, telefonda kırpılan bir afiş üretir.