Mobil uyumluluk web sitelerinin tablet ya da telefon görünümüne uygun yapıda tasarlanmasıdır. Bilgisayar ekranları enine geniş olduğu için bilgisayara yapılan site tasarımı mobil uyumlu hale getirilmelidir. Bu sayede daha anlaşılır ve estetik bir görünüm elde edilir.
İçindekiler
Mobil Uyumlu Sitenin Önemi
Telefonlar kişilerin sürekli yanında bulundurduğu cihazlardır. İnsanlar web siteleri gezerken genelde bilgisayar yerine telefonu tercih etmektedir. Bu sebeple mobil uyumlu olmayan sitelerde gezinirken küçük bir ekrana baktıkları için karışık görünüm ortaya çıkabilir. Yazılar daha küçük görünebilir, birbirine girmiş olabilir ya da istenilen yere tıklamak zor hale gelebilir. Bu zorluğun olmaması için web siteleri mobile uygun hale getirilir. Telefon ya da tabletlerin uzun küçük yapılarına adapte edilir. Mobil cihazlardan daha çok arama yapıldığı için artık neredeyse her web sitesi mobil uyumlu hale getirilmiştir.
Mobil Uyumlu Site Nasıl Anlaşılır?
Sitelerin mobilde kullanım kolaylığı sağlaması ve ekrana uygun tasarımı olması sayesinde sitenin mobil uyumlu olup olmadığı anlaşılır. Mobil uyumlu sitelerde ekran boyutuna uygun olarak tasarım yapılır. Ekran genişliği mobile uygun hale getirilir ve sitede olan her şey küçük hale getirilerek mobilde olacak şekilde tasarım yapılır. Web sitelerinde ana menü sitenin üst kısmında yan yana sıralanır açık halde durur. Mobilde menü sol ya da sağ üste tıklayınca görünür olacak şekilde yerleştirilir. Mobilde menü yan yana değil alt alta sıralanır. İçerik kısmında ise bilgisayarda eğer yazının yanına fotoğraf konmuşsa mobilde yazının altında görünür. Menünün bu şekilde yerleşiminden ve içerik yapısının bu şekilde olmasından sitenin mobil uyumlu olup olmadığı anlaşılabilir. Ayrıca mobil uyumluluğu öğrenmek için test aracı bulunur.
Mobil Uyumluluk Testi Nasıl Yapılır?
Mobil uyumluluk testi birçok siteden yapılabilir. Bunlardan en bilinen Google’ın aracıdır. Hangi sitenin mobil uyumlu olup olmadığı öğrenilmek isteniyorsa Google’a o site yazılır ve siteye girilir. Chrome geliştirici araçlar açılır ve Lighthouse sekmesi açılır. Bu sekmede sayfa yükleme işlemini analiz et tıklandıktan sonra denetim kategorilerinin listesi vardır. Hepsi etkin hale getirildikten sonra denetimi çalıştır yazısına tıklanır ve yaklaşık 1 dakika sonra rapor çıkar. Bu rapor sayesinde site performansıyla birlikte mobil uyumluluk da görülebilir.
Mobil Uyumlu Site Nasıl Görünür?
Mobil uyumlu sitenin bazı nitelikleri taşıması gerekir. Öncelikle bilgisayar ekranı ve mobil cihazların aynı şekil ve büyüklüğe sahip olmaması nedeniyle bazı özellikler entegre edilmelidir. Mobil görünüm bilgisayar görünümünden farklı olsa da tamamen farklı tasarıma sahip değildir. Kolay kullanım için menü ve içerik kısmında bazı değişikliklere gidilir. En açık görünen farklılık, menü yapısındaki değişikliklerdir. Bilgisayarda sitenin menüsü üst kısımda açık bir şekilde hep görünür haldeyken mobilde ekran küçüklüğü sebebiyle açılır kapanır menü tasarımının yapılması gerekir. Mobilde menü sağ veya sol üstte 3 çizgi alt alta olacak şekilde kapalı halde bulunur. Üç çizgiye basınca menü açığa çıkar. Menü içerikleri alt alta olacak şekilde konumlanır. İletişim adresleri ise genelde en altta şeritte sabit halde gözükür.
Mobil Uyumlu Web Sitesinin Sağladığı Avantajlar
Cep telefonu kullanımının yaygınlaşması ve çoğu telefonun internet erişiminin olması, bir web sitesinin telefondan da ziyaret edilebileceğini göstermektedir. Web sitelerine telefonla erişim bilgisayarla erişimden daha fazladır. Bu sebeple web sitelerinin mutlaka mobil uyumlu hale getirilmelidir. Mobil uyum sayesinde kişiler ulaşmak istedikleri içeriklere daha kolay ulaşır. Kısaca mobil uyum kullanım kolaylığı ve konfor sağlar. Dijital Sağlık Ajansı olarak doktorlarımızın sitelerini de mutlaka mobil uyumlu hale getirmekteyiz. Site örneklerimize buradan ulaşabilirsiniz.
