Mobil UX ve Değişen Kullanıcı Tarayıcı Alışkanlıklarına Nasıl Uyum Sağlanır?

2016 yılında mobil cihazlardan gelen internet trafiğinin yüzdesi ilk kez masaüstü trafiğini geçti. İnternete mobil cihazlardan erişenlerin sayısı arttıkça iyi bir mobil tasarıma olan ihtiyaç daha da önemli hale geliyor. Pazarlamacıların, mobil kullanıcılara ulaşırken dönüşümleri ve etkileşimi artırmak için en iyi UX tasarım öğelerini anlaması gerekir.

Kötü bir mobil tasarım markanızı mahvedebilir

Mobil web sitesi kullanıcıları, sitelerini uygun şekilde optimize etmeyen markaları pek affetmezler. Impactbnd'ye göre, müşterilerin %52'si kötü bir mobil deneyime sahip bir web sitesiyle etkileşim kurmak istemeyecektir. Ayrıca siteyi tamamen terk etme olasılıkları beş kat daha fazladır.

Müşteri beklentileri, yalnızca artan sayıda müşteri mobil cihazlarda internette gezinmeye daha fazla zaman harcadıkça artacaktır. Mobil kullanıcı deneyimini etkileyen faktörleri anlamak çok önemlidir.

Mobil UX nasıl farklıdır?

Sitenizi Mobil UX için optimize etmeye başlamadan önce, mobil ve masaüstü kullanıcılarının sitenizle etkileşim kurma biçimlerindeki farklılıkları anlamanız gerekir. En büyük fark, kaydırma ve tıklamanın mobil cihazlarda çok daha zor olmasıdır. Kullanıcıların içeriğinizle etkileşime girerken hayal kırıklığına uğramasını önlemek için gezinmeyi basitleştirmeniz gerekir.

Ayrıca ekranın boyutunu da göz önünde bulundurmalısınız. Akıllı telefon ve hatta tablet ekranları masaüstü bilgisayarlardan daha küçük olduğu için görsel öğeler kompakt olabilir.

İşte mobil kullanıcı deneyimini geliştirmek için bazı ipuçları.

Metninizin ve bağlantılarınızın görünürlüğünü artırın

Mobil ekranlar daha küçüktür, bu nedenle metnin okunması genellikle daha zor olacaktır. Metninizi farklı bir şekilde görüntülemeniz gerekecek. İşte aklınızda bulundurmanız gereken bazı şeyler:

• Tuhaf yazı tiplerini kullanmaktan kaçının. Kullanılacak en iyi yazı tipleri Arial, Times New Roman, Grotesque, Helvetica ve Open Sans'tır. Cezayirli Ad Bonnie gibi yazı tiplerini okumak çok zor olacak.
• 18 ila 22 puntoluk bir yazı tipi boyutu kullanmayı düşünün. Aynı yazı tipi boyutu bir masaüstü cihazda %10 daha büyüktür, bu nedenle metninizin mobil cihazlarda fark edilmesini sağlamak için daha büyük bir yazı tipi kullanmanız gerekir.
• Köprüler için daha koyu metin ve daha koyu renkler kullanın. Bu daha fazla kontrast oluşturur.

Elbette, metninizi optimize ederken kullanıcılarınızın demografik özelliklerini de göz önünde bulundurmalısınız. Daha yaşlı kullanıcıların herhangi bir ekran boyutunda metin okurken daha fazla zorluk çekeceğini unutmayın. Bu sorun mobil kullanıcılarda daha kötüdür, bu nedenle okuyucularınızın çoğu yaşlıysa metninizi daha da büyütün.

Tüm harekete geçirici mesaj düğmelerinin farklı parmak boyutları için yeterince büyük olduğundan emin olun

Yeni harekete geçirici mesaj düğmeleri oluştururken, göz önünde bulunduracağınız ilk şeylerden biri görünürlük olacaktır. Ancak, görünürlüğün ötesine geçen harekete geçirici mesajı tamamlamanın kolaylığını da göz önünde bulundurmalısınız. Küçük düğmelere tıklamak daha zor olacak. Bu özellikle daha büyük parmakları olan kullanıcılar için geçerlidir. Sitenizin UX'ini değerlendirirken bazı kişilerin sizinkinden daha büyük parmaklara sahip olacağını unutmamalı ve buton boyutunu buna göre ayarlamalısınız. Duda bunu çok iyi yapıyor. vCita çevrimiçi zamanlama araçları, kolayca tıklanabilir büyük CTA düğmelerine sahiptir.

Tıkla ve ara seçeneği kullanın

Mobil kullanıcıların dikkat süreleri çok kısadır. Web sitenizden bir telefon numarası çevirmelerini sağlamada iyi şanslar. Çoğu kişi, telefon numarasını doğru bulduklarından emin olmak için tuş takımı ve web siteniz arasında geçiş yapmak istemez. Girmiş olsalar bile, her zaman yanlış girme riski vardır. Yanlış numarayı ararlarsa muhtemelen tekrar aramayı deneme zahmetinde bile bulunmazlar.

Bunun yerine tıkla ve ara seçeneğiniz varsa, kullanıcılarınız çok daha mutlu olacaktır. Ayrıca, onları arama yapmaları için çok daha yüksek bir şansınız olacak.

E-posta dönüşüm huninizi fazla karmaşık hale getirmeyin

Kullanıcıların bir e-posta listesine abone olmalarını sağlamak, bir masaüstü cihazda yeterince zordur. Mobil trafik için ayarlamak oldukça zordur.

E-posta dönüşüm huninizin mümkün olduğunca basit olduğundan emin olun. Ayrıca, mobil cihazlarda büyüyen bir sorun olan bot trafiğinden kaçınmak için adımlar atın. Şüpheli e-postaları kontrol etmek ve listenizden kaldırmak için bir e-posta doğrulama hizmeti kullanmak, açılma oranınızı ve diğer önemli ölçümlerinizi iyileştirmenize yardımcı olabilir.

İçeriği daha erişilebilir hale getirmek için bir hamburger menüsü kullanın

Birçok web sitesi menüsü eskisinden çok daha darmadağın. Birçok masaüstü web sitesi, bu sorunu en aza indirmek için gezinmeyi basitleştirmek için açılır menüler kullanır. Ne yazık ki, bu tür menüler mobil cihazlarda tam bir kabus olabilir.

Facebook, hamburger menüsü olarak bilinen mobil uygulaması için bir çözüm geliştirdi. Bu seçenek, mobil kullanıcıların sitenizle etkileşime girmesi ve içeriğe daha kolay erişmesi için sorunsuz bir yol olabilir. Daha fazla seçenekle açılan bir alt menü yerine yanında bir hamburger simgesi var. Kullanıcılar, daha fazla menü seçeneği ile yeni bir ekrana yönlendirilmek için hamburgere tıklayabilir.

UX uzmanlarının hamburger menülerinin kullanışlılığı konusunda farklı görüşleri var. Bir yandan, kullanıcıların popüler bir web sayfası bulmaya çalışıyorlarsa gereksiz yere sıkıcı olabilecek bir dizi tıklama yapmalarını gerektirirler. Öte yandan, kullanıcıları tamamen kaybetmekten kaçınmanın en iyi yolu olabilirler.

Bir çalışma, müşterilerin birçok seçeneğe sahip olmaları durumunda harekete geçme olasılıklarının 10 kat daha az olduğunu buldu. Bir hamburger menüsü ile bazı kullanıcıları kaybedebilirsiniz, ancak aynı anda çok fazla seçenekle aşırı yüklerseniz kaybedeceğiniz kadar değil.

Hamburger menüleri denemeye değer olabilir. Ancak, önce gereksiz seçenekleri ortadan kaldırarak menü gezinmenizi basitleştirmeniz önemlidir. Bu, izleyicileri kaybetmekten kaçınmanın en iyi yolu olacaktır.

Gereksiz öğeleri kaldırın

Gereksiz öğeleri web sitenizden kaldırmak, mobil sitenizin performansını artırmak için çok önemli olacaktır. Mobil ekranları çok dağınık hale getirebilirler. Daha da kötüsü, harekete geçirici mesajınızdan dikkatinizi dağıtabilir ve hatta önemli içeriği (CTA'nız dahil) ekranın alt kısmına itebilirler. Bu içeriği görmezlerse, kullanıcılarınız içerikle etkileşim kurmak için asla aşağı kaydırmayabilir.

Ekranınızdaki tüm görsel öğelere yakından bakın. Bunların önemli olup olmadığına karar verin ve gerekirse bunları mobil sayfalarınızdan kaldırın.

Mobil UX'inize Yakından Bakın

İyi optimize edilmiş bir mobil arayüze sahip olmak çok önemlidir. Kullanıcıların içeriğinizle kolayca etkileşime geçebildiğinden ve dönüşüm oranlarını en üst düzeye çıkardığından emin olmanız gerekir. Neyse ki, mobil kullanıcı deneyiminizi geliştirmenin birçok yolu var. Bu yönergeler iyi bir başlangıç ​​noktasıdır, ancak test etmeyi unutmayın! Analitik verileriniz, mobil web sitenizde yeni tasarım değişiklikleri yaptığınızda en iyi rehberiniz olacaktır.