Mobil cihazlarda kullanım için optimize edilmiş web sayfaları, masaüstü ve dizüstü bilgisayarlarda görünenlerden farklıdır. İkincisi, büyük ekranlar ve hassas fare tıklaması için tasarlanmıştır, oysa mobil web sayfaları daha küçük ekranlar ve hassas parmak dokunuşu için boyutlandırılmıştır.
- Daha küçük ekranlar ve hassas olmayan parmak dokunuşları için tasarlanmıştır.
- Kesin fare tıklamasıyla büyük ekranlar için tasarlanmıştır.
Web sitesi ziyaretlerinin çoğunun mobil cihazlardan geldiği göz önüne alındığında, site tasarımcılarına hem mobil cihazlar hem de masaüstü bilgisayarlarla çalışan sürümler sağlama görevi verilir. En yaygın yaklaşım, tarayıcı tarafından algılandığı şekilde kullanıcının cihazına ve ekran boyutuna göre uygun sürümü otomatik olarak sunan duyarlı web tasarımını kullanmaktır.
Her durumda, mobil uyumlu web sayfaları, masaüstü sürümlerinden çeşitli şekillerde farklıdır.
Sayfa Tasarımı: Mobil Ekranlarda Daha Az Alan Var
- Akıllı telefon ve tablet ekranları çapraz olarak 4 ila 10 inç arasındadır.
-
Dar altılabilir veya genişletilebilir menü widget'ları genellikle kenar çubuklarının ve hacimli başlık menülerinin yerini alır.
- Metin arasındaki boşluğun yargısal kullanımıyla tam genişlikte grafikler.
- Masaüstü monitörlerinin çoğu çapraz olarak 19 inç ila 24 inç arasındadır.
- Sponsorlu bağlantılar ve büyük banner reklamlar daha yaygın.
- Grafikler için daha fazla hareket alanı olan daha yoğun metin.
Masaüstü ve mobil web sayfaları arasındaki en belirgin fark ekran gayrimenkulüdür. Çoğu masaüstü monitörü çapraz olarak en az 19 inç ila 24 inç ölçerken, tabletler genellikle 10 inç civarındadır. Akıllı telefonlar çapraz olarak yaklaşık 4 inçtir. Basitçe uzaklaştırmak, metni okunamaz hale getirdiği ve site ziyaretçisinin fazladan bir adım atmasını gerektirdiği için bir web sayfasını başarılı bir şekilde mobil uyumlu bir sürüme dönüştürmez. Ayrıca, küçük öğelere doğru şekilde dokunmak imkansız hale gelir.
Sorunu düzeltmek için tasarımcılar kesinlikle gerekli olmayan kenar çubuklarını ve grafikleri kaldırabilir. Bunun yerine daha küçük grafikler kullanırlar, yazı tipi boyutlarını artırırlar ve içeriği genişletilebilir widget'lara dar altırlar. Bu emlak sınırlaması, web tasarımcıları arasında tamamen farklı bir düşünce tarzına yol açtı.
Ayrıca, dar altılabilir veya genişletilebilir menü widget'ları genellikle kenar çubuklarının ve hacimli başlık menülerinin yerini alır. Tasarımcılar, ekran alanının her milimetresini değerli kılma arayışlarında, bir yandan okunabilirliğe dikkat ederken bir yandan da gereksiz boşlukları ortadan kaldırır.
Sponsorlu bağlantılar ve büyük banner reklamlar bir telefonda veya küçük tablette çalışmaz. Bunun yerine, küçük pop-up reklamlar mobil web sayfalarında daha yaygındır.
Bir grafiğin etrafına sarılmış metin içeren düzenler mobil cihazlarda iyi oynatılmaz. Bunun yerine, tasarımcılar genellikle bu grafiklere ekranın tam genişliğini verir ve metni altında veya üstünde çalıştırır. Benzer şekilde, iyi web tasarımı, okunabilirlik için metni parçalara ayırır; kimse sağlam metin duvarlarını okumak istemez. Bu, küçük ekranlarda daha da önemli hale geliyor. Beyaz boşlukları akıllıca kullanmak çok önemlidir.
Sayfa Kontrolleri: Masaüstü Hassasiyeti ve Mobil Bloblar
-
Daha doğru gezinme için geniş dokunma alanları veya sıcak noktalar.
- Farklı URL: "m" harfini ekler. Genellikle bir sitenin masaüstü sürümünü görüntüleme seçeneği.
- Oturum açma kimlik bilgileri genellikle özel alana sahiptir, bazen parmak izi erişilebilirliği de vardır.
- Daha kesin imleç tabanlı bağlantılar ve düğme.
Masaüstünüzdeki hassas bir fare işaretçisinin aksine, insan parmağı bir damladır ve dokunmak, köprüler için ekranda büyük hedefler gerektirir. Mobil uyumlu siteler, doğru gezinmeyi kolaylaştırmak için geniş dokunma alanları (veya sıcak noktalar) sunar.
Mobil uyumlu web sayfaları genellikle adreslerinde m harfini de içerir; örneğin, Facebook'un mobil adresi m.facebook.com'dur. Mobil URL, genellikle bir mobil tablet veya akıllı telefon ile gezinirken sizin için otomatik olarak seçilir. Bazı durumlarda, sayfanın normal masaüstü sürümüne geçmenizi sağlayan dokunulabilir bir bağlantı görürsünüz.
Masaüstü ve dizüstü bilgisayarlar için kullanılan oturum açma ve şifre alanları telefonda küçülür ve kullanılamaz hale gelir, bu nedenle web yayıncıları bunları daha büyük hale getirir, bazen kullanım kolaylığı için onlara kendi sayfalarını verir. Bir parmak iziyle veya Google veya Facebook gibi başka bir hesapla oturum açmak, cihaz ve hizmet özellikleri geliştikçe giderek daha yaygın hale geliyor.
Neden Önemli?
Mobil web sayfaları elde taşınır cihazlar için tasarlanmıştır ve masaüstü okuma için yapılmış sayfalardan oldukça farklıdır. Bir web sayfasının masaüstü sürümünü genellikle bir mobil cihazda görüntüleyebilir veya bunun tersini yapabilirsiniz, ancak bunlar içeriğin görüntülenmesini, okunmasını ve gezinmesini kolaylaştırmak için farklı şekilde tasarlanmıştır.
