Mobil UX Nasıl İyileştirilir: 11 Etkili Strateji

Neden Mobil Kullanıcılara Odaklanmalısınız?

Mobil uyumlu bir web siteniz var, değil mi? İlgili içerikle güncel tutuyor ve en son SEO yönergelerini takip ediyor musunuz? Tabii ki! Ve bahse girerim masaüstünüzde veya dizüstü bilgisayarınızda harika bir kullanıcı deneyimi sağlar.

Ancak mobil cihazlarda dönüştürüyor mu? Mobil internet kullanımı yıllar içinde patladığı için, mobil kullanıcı deneyiminiz (veya Mobil UX), masaüstü web sitenizin kullanıcı deneyimi kadar dikkat çekmelidir.

2022'de web trafiğinin yüzde 70'e kadarı mobil cihazlardan geliyor — TECHJURY

Mobil kullanıcı deneyimini nasıl iyileştireceğinizi biliyor musunuz? Ne yazık ki, çoğu mobil deneyim, basit bir nedenden dolayı zayıf UX'ten muzdariptir: yaratıcıları, mobil UX tasarımının en iyi uygulamalarını, standartlarını ve kurallarını gözlemleyemedi.

Google, sitenizi mobil sürümünüze göre giderek daha fazla derecelendirdiğinden, mobil kullanıcı deneyiminizi geliştirmek daha da önemli hale geliyor. Bu yazıda, mobil web sitenizin kullanıcı deneyimini (UX) geliştirmek için 11 pratik stratejiyi paylaşmak istiyorum.

Bu yazıda bahsedilen her şey tabletler için de geçerli olsa da bu yazıyı yazarken aklımda akıllı telefonlar vardı. Ancak, 2022'de, diğer birçok cihaz içeriğinizi tüketebileceğinden, yalnızca akıllı telefonları aklınızda tutmak zorunda değilsiniz. Bazılarınız bu yazıyı akıllı saatinizde bile okuyabilir.

Mobil UX Nasıl İyileştirilir

1. Görev Tabanlı Tasarım Kullanın

Soru: Kullanıcıların web sitenizi ziyaret etmesinin birincil nedeni nedir?

Mobil SEO'yu unutmadan, mobil web sitenizi ve yapısını kullanıcıyı düşünerek tasarlayın. Ziyaretçiniz cep telefonunu kullanıyor. Belki de herhangi bir şeye gidiyorlar ve web sitenizdeki bir şeyi kontrol etmeleri gerekiyor. Bu ne olabilir? Ziyaretçilerin web sitenizde yaptıkları hakkında bir an düşünün (Google Analytics'i kontrol edin, işletmeniz hakkında sağduyu kullanın veya uygun testler yapın). Ardından, mobil web siteniz için en önemli görevlere karar verin.

En önemli görevler, ziyaretçileriniz için en önemli olan küçük görevler dizisidir (genellikle ondan az, genellikle beşten az). Bunlar, kullanıcıların sitenizde gerçekleştirmeyi beklediği temel görevlerdir. Bu görevlere mümkün olan en kolay şekilde erişilebilmesi için mobil sitenizi optimize edin.

Web sitenizin birincil amacı, ziyaretçilerin işleri halletmesine yardımcı olmaktır. Birisi web sitenizi bulur ve gezinmeye başlarsa, yapmak istediklerini kolayca bulup tamamlayabileceklerinden emin olun. Muhtemelen cep telefonlarında kullanmaya alışık oldukları bir sürü uygulama vardır. Bir mobil cihazda olmak, kullanıcının odaklanmasını zorlaştırabilir. Dikkat dağıtıcı şeyler sadece telefonda değil her yerdedir. Mobil kullanıcı deneyiminizi, diğer uygulamalara geçmeden önce işlerini halletmelerini sağlayacak şekilde tasarlayın.

2. Basit Tutun

Masaüstü sitenizin kahraman görseller ve büyük metinlerle harika göründüğünü düşünebilirsiniz. Ancak mobil web sitenizde kullanıcılar etkiyi farklı algılayacaktır. Daha az odak olacak. Web sitenizin yalnızca siyah beyaz olması gerekmez, ancak daha iyi bir mobil UX için basit bir beyaz arka plan, siyah harfler ve bir veya iki destekleyici renk yeterlidir.

Mobil sitenizin ve masaüstü sitenizin aynı kullanıcı deneyimini sunduğundan emin olun. Tutarlılık içerik için geçerlidir ve tasarım için de geçerli olmalıdır. Ayrıca, bugün sitenizi değerlendirirken, ona her zaman mobil öncelikli bir bakış açısıyla bakmalısınız. Bu nedenle, siteniz için bir yeniden tasarım projesi başlatmanız durumunda, bunun mobil öncelikli olduğundan emin olun.

İşleri yumuşatmak, animasyonlarınız ve diğer mikro etkileşimleriniz için de geçerlidir. Sitenize eklediğiniz her gerekli olmayan JavaScript biti, yüklenmesini ve çalıştırılmasını zorlaştırır. Ayrıca, animasyonlar bir mobil sitede her zaman anlamlı değildir. Bu yüzden sitenizi yalın ve ortalama tutun!

3. Hız için Optimize Edin

Mobil sitenizi olabildiğince basit tutmak, mobil cihazlarda sayfa yükleme hızını artırmanıza da yardımcı olacaktır. Sayfa hızı, mobil kullanıcı deneyimine önemli bir katkıda bulunur. Site hızını kontrol etmek için birçok araç var. Genellikle sayfa hızını optimize etmek için yapabileceğiniz birkaç şey vardır.

Site hızı da Google'da sıcak bir konudur. 2021'de arama motoru, Önemli Web Verileri adı verilen yeni bir ölçüm seti duyurdu. Bu metrikler, Google'a yeni bir sıralama faktörü için bilgiler verir: Sayfa Deneyimi. 2022'de kullanıcılar, mobil siteleri kullanıcılara sundukları deneyime göre değerlendirecekler. Ve tahmin ettiniz, site hızı bu faktörlerden biri.

Yapabileceğiniz en kolay ve en etkili şeylerden biri, resimlerinizi SEO ve kullanıcı deneyimi için optimize etmektir. Bu konuda size yardımcı olacak birkaç araç var. Imagify'ı seviyorum, ancak Smush ve Short Pixel uygun alternatifler.

Buna ek olarak, yüklenen CSS ve JavaScript dosyalarını birleştirmeli ve küçültmelisiniz. Sunucuya ne kadar az bağlantı gerekliyse, web siteniz o kadar hızlı olur ve mobil kullanıcı deneyimi daha iyi olur. Ancak bu adım web sitenizi bozabilir ve profesyonel bir web tasarımcısının size yardım etmesine izin vermelisiniz.

Elbette, premium hosting de kullanmalısınız, çünkü çoğu site için bu genellikle hızlı bir kazançtır.

4. Tıklanabilir Düğmeleri Kullanın

Bu çok açık, ancak yine de endişe kaynağı. Ziyaretçiler, parmaklarını ve başparmaklarını kullanarak mobil web sitelerinde gezinirler ve düğmeler, onlara hızlı bir şekilde ulaşmak için her zaman yeterli alan sağlamaz. Bunu, Google'ın geliştirici belgelerinde Erişilebilir Dokunma Hedefleri altında bulabilirsiniz. Ve bu başparmakla öğeleri tıklayabilmemiz gerekiyor.

Yukarıda bağlantısı verilen Google makalesinde, o hafifçe vurma hedefi için sayıları bulabilirsiniz:

Önerilen minimum dokunma hedefi boyutu, doğru ayarlanmış bir mobil görüntü alanına sahip bir sitede yaklaşık 48 cihazdan bağımsız pikseldir. Örneğin, bir simgenin genişliği ve yüksekliği yalnızca 24 piksel olabilirken, hafifçe vurma hedef boyutunu 48 piksele çıkarmak için ek dolgu kullanabilirsiniz. 48×48 piksel alanı, yaklaşık olarak bir kişinin parmak izi alanının boyutu olan yaklaşık 9 mm'ye karşılık gelir.

Ayrıca, Nielsen'deki kullanılabilirlik uzmanları, hataları ve hayal kırıklığını önlemek için mobil cihazlarda dokunma hedeflerinin en az 1 cm x 1 cm boyutlarında olması gerektiğini buldu. Düğme vuruş alanlarıyla ilgili olarak, genellikle birbirine çok yakın olan dokunma öğeleri vardır - Nielsen'in bu araştırma makalesinde de açıkladığı bir şey. Örneğin, bir bağlantıya tıklayıp başka bir yere gitmenin faydası yoktur çünkü yanındaki bağlantı istediğiniz bağlantıya çok yakındır.

5. Mobil Başparmak Bölgesine Odaklanın

Ekran boyutu arttıkça, "mobil başparmak bölgesi" terimi, yerel tasarımcılar için aniden çok önemli hale geldi. Çoğu kişi mobil cihazlarını tek başına tutar ve sitede gezinmek için başparmaklarını kullanır.

Doğal olarak, mobil kullanıcı arayüzü, tıklanabilir öğelerin çoğunu ve önemli gezinme düğmelerini başparmağın rahat erişimi dahilinde sağlamalıdır. Bu nedenle, kullanıcının başparmağının etrafındaki bu rahatça erişilebilen bölge, mobil başparmak bölgesi olarak kabul edilir.

Bu, mobil site deneyiminizi, bir kişinin telefonunu tek eliyle tuttuğunda başparmakla kolayca erişilebilen bir telefonun ekranının alanı olan "başparmak bölgesi" için optimize etmeniz gerektiği anlamına gelir.

Temelde, birincil etkileşimleri öne ve ortaya (ekranın ulaşılması kolay alanları) ve daha az önemli olanları ekranın üst ve alt kenarlarına yerleştirin. Ekran boyutu arttıkça başparmak bölgesinin azaldığını unutmayın.

6. Basit Menü ve Arama Seçeneği Ekleyin

Mobil UX'in ana unsurlarından biri aramadır. Bir an önce arama yapabilmeniz gerekir. Bu nedenle, bir sayfayı okurken diğerine tıklarken bir arama seçeneği her zaman mevcut olmalıdır. Mesele şu ki, mümkün olan en basit web sitesini sunmaya çalışmamıza rağmen, her zaman o kadar kolay sığmayan unsurlar olacaktır. Bu nedenle, tüm bu içerik için bir mobil arama seçeneği kullanmak iyi olur.

Bir emlak komisyoncusuysanız veya çevrimiçi kıyafet satıyorsanız, bu arama seçeneği mobil ana sayfanızın temel öğesi olabilir. Bu durumda lütfen bu arama seçeneğini içerik alanında gösterin ve diğer sayfalardaki menü çubuğu aracılığıyla kullanılabilir hale getirin.

Aramayla ilgili mobil UX hakkında bir şey daha: seçeneğe sahip olmak birinci adımdır. Dahili arama sonucu sayfalarınızın da harika göründüğünden emin olun. Sonuçlar, örneğin masaüstü ve mobil gibi alaka düzeyine göre sıralanmalıdır. Bireysel sonuçların ayırt edilebildiğinden emin olun, bu nedenle sonuçların ayrılmasını iyileştirin.

7. Görsel Ayırıcıları Kullanın

Bu ayırma eksikliği, mobil web sitenizde her türlü ayırıcıyı kullanmanız gerektiği anlamına gelmez. Bölücüler yer kaplar ve bunun yerine mobil UX üzerinde olumsuz bir etkisi olacaktır.

Öğeleri, bir ayırıcıya ihtiyaç duymadan ayrı bölümler gibi görünecek şekilde stillendirmenin yollarını düşünün. Kenarlıklar, boşluklar, başlıklar vb. kullanın. Yer kaplayan satır öğeleri eklemeden mobil UX'i geliştirmek için birçok şey yapabilirsiniz. Tabii ki, bunları kullanmaya karşı bir kural yok. Yalnızca uyum sağladıklarından ve kullanıcıların görevlerini yerine getirmekten alıkoymadıklarından emin olun.

8. Kısa Formlar Kullanın

Masaüstü web sitenizde olduğu gibi, mobil siteniz de dönüşüm hedefleyebilir veya hedeflemelidir. Örneğin, ziyaretçiler ürünleri satın almak veya hizmetleriniz için fiyat teklifi almak niyetindedir. Bülteninize abone olmak veya sadece bir iletişim formu doldurmak, kullanıcı girişi gerektiren tüm işlemlerdir. Bir cep telefonunda, çok sayfalı formlar mobil UX'i mahveder. Kullanıcılar bunları doldurabilir, ancak çok şey istiyor. Açıkçası, masaüstü veya dizüstü bilgisayarlarda çok sayfalı formlardan pek hoşlanmıyorum.

Optimum mobil UX için formları mümkün olduğunca kısa tutmak istiyorsunuz. Sormak istediğiniz ama gerekmeyen her şeyi kaldırın:

• Bülten mi? Yalnızca e-posta adresi (<input type=”email”> giriş alanıyla).
• Alıntı? Soyadı ve e-posta adresi.
• Mağaza? Teslimat, fatura ve e-posta adresi. Teslimat adresini fatura adresine kopyalama seçeneği için bonus puanlar.

Yine de GDPR yönergelerine uyduğunuzdan emin olun!

9. Yazı Tipi Boyutlarını Sınırlayın

Tipografi bir mobil web sitesini yapabilir veya bozabilir. Sadece seçtiğiniz yazı tipi değil, aynı zamanda bu yazı tiplerinin boyutları da önemlidir. Ne yazık ki, tüm masaüstü yazı tipi boyutlarını mobil web sitenizde kullanamazsınız. Bunun için iki sebep var:

1. Mobil ekran boyutu. Başlığın ekranı doldurmasını istemezsiniz; makalenin sayfanın ilk görünümünde başladığından emin olmak istiyorsunuz. Temel yazı tipinin (paragraf yazı tipiniz gibi) kıstırma ve yakınlaştırma yapmadan okunamayacak kadar küçük olmasını da istemezsiniz.
2. Mobil UX, üçten fazla yazı tipi boyutu kullanıldığında sorun yaşar. Boyut farklılıkları çok daha görünür olacaktır. Yazı tipi boyutlarının sayısını iki, belki üç ile sınırlandırmalısınız.

Google'ın mobil uyumlu testleri, önerilen yazı tipi boyutlarını kullanıp kullanmadığınızı bile kontrol eder. Tabii ki, bu çoğunlukla gövde yazı tipi için geçerlidir, ancak yine de.

10. Reklamları ve Pop-up'ları Sınırlayın

Birçok site biraz para kazanmak için reklamları kullanır ve bunda bir sorun yoktur. Ancak, araya giren pop-up'lar ve çok sayıda üçüncü taraf reklamıyla kullanıcıyı korkutmamalısınız. Kullanıcının deneyimlemesine izin verdiğiniz ilk şey bülteniniz için bir kayıt formu olduğunda, kullanıcıya saygı duymazsınız. Reklamlarınızı ve CTA'larınızı tanıtmadan önce birincil içeriğinizin yüklendiğinden emin olun.

Ayrıca, reklamları zevkli ve sade tutun. Bir kullanıcıyla bir bağlantı kurmak ve bir ilişki kurmak istiyorsunuz ve bu, mobil sitenize geldikleri anda yüzlerine ŞİMDİ ŞİMDİ SATIN AL'ı işaretlediğinizde olmuyor. Aşırı agresif reklamlar, kötü bir kullanıcı deneyimi yaratır.

11. Mobil UX'inizi test edin. Tekrarlamak!

Ziyaretçilerinize bir mobil web sitesi sunarken, masaüstü sitenizdeki ve sitenizin mobil versiyonundaki her değişikliği test etmeniz gerekir. Mobil web sitenizin her zaman güncel olduğundan emin olmanın tek yolu budur. Bu nedenle mobil sitenizi tekrar tekrar test ettiğinizden emin olun.

Mobil Kullanıcı Deneyimini Geliştirmenin Faydaları

Mobil çağ yaklaşıyor ve mobil cihazlarda UX'i geliştirmek, masaüstü kullanıcıları için geliştirmek kadar önemlidir. Tabii ki, çok çalışma gerektiriyor, ancak daha mutlu kullanıcıların nihai faydaları, iyileştirilmiş arama sıralamaları ve artan gelir, her şeye değer.

Bununla birlikte, mobil kullanıcı deneyimini geliştirmek, şeyleri aynı veya benzer görünümlü yapmakla ilgili değildir. Bu, işlerin daha iyi çalışmasını sağlamak ve evlat edinmenin önündeki engelleri azaltmakla ilgilidir. Tasarımcılar ve geliştiriciler, en iyi uygulamalarda uzmanlaştıktan sonra, kuralları büken veya çiğneyen benzersiz tasarımlar oluşturmak için yenilik yapabilir ve dallara ayrılabilir.

Mümkün olan en iyi mobil kullanıcı deneyimini sağlamak, site ziyaretçilerini şirketinizin aslında doğru seçim olduğuna teşvik etmenin en iyi yoludur.

Burada tartıştığım trendlerin ve ipuçlarının çoğunun uygulanması kolaydır ve çok fazla kaynak veya çaba gerektirmezken bazıları daha kapsamlı bir yeniden tasarım gerektirebilir.

Mobil UX'i geliştirerek, kullanıcıların işletmenizle ilgili deneyimlerini önemsediğinizi açıkça belirtmiş olursunuz ve bu, iletebileceğiniz en iyi marka mesajıdır. Yardım etmek için buradayız!

Mobil UX'i Nasıl İyileştireceğinizden Emin Değil misiniz?

Mobil kullanıcı deneyimini geliştirmek, mümkün olan en iyi kullanıcı deneyimini sağlamak için kritik öneme sahiptir. Kullanılabilirlik, her zamankinden daha talepkar mobil tüketiciyi cezbedecek ve onlarla etkileşime geçecekseniz çok önemlidir.

Çevrimiçi varlığınız için mobil kullanıcı deneyimini geliştirmek ister misiniz? Profesyonel tasarımcılardan oluşan ekibimiz bu konuda size yardımcı olmaktan mutluluk duyacaktır. Ancak, önce portföyümüze bakın ve örnek olay incelemelerimizi okuyun.

O zaman mobil tasarım ihtiyaçlarınıza uygun olduğumuzu düşünüyorsanız gelin konuşalım! İşletmeler ve ürün markaları için eksiksiz bir danışmanlık ve tasarım çözümleri yelpazesi sunuyoruz.

Mobil UX'i geliştirmenin işletmenize veya ürün markanıza nasıl fayda sağlayacağından emin değilseniz, size yardımcı olabiliriz! Ekibimiz endişelerinizi dinleyecek, ihtiyaçlarınızı değerlendirecek ve mobil kullanıcı deneyimini ve kullanılabilirliği iyileştirmek için ihtiyaç duyduğunuz şeylerin bir listesini oluşturacaktır.

Web Sitenizde Mobil UX'i İyileştirdiniz mi?

Mobil kullanıcı deneyimini geliştirmek için önerilerimden herhangi birini denediniz mi? Hangilerini denediniz ve ne tür sonuçlar elde ettiniz? Mobil UX'i nasıl iyileştireceğinize dair başka ipuçlarınız veya fikirleriniz var mı?

İzleyicilerimizin faydalanabilmesi ve bir sonraki gönderimizi kaçırmamak için yayınımızı alabilmesi için lütfen aşağıya yorum yapmaktan çekinmeyin! Ve yayınımızı izleyicilerinizle paylaşmaktan çekinmeyin!

Teşekkür ederim! Her seferinde bir piksel olmak üzere, kötü işletme web sitelerini sonlandırma konusundaki yardımınız için teşekkür ederiz!

Gregor Saita tarafından
Kurucu Ortak / CXO
@gregorsaita