Dünya artık mobil öncelikli hale dönüşümünü sürdürüyor. Aksini düşünen var mı?
Statista'nın verilerine göre, mobil cihazlar (tabletler hariç) 2021'in dördüncü çeyreğinde küresel web sitesi trafiğinin yüzde 54.4'ünü oluşturdu ve Dünya Reklamcılık Araştırma Merkezi verilerine, 2025 yılına kadar dünya çapındaki kullanıcların dörtte üçü mobil cihaz kullanarak internete erişeceğini tahminler arasında. Ajanslar ve Serbest çalışanlar için bu veriler, daha geniş kitlelere hitap eden mobil öncelikli bir stratejinin temellerini hazırlamak için büyük bir fırsatı temsil ediyor. Yeni dönemde, önce mobil düşünmek için başka, daha önemli bazı nedenler var. Örneğin, Google Temmuz 2018'de temel bir metrik olarak mobil sayfa yükleme hızına öncelik vermeye başladığını duyurması ardından, web sitenizi mobil cihazlar için optimize etmek, güçlü arama motoru sıralamaları elde etmek için kritik hale geldi. Bu, mobil siteniz yavaş veya geç yanıt veriyorsa, tüm cihazlarda genel sıralamanızın olduğu anlamına gelir. O zaman mobilden başlamanın ve masaüstüne ölçeklendirmenin avantajları var. Daha küçük bir ekranlar için tasarım yapmak, tasarımınıza dahil ettiğiniz öğelerin sayısını sınırlar ve kullanıcılarınız için en önemli olana odaklanmayı zorlaştırabilir. Mobil tasarım, zengin medyayı çevirirken zor olabilen masaüstünden mobile geçişin aksine, mevcut işlevleri etkilemeden yeni işlevler de sağlar. Bu nedenle, ajansınızın mobil öncelikli bir stratejisi yoksa, başlamanın zamanı gelmiştir. İşte üzerinde düşünülmesi gereken en iyi beş uygulama:
1. İçerik öncelikli bir tasarıma odaklanın
Mobil cihazlar için tasarım yapan herkes, önce mobilin genellikle önce içerik anlamına geldiğini bilir. Bunun nedeni, mobil kullanıcıların cihazlarında gezinirken nihai olarak aradıkları içeriğin olmasıdır. Bu içerik öncelikli zihniyeti benimsemek, sitenizin tasarımına nasıl yaklaşacağınızı belirleyecektir. Başlamak için iyi bir yer, görsel hiyerarşi ilkesini kullanarak tasarım öğelerinizi görsel olarak sıralamaktır. Bu, basit ve etkili düşünmek, dağınıklığa neden olan öğeleri en aza indirmek, iyi okunabilirlik sunmak (metin en az 11 punto olmalıdır, bu nedenle tipik bir mesafeden okunabilir) ve menü gibi öğelerin ölçeğini küçültmek anlamına gelir. Kullanıcıların dikkatinin daha az dağılmasını sağlar ve gözlerini doğru yöne yönlendirir.
Zaten hayal ettiğiniz bir masaüstü web sitesinin çok farklı bir mobil versiyonunu oluşturmaktan korkmayın. Yalnızca içeriğe öncelik vermenize yardımcı olmakla kalmayacak, aynı zamanda daha hızlı yüklenen ve hareket halindeki ziyaretçilerin ilgisini daha iyi çeken çok daha akıcı bir sürüm sunabileceksiniz. Gezinmek için daha fazla zamanı olan ziyaretçileri etkilemek için masaüstü sürümünüz için 'çan ve ıslık' bırakabilirsiniz.
2 .Mobil kullanıcı arayüzü anlayışınızda sınırları aşın
Mobil site ziyaretçilerinin etrafta dolaşmasını ve istediğiniz işlemleri yapmasını sağlamak için olağanüstü bir kullanıcı deneyimi sunmalısınız. Bunu başarmanın en iyi yolu, harika UX'i oluşturan farklı bileşenleri anlamaktır. Sitenizi yeni keşfedenler için, site içinde kolay gezinme tartışılamaz. Sitenizin tasarımı, kullanıcıların bir sorunu çözmesine veya bir görevi hızlı ve etkili bir şekilde tamamlamasına yardımcı olmalıdır. Düzen, yolculukları boyunca onlara rehberlik eden görünmez bir el gibi hareket etmelidir. Bunu yapmak için tanıdık simgeleri kullanın, her zaman kullanıcıların hangi sayfada olduğunu netleştirin ve düğmelerin ve kontrollerin yerleşiminde bilinçli ve tutarlı olun. Ayrıca, düğmeler veya bağlantılar gibi etkileşimli öğeler gibi kullanıcı dostu seçenekleri tasarlamayı düşünün. Harika bir UX sağlamak için doğru boyutta olmaları, etraflarında yeterli alana sahip olmaları, diğer öğelerin müdahalesi olmadan basılmasının basit olması ve ne yaptıklarını size anlatan net ve özlü bir detaylara sahip olmaları gerekir. WCAG, hedeflerin en az 44 x 44 piksel boyutunda olmasını önerirken, Google, 48 x 48 piksel boyutunda daha büyük bir boyut önermektedir.
Özetle, işin püf noktası optimize büyütmek. Dokunma hedefleri de parmak dostu olmalıdır, bu nedenle başparmak aralığında olduklarından emin olun.
Aşinalık güçlü bir deneyimi doğurur, bu da mobil sitenizi tasarlarken varolan birşeyi yeniden icat etmenize gerek olmadığı anlamına gelir. Son olarak, rakip araştırması yapmayı unutmayın. Mobil sitelerinde gezinerek zaman geçirin. Rakiplerinizin güçlü ve zayıf yönlerini keşfedin, UX'deki sorunlu noktaları belirleyin, not alın ve sitenizin bunu daha iyi yaptığından emin olun.
3. Mobil sitenizi erişilebilir hale getirin
Birleşmiş Milletler'e göre, engelliler (PWD) dünya nüfusunun yüzde 15'ini oluşturuyor. Bu sayıya engellilerle olan duygusal bağlarına göre hareket eden arkadaşlarını ve ailelerini de eklediğinizde, tüm tüketicilerin %73'üne eşit bir demografiye ve Çin'den daha büyük bir gelişmekte olan pazara sahip olursunuz. Mobil sitenizi tasarlarken erişilebilirliği dikkate almamak, yalnızca büyük bir fırsatı kaçırmakla kalmaz, aynı zamanda halka kapsayıcılık ve çeşitliliğe değer veren bir marka olmadığınızı da söyler. Web Erişilebilirlik Girişimi, sitenizi erişilebilir kılmanın yeniliği teşvik etmeye yardımcı olduğunu ve uluslararası erişilebilirlik yasalarına uyumu sağladığını belirtir. Bütün bunlar şu soruyu akla getiriyor, neden mobil sitenizi erişilebilir hale getirmeyi düşünmüyorsunuz? Erişilebilirliği ciddiye almak için birkaç küçük adım atabilirsiniz. Örneğin, görme engellilere hitap etmek için renk paletinizi dikkatli seçin. Düzey AAA düzenlemelerine uymak için metin ve arka plan, grafikler ve kullanıcı arabirimi bileşenleri arasındaki belirli renk kontrast oranlarını ve diğer kontrast oranlarını kullanın. Contrast Checker, renk kontrastını test etmek için mükemmel bir kaynaktır, TPGi'nin Color Contrast Analyzer'ı ise arka plan renginiz hakkında rehberlik sunar. Epilepsi veya DEHB gibi bilişsel bozuklukları olanlar için sitenizdeki gereksiz hareketleri azaltın. Bunu, otomatik oynatmayı sınırlayarak, paralaks kaydırmadan kaçınarak ve ziyaretçilerin hareketi devre dışı bırakmasını sağlayarak yapabilirsiniz . Kullandığınız herhangi bir ses ve videonun, işitme güçlüğü çekenler için altyazılı ve dökümlü olduğundan emin olun. Ekrandaki görsellerin sesli açıklamasını da ekleyebilirsiniz.
4. Temel Web Verilerinizi (Core Web Vital) değerlendirin
2022 için belirlenen önemli web trendlerinden biri SEO ile uyumlu olmak.Özellikle Google'ın 2021'de Önemli Web Verileri'ni (CWV) piyasaya sürmesinden bu yana daha iyi bir kullanıcı deneyimi ile daha hızlı yüklenen siteler sunmanızı sağlamayı amaçlıyor. Ancak Google, web sitelerini içerik yükleme süresi, ilk giriş gecikmesi ve görsel kararlılık açısından sıralamada ne anlama geliyor? Her şeyden önce, mobil sitenizin tasarım öğelerinin ve içeriğinin metrikler üzerindeki etkilerini dikkatlice düşünmelisiniz. Bir web sayfasına koyduğunuz her şeyin bir maliyeti vardır ve bu, masaüstünden çok mobil için geçerlidir. Ana sayfanızdaki kat sayısı konusunda aşırıya kaçmayın. Kullanıcıların altbilginize ulaşmak için sonsuza kadar kaydırma yapmasını istemezsiniz. Bunun yerine sayfaları mobil sitenizde bölmeyi düşünün. Neden ana sayfanızdaki bir SSS bölümünü özel bir SSS sayfasına taşımıyorsunuz? İkincil bir içerik parçası bir blog yazısı olarak görüntülenebilir mi? Bunlar küçük değişikliklerdir ancak CWV puanınızda büyük fark yaratabilir. Görseller, CWV'yi etkileyen en önemli faktörlerden biridir ve mobil cihazlar özellikle ilk girişteki gecikmelere ve sayfa kararsızlığına karşı savunmasızdır. Sitenizin yüklemesi gereken varlık sayısını en aza indirin. Mobil cihazlarda arka plan resimleri masaüstünden çok daha az etkilidir, bu yüzden onları mümkün olduğunca kaldırın. Ayrıca, ekranın üst kısmındaki içeriğinizin metin tabanlı olduğundan emin olun. Mobil sitelerinizi optimize etmek için önerilen diğer eylemler arasında, iyi görünürlük için resimler, yazı tipleri ve arka planlar arasında iyi bir kontrast oluşturmak ve profesyonel bir görünüm sağlamak için kullandığınız yazı tipi sayısını ve yazı tipi ağırlıklarını sınırlamak yer alır. Erişilebilirlik için resimlere gömülü metinlerden kaçının ve daha iyi UX için anlamlı içeriği her zaman ekranın üst kısmına yerleştirin. Büyük dosyalarla işleri yavaşlatmaktan kaçınmak için şirket logoları için SVG'leri seçin, PNG'ler yerine JPEG'leri seçin ve GIF'leri kullanmak yerine videoyu döngüye alın. Performansı iyileştirmenin bir varış noktası değil, bir yolculuk olduğunu unutmayın. Google'ın CWV ölçümünde yaptığı tüm değişikliklerden haberdar olun ve Wix kontrol panelinde mobil sitenizin nasıl performans gösterdiğini yakından takip edin.
5. Uygulamanın mı yoksa mobilin mi sizin için doğru olduğunu öğrenin
Mobil öncelikli bir tasarım stratejisi uygulamayı planlıyorsanız, mobil web sitesi mi, mobil uygulama mı yoksa her ikisini birden mi oluşturacağınıza karar vermeniz gerekir. En uygun seçim, nihai hedeflerinize bağlıdır. Genel olarak, bir mobil web varlığı geliştirirken bir mobil site başlangıç noktanız olmalıdır, oysa bir mobil uygulama, bir web sitesi oluşturarak elde edilemeyen daha spesifik amaçlar için kullanılır. Hedef kitlenizi, bütçenizi ve dağıtmanız gereken özellikleri hesaba katarak her iki seçeneğin de artılarını ve eksilerini düşünün. Bir web sitesine sahip olmanın en önemli avantajlarından biri, erişimidir - farklı platformlarda erişilebilir ve kolayca paylaşılabilir. Ayrıca, bir mobil uygulama ile karşılaştırıldığında, bir mobil web sitesi daha kolay güncellenebilir. Anında erişilebilir, kullanıcının herhangi bir şey indirmesini gerektirmez ve genellikle daha az destek ve bakım gerektirir. Mobil uygulamanın kendine özgü avantajları vardır. Uygulamalar genellikle daha gezilebilir arayüzlere sahiptir, içeriği daha hızlı yükler ve genellikle daha dostça UX'e sahiptir. Mobil uygulamalar aynı zamanda bir kitleyi hedeflemek ve pazarlama kampanyaları başlatmak için etkili bir platformdur. Anında iletme bildirimleri göndermek, çevrimdışı olarak kullanılmak, daha fazla kişiselleştirme sunmak ve kullanıcının kamerası veya kişi listesi gibi mobil cihazlara özel işlevlere daha iyi erişim sağlamak için uygundurlar. Aynı şey, keşfedilebilirlikle ilgili olarak mobil siteler ve mobil uygulamalar arasındaki boşluğu kapatmak için de geçerlidir. App Store Optimizasyonu ve bir uygulama mağazasının arama sonuçlarında daha üst sıralarda yer almak için ne gerektiğini anlamak , mobil uygulamanızın havada kaybolması ile Apple veya Google tarafından önerilmesi arasındaki fark olabilir.
Mobil öncelikli fırsattan yararlanın
Mobil UX'in önemini anlamaktan Önemli Web Verileri (CWV) için yüksek puan almaya kadar, mobil öncelikli tasarım stratejisini uygularken göz önünde bulundurulması gereken çok şey var. Bununla birlikte, araştırmanızı doğru yaptığınızda, dünya genelinde yaklaşık 5.31 milyar benzersiz mobil kullanıcıdan oluşan bir pazara girdiğiniz ve nihayetinde doğru kitleye, doğru cihazda, doğru zamanda ulaştığınız anlamına gelir.
Коментарі