Bir süredir, arama motoru optimizasyonuyla ilgilenen herkes, web sitelerinin mobil sürümünün kullanıma sunulmasını sağladı. Aksi takdirde, Google algoritmasını kızdırma riskiyle karşı karşıya kaldılar. Yine de SEO dünyasındaki diğer pek çok trendden farklı olarak, araştırmalar, mobil web sitelerinin kullanımının bir acı olmasına rağmen mobil web kullanımının yavaşlamadığını gösteriyor. Sadece mobil görünümler büyümekle kalmıyor, aynı zamanda havaya uçuyorlar. Araştırma statista 2019 yılında web trafiği miktarının 2015 yılında 4,2 Exabyte'den yaklaşık 24,3 Exabyte olacağını tahmin etmektedir.
Sadece bunun yerçekimini anladığınızdan emin olmak için, bir Exabyte 1 milyar Gigabayt'a eşittir.
Ziyaretçilerin, web'e göz atmak için mobil cihazlarını kullandıklarını gösteren kanıtlara rağmen, herkes mobil kullanıcıyla birlikte düşünmüyor. Nielsen-Norman grubuna göre:
… Masaüstü ve dizüstü bilgisayar kullanıcılarına göre dünya çapında daha fazla akıllı telefon kullanıcısı var [ancak] mobil web sitelerinin ve uygulamaların kullanılabilirliği hala masaüstü web sitelerinin kullanılabilirliğinin arkasında.
Tabii ki, herkes Google için yeterince iyi bir mobil web sitesi istemiyor. Ziyaretçilerinin web sitelerine gittiklerinde veya bir müşteri için tasarladıklarında olumlu bir deneyime sahip olmalarını isterler. Böylece tasarımlarını buna göre ayarlarlar.
Çoğu kullanıcı mobil web'i yanıt veren web tasarımıyla ilişkilendirir, çünkü bu, bir süredir farklı bloglar ve sunumlar etrafında atılan vızıltı olmuştur. Ancak duyarlı web tasarımı tek stratejidir ve her zaman en iyi yaklaşım değildir. En iyi seçim, ziyaretçilerinizin sitenizdeki içerikle nasıl etkileşime girmesini istediğinize dayanır.
Ekranın ekran boyutuna göre ekran görüntüsünü değiştirmek için medya sorgularını kullanmak, birden fazla cihaz için tasarlamaya yönelik akışkan bir yaklaşımdır. Bir kez tasarlıyorsunuz ve ekranı ekrana göre ölçeklendirmek için CSS'ye güveniyorsunuz.
Bu yaklaşım, farklı kesme noktaları için tasarlanmış statik sayfalara dayanır. Ekran boyutu algılandığında, uygun düzen görüntülenir. Burada, çeşitli ekran boyutlarına uyum sağlamak için farklı düzenler tasarlamanız gerekiyor. Genellikle, daha yaygın genişlikler için altı düzen oluşturulur: 320, 480, 760, 960, 1200, 1600.
Web içeriğinizi mobil kullanıcılara sunmak için tasarlanmış bir iOS, Android veya Windows uygulaması oluşturduğunuzda budur.
Bu günlerde bir kullanıcı etkileşimi sunmayan bir web sitesi bulmak için zorlanacaksınız. Potansiyel müşterilerden bilgi toplayan bir iş web sitesi, alışveriş için oluşturulmuş bir e-ticaret sitesi veya ziyaretçilerin bir etkinliğe veya yere check-in yapmasına izin veren bir site olabilir. Her durumda, kullanıcı bilgi vermeli, seçimler yapmalı ve düğmelere basmalı ve bir mobil cihazdaki şeylerin farklı olduğu zihnine girmelisiniz.
Yeni başlayanlar için önemli özelliklere odaklanın. Bu, sizin parçanıza yeniden düzenleme gerektirebilir veya dahil etmek istediğiniz öğelerin bazılarını kısaltmanız gerekebilir. Bu sadece dağınıklığı azaltmaya yardımcı olmakla kalmayacak, aynı zamanda daha büyük düğmelerin ve daha büyük parmakların uğraşmak zorunda kaldığı diğer unsurları da sağlayacaktır. Mümkün olduğunda, kullanıcıların metin girme ihtiyacını azaltın. Kullanmak için bir ekran klavyesi olabilir, ancak hepimiz bunları kullanırken yüksek bir hata oranı olduğunu biliyoruz ve otomatik düzeltme veya metin tahminleri oldukça sinir bozucu olabilir. Ayrıca, bir mobil ziyaretçinin kesintiye uğrayabileceği veya bağlantılarını kaybedebileceği iyi bir şans olduğunu anlayın. Zaman aşımına uğrarlarsa yeniden yapmaları gerekenden daha az, daha az hayal kırıklığı hissedecekler.
SEO amaçlı olarak, birçok tasarımcı, arama motoru örümceklerinin her şeyi dizine ekleyebilmeleri için karmaşık navigasyon menülerini çalışmalarına dahil etmek için yıllar içinde eğitilmiştir. Gezinme menüsünden erişilebilen her şeye sahip olmak, ziyaretçilerinizin aradıklarını bulmasını da sağlar. Ancak, mobil ziyaretçi için, bu ezici menüler aslında navigasyonu daha da zorlaştırır ve düzgün bir şekilde oluşturulmuş bir site haritası, arama motoru tarayıcılarına gitmek istediğiniz yere gönderir.
Menü öğelerinin uzun listeleri yerine, altıdan daha fazla olmayan bir sayıya geçin. Böylece, bir ziyaretçiyi açık tutmaya çalışırken, mobil ziyaretçilerin her şeyi görmek için aşağı doğru kaydırmaya çalışmasına gerek kalmaz. Ayrıca, alt menüleri ortadan kaldırın. Kullanıcıların seçenekleri genişletmek için tıklamalarını beklediğiniz küçük + işaretin, bir kalem kullanmıyorsanız dokunmanız gerçekten zor. Elmalar UI Tasarım Temelleri ortalama parmağın soldan sağa ve aşağıya doğru 44 piksel olmasını gerektirdiğini belirtir. Bu alanı düşünerek tasarlayın.
Tek sayfalık web sitesinin eğilimi de burada dikkate alınması gereken bir şey. Mobil ziyaretçiler tarafından tasarlanan bu teknik, ziyaretçinin sitenizde gezinmesine ve ihtiyaç duydukları her şeyi uzun bir sayfada bulmasına olanak tanır. Bu tür tasarımlar, mobil kullanıcılar, ihtiyaç duydukları şeyi bulmak için içerikten kolayca geçtikleri için katlama hakkında her şeyi unutur.
Mobil ziyaretçilerinizi düşünürken, biraz ayrılmanız istenir. Ama asla fedakarlık etmemelisiniz, ilk etapta bir web sitenizin olması sebebinizdir. Logonuzun tutarlı kalmasını sağlayın, eğer logonuzun öne çıkması gerekiyorsa o zaman görüntülemek için doğru miktarda gayrimenkul kullanın. Siteniz içerik açısından ağırsa, mobil kullanıcılarınızın hepsine erişebildiğinden emin olun. İçeriği mobil ekranlardan gizlemek, ziyaretçileri tam ekran üzerinde olmamak için cezalandırır.
Web tasarımcıları olarak sektörümüzde trendler için kullanılıyoruz. Her yıl bizi, dikkat etmemiz gereken en son yeniliklere ve metodolojilere tanıtan listeler var. Mobil kullanıcı için tasarlama bunlardan biri değildir. Sektörümüzün nereye gittiği gerçeğidir ve sadece bizimle çalışmak için daha fazla ekran boyutu eklemeye devam ederler. Bu nedenle, hiçbir boyut, alabileceğiniz tüm yaklaşıma uygun değildir.
Siz, kuruluşunuz, müşterileriniz ve diğer paydaşlarınız neyin önemli olduğunu belirlemeli ve sitelerinizi bu elemanlar etrafında yapılandırmalısınız. Ama ziyaretçileriniz için neyin önemli olduğunu düşünün çünkü bu sayılır. Kullanıcı deneyimi, en iyi olduğunu düşündüğümüz veya asla görmek istediğimiz şeylerle ilgili olmamalıdır. İnsanları sayfalarımızı ziyaret ettiklerinde harika bir deneyime sahip olmaya zorlayamayız. Bunun yerine, onlara istedikleri şeyi, onlara ulaşmaları kolay olan bir şekilde vermeliyiz.
Dolayısıyla, iyi bir kullanıcı deneyiminin ne olduğunu bize anlatan kontrol listelerine veya rehberlere bakmadan önce, ne söylememiz gerektiğini ve ziyaretçilerin duymak istedikleri şeyleri düşünmek için zaman ayırın.