Google'ın yeni aracı Kusursuz Mobil Web kullanıma sunuldu. Burası dünyadaki en iyi markaların sorunsuz, hızlı ve ilgi çekici mobil deneyimleri nasıl oluşturduğunu ve aynısını nasıl yapabileceğinizi öğrenmek için oluşturulmuş.
Türkiye'deki akıllı telefon kullanım oranı 77% lere ulaşmışken, mobil uyumluluk siteler için artık zorunlu olmaktadır. Akıllı telefonları sadece internette gezinmek için kullanan birçok insan görmekteyiz. Kusursuz bir mobil deneyim için kullanıcı deneyimlerine cevap verebilen bir website oluşturmanız gerekmektedir.
Google, en çok ziyaret edilen 1000 sitenin mobil kullanılabilirliklerine göre değerlendirdiği Masterful Mobil Web adında bir rehber yayınladı. En iyi markaların kullanıcılarına nasıl sorunsuz mobil deneyimler yarattığını gösteren Google, markalara ve pazarlamacılara hangi sitelere mobil olarak değer verdiklerini ve markaların benzer taktikleri nasıl uygulayabilecekleri konusunda fikir veriyor.
https://twitter.com/ThinkGoogleTR/st...96003326173186
Kusursuz bir Mobil Deneyim nasıl ölçülür?
Google, perakende, finans ve turizm sektörlerindeki 1000'i aşkın siteye aşağıdaki kullanılabilirliklerine göre değerlendirmeye almış.
- Bulunabilirlik: Kullanıcılar arama yaptıktan sonra en uygun sayfaya yönlendiriliyor mu? Sitede arama, kullanıcıların doğru ürün/hizmeti hemen bulmalarına yardımcı oluyor mu?
- Ürün sayfaları: Ana ürün veya hizmetle ilgili resim ve ayrıntılar net ve tutarlı bir şekilde sunuluyor mu? Sonraki adımlar veya harekete geçirici mesajlar belirgin mi?
- Kayıt ve dönüşüm: Formlar kolayca doldurulabiliyor mu? Fiyat dökümü sunuluyor mu? Kullanıcı gözünden ödeme işlemi kolay ve güvenli mi?
- Mobil tasarım: Site sayfaları mobil uyumlu mu? Net başlıklar, doğru etiketlenmiş simgeler ve alakalı içeriklerle birlikte doğru yerleştirilmiş mi? Marka öğeleri tutarlı mı?
- Hız Site performansı mobil için optimize edilmiş mi? Sayfalar genel deneyimi olumsuz etkilemeyecek şekilde hızlı yükleniyor mu?
Google'ın yayınladığı rehber bu kadarla kalmıyor. Biraz daha derinine inip hangi yararlı bilgilere ulaşabileceğimize tekrar bakalım.
Mobil kullanılabilirliği optimize etmenin yolları
Mobil site deneyimini geliştirmek için Google tarafından yayınlanmış ipuçlarına bakabilirsiniz.
Bulunabilirlik
- Derin Bağlantı: Arama motoru sonuçlarına tıklayan kullanıcılar yalnızca ana sayfaya yönlendirilmiyor, en alakalı sayfaya giden derin bağlantıdan yararlanıyor.
- Sonuçları tarama: Arama sonuçları ve listeleme sayfalarında belirli bilgilere ulaşmak veya genel özeti görmek kolaydır.
- Alakalı sonuçlar: En alakalı arama sonuçları daima en üstte gösterilir.
- Kolayca görülen arama aracı: Site içindeki arama alanı, tüm sayfaların üst kısmındadır. Önce bir arama simgesinin tıklanması gerekse bile, bu alan yeni bir sayfa yüklenmeden genişletilebilir.
- Filtreleme: Filtreler kullanılabilir ve belirgindir.
- Otomatik tamamlama: Otomatik tamamlamayla en popüler aramalar önerilir. Ancak kullanıcıların bu aramaları görmezden gelme seçeneği de vardır.
- Sonuç sayısı: Filtreler uygulanırken, geriye kalan sonuçların sayısı kullanıcılara açıkça belirtilir.
- Sonraki adımlar: Her arama sonuçları sayfasının alt kısmında, kullanıcılara sonraki adımlar önerilmelidir. Bu adımlara örnek olarak "Başa dön" ve "Filtrele" işlemleri verilebilir.
- Tekrar arama: Arama yaptıktan sonra kullanıcılar, arama terimini düzenleyebilir ve hatta tamamen silebilir. Örneğin, bu işlem için alanda "x" işareti bulunabilir.
- Birden fazla filtre: Yeniden yükleme gerekmeden, birden fazla filtre tek seferde kullanılabilir. Uygun durumlarda, tek bir kategori altında da bu işlem yapılır. Bu kategorilere örnek olarak, beden verilebilir.
- Arama sonucu yok: Eşleşen herhangi bir arama sonucu yoksa kullanıcılara rehberlik veya yardım sunulur.
- Daha fazla sonuç yükle: Arama sonuçlarının veya kategori sayfalarının altında, "Sonraki" veya "Daha fazla yükle" türünde çok belirgin bir düğme bulunur.
- Kaydedilen aramalar: Hesabı olmayan kullanıcıların bile önceki aramaları otomatik olarak kaydediliyor.
- Yazım hatası düzeltme: Yazım hatası düzeltme özelliği, doğru arama terimini bulmak için kullanılır. Bu özelliğin kullanıldığı açıkça belirtilir.
Kayıt ve Dönüşüm
- Sıfır gizli maliyet: Tüm zorunlu maliyetler, fiyata olabildiğince erken eklenmelidir. Ör. teslimat.
- Bolca zaman: Kullanıcılar "Satın al" veya "Ödeme yap" seçeneğini tıkladığında, oturum en az 30 dakika daha zaman aşımına uğramaz.
- Hesap erişimi: Kullanıcılar, sitedeki herhangi bir sayfadan hesap oluşturmaya kolayca başlayabilir.
- Sitenin geri kalanından yalıtma: Dönüşüm süreci başladıktan sonra, kullanıcıları başka yerlere yönlendiren gereksiz öğeler veya düğmeler bulunmaz.
- Basitleştirilmiş ödemeler: Alışveriş sepeti üzerinden basit ödeme yöntemleri (Ör. PayPal, Google Pay). Alternatif olarak, ödeme aşamasında kart tarama/otomatik doldurma özelliği bulunuyor.
- İlerleme çubuğu: Bir form birden fazla sayfaya yayılmışsa, her adımda ilerleme durumu gösterilmelidir. Buna örnek olarak, ödeme akışları verilebilir.
- Otomatik doldurma: Otomatik doldurma, tüm form alanlarında desteklenir. Aynı zamanda alanlar, tarayıcı tabanlı otomatik doldurma özelliğinin etkili sonuçlar vermesi için düzgün etiketlenmiştir.
- Ücretsiz teslimat için harcama tutarını artırma: Uygun olduğu durumlarda, kullanıcılara ücretsiz teslimat imkanından yararlanmak için ne kadar harcama yapmaları gerektiği belirtilmelidir.
- Kaydedilen veriler: Kullanıcılar formlarda girmiş oldukları bilgileri kaybetmeden ileri veya geri gidebilir. Buna örnek olarak, ödeme akışları verilebilir.
- Klavye türleri: Alan türüne uygun bir klavye gösterilir.
- Kolayca görünen fiyat: Geçerli son fiyat, dönüşüm hunisi boyunca açıkça gösterilir.
- Form alanı etiketleri: Alan etiketleriyle giriş kutuları eşlenmiş, aynı anda görünür ve sola yaslıdır. Etiketler de alanın üzerindedir.
- Teslimat tarihleri: Teslimat seçeneklerinin gün sayısına göre değil, varış tarihine göre gösterilmesi gerekir.
- Açıklamalı form alanları: Form alanı gereksinimleri net bir şekilde açıklanmıştır.
Mobil Tasarım
- Sıfır yeni sekme: Açıkça belirtilmediği veya kullanıcılar geri okuyla önceki sayfaya dönebildiği sürece, bağlantılar hiçbir zaman yeni tarayıcı sekmelerinde açılmaz.
- Sayfa tasarımı: Tüm sayfalar markanın stili, verdiği his, rengi ve logosuyla uyumlu olmalıdır.
- Etkinlik gösterme: Bekleyen kullanıcıların, sitenin çökmediğinden emin olması için ekranda bir etkinlik gösterilmelidir.
- Tutarlı deneyim: Mobil ve masaüstü siteler arasında marka deneyimi tutarlıdır.
- Yüksek kaliteli resimler: Sitede sadece kaliteli görsel, video ve resimler kullanılır.
- Okunaklı etiketler: Tüm etiketler ve başlıklar rahatça anlaşılıp kolayca okunmalıdır.
- Düzenli sayfalar: Açılış sayfaları, düzenli olup anlaşılır ve aralıkları iyi belirlenmiş içeriklere sahiptir.
- Sıfır pop-up: İstenmeyen pop-up'lar veya geçiş reklamları yoktur.
- Başparmakla dokunma: Dokunma hedefleri, başparmaklar için yeterli büyüklüktedir ve kolayca dokunulabilir. Örneğin, radyo düğmesinin dokunulan alanı dolguludur.
- Açıklamalı simgeler: Simgelerin metin etiketleri veya açıklamaları vardır. Tek istisna, büyüteç resminin yeterli olduğu arama simgesidir.
- Güvenli site: Kimlik Bilgileri (PII) ile sınırlı kalınmamalı, tüm sayfalar HTTPS protokolü üzerinden sunulmalıdır.
- Yatay olarak görüntülenmeye uygunluk: Mobil tasarım sayesinde kullanıcılar, uygun durumlarda resimleri ve videoları yatay olarak görüntüleyebilir.
- Tıklanabilir numaralar: Uygun durumlarda, kullanıcılar bir telefon numarasını tıklayarak veya bu numaraya dokunarak arama yapabilir.
- Rulolardan kaçınma: Rulolardan genel olarak kaçınılsa da doğru ve ölçülü şekilde kullanılmaları halinde kabul edilebilirler.
Ürün Sayfaları
- Harekete geçirici mesaj: Asıl harekete geçirici mesaj ürüne yakın, belirgin ve sayfanın üst kısmından en çok bir ekran kaydırma mesafesinde olmalıdır.
- Kaydırılabilir resimler: Birden fazla resim bulunduğunda, kullanıcılar resim sayısını görebilir ve bunlar arasında kolayca geçiş yapabilir. Örneğin, resimler kaydırma veya dokunma yoluyla değiştirilebilir.
- Stok durumu verileri: Bir ürün stokta olmadığında bu durum hemen belirtilir. Uygun yerlerde, stokta hangi bedenlerin bulunduğu açıkça gösterilir.
- Kolay karşılaştırma: Kullanıcıların kolayca karşılaştırma yapabilmesi için, ürün ayrıntıları belirli bir düzende verilir. Örneğin, madde işaretleri kullanılabilir.
- Kaydırma konumu: Arama sonuçları veya ürün listeleme sayfasına dönüldüğünde web sitesi, kullanıcının sayfayı hangi konuma kaydırdığını hatırlar.
- Temel bilgiler: Temel bilgiler, kolayca ulaşılacak ve açıkça anlaşılacak şekilde gösterilir. Bu bilgilere örnek olarak teslimat, iade politikası, ürün bedeni, renk ve kesim verilebilir.
- Güvenilir yorumlar: Kullanıcı yorumları (varsa) güvenilir ve kolayca ulaşılabilir olmalıdır.
- Değiştirilebilir resimler: Kullanışlı ve uygun olduğu durumlarda, resimlerde renk ve kumaş değiştirme seçeneği söz konusudur.
- Stok ilkesi: Ürünler tükenmek üzere olduğunda, stok seviyeleri gerçek zamanlı olarak gösterilir.
- Yakınlaştırılabilir resimler: Tüm ürün resimleri, pikselleşmeden yakınlaştırılabilmelidir.
- Paylaşılabilirlik: Ürün/hizmet/teklif, kopyalanabilir URL veya Harekete Geçirici Mesajla kolayca paylaşılabilir. Ör. "Paylaş".
- Öneri motoru: "Tarzınızı tamamlayın" (ör. pantolonla birlikte kemer, fayansla birlikte harç vb.) gibi ek satış mesajları sağlanır.
- Konuk istek listesi: Ürünler arasından favoriler seçilebilir ve konuk istek listesine eklenebilir.
Diğer Google Tools konuları: