Mobil web sayfaları benzersiz bir hayvandır. Büyük ekranlar ve hassas fare tıklaması için tasarlanan masaüstü dostu web sayfalarının aksine, mobil web sayfaları daha küçük ekranlar için boyutlandırılır ve parmak vurma özelliği yoktur. Ek olarak, modern web siteleri, her web sayfasının iki kez oluşturulmasını gerektiren, hem masaüstü hem de mobil biçimlerde yayınlamak zorundadır.
01/08
Ekran Boyutu ve 'Gayrimenkul' Farklı
Bu, masaüstü ve mobil web sayfaları arasındaki en belirgin farktır. Çoğu masaüstü monitörü 19 inç ila 24 inç diyagonal boyutundayken, tabletler genellikle 10 inç diyagonaldir. Akıllı telefonlar 4 inç diyagonaldir. Basit yakınlaştırma, bir web sayfasını mobil uyumlu olmaya dönüştürmez, çünkü bu yalnızca metni okunamaz hale getirir. Benzer şekilde, uzaklaştırılmış bir web sayfasında doğru bir şekilde parmak izlemesi imkansız hale gelir. Mobil web tasarımcılarının aslında tüm sayfa yaklaşımlarını sayfa düzenine değiştirmeleri gerekiyor. Genellikle, tasarımcılar kenar çubuklarını ve gereksiz resimleri kaldırmalı, daha küçük resimler seçmeli, yazı tipi boyutunu büyütmeli ve içeriği genişletilebilir widget'lara dönüştürmelidir. Bu gayrimenkul sınırlaması, web tasarımcıları arasında tamamen farklı bir düşünceye yol açtı.
02/08
Widget'lar ve 'Slider'lar Var; Sidebars ve Whitespace Çıktılar
03/08
Parmak Dokunma Fare Tıklamadan Daha Az Hassas
Masaüstünüzdeki hassas bir fare işaretçisinin aksine, insan parmağı bir blobdur ve parmakla dokunma , ekranda hiperlinkler için büyük hedefler gerektirir. Mobil web sayfalarındaki daha büyük dikdörtgen dokunma hedeflerini ('fayans') ve daha az metin tabanlı köprüleri görmeyi bekliyoruz. Ek olarak, parmak izlerinin netliğini gidermek için menüler genellikle büyük düğmeler ve büyük tırnaklarla değiştirilir.
04/08
Mobil Sayfa URL'si Farklı
Mobil cihazlara uygun web sayfaları genellikle 'm' harfini adresinin önemli bir parçası olarak içerir. (bir örnek için burayı tıklayın) Mobil bir tablet veya akıllı telefon ile gezindiğinizde, mobil URL genellikle sizin için otomatik olarak seçilir. Bazı durumlarda, sayfanın normal masaüstü sürümüne geçiş yapmanıza olanak tanıyan bir bağlantı görürsünüz.
05/08
Reklam Azaltılmış veya Kaldırılmıştır
Evet, bu okuyucular için harika ama web reklamcıları ile gerçek bir boğaz noktası. Bir tablette veya akıllı telefonda daha az yer olduğu için, sponsorlu bağlantılar ve büyük banner reklamlar içeren bir kalabalık yerleştirmek işe yaramıyor. Bunun yerine, genellikle mobil web sayfalarında, genellikle ekranınızın alt merkezinde, daha küçük, pop-up özel reklamlar görmeyi beklersiniz. Mobil cihazlar olgunlaştıkça, diğer küçük akıllı reklam türleri de tasarlanmaktadır.
06/08
Onay kutuları ve küçük linkler sinir bozucu olacak
07/08
Şifre Girişleri Gizlenmiş veya Aşırı Küçük Olabilir
Evet, bu pek çok mobil web sayfasıyla modern bir sıkıntı. Birçok web yayıncısı hala 22 inçlik ekranlar için düşündüğünden, sizi iki can sıkıcı mobil deneyim için ayarlayacaktır: giriş ve şifre alanlarınız küçük ve zor olacak ve sürgülü mobil klavye giriş ve şifre alanlarınızı kapsayacak. . Oturum açma alanlarını görünür yapmak için çimdik yakınlaştırma özelliğini kullanarak uyarlamaya ihtiyacınız olacak ve gizli giriş düğmelerini ortaya çıkarmak için ekranı kaydırmanız ve klavyeyi kapatmanız gerekecektir. Umarım, modern web yayıncıları bu rahatsızlığın çevresinde akıllıca bir yol bulacaktır.
08/08
Resimler Daha Öne Çıkıyor
Genelde, fotoğraflar küçülür, böylece daha küçük ekranlara sığarlar. Bazı nadir durumlarda, fotoğraflar tabletin veya akıllı telefonun ekranının genişliğini doldurmak için genişletilir.