Ne anlama gelir?
Dokunma Hedefi (Tap Target), mobil ekranda parmakla tıklanabilen butonlar, linkler ve form öğeleridir. Bunların yeterince büyük ve aralarında yeterli boşluk olması, mobil kullanılabilirliğin bir gereğidir.
Sorun ne?
Küçük veya birbirine çok yakın dokunma hedefleri, kullanıcının yanlış öğeye basmasına ve hüsrana yol açar. Google bunu bir mobil kullanılabilirlik sorunu olarak işaretler.
İyi uygulama
- Dokunma hedefleri yeterince büyük olmalı (genelde ~48px önerilir)
- Öğeler arasında yeterli boşluk bırakılmalı
- Bağlantılar yanlışlıkla üst üste binmemeli
Ne yapmalı?
Mobil arayüzde butonları ve linkleri parmakla rahat basılacak boyutta ve aralıkta tasarlayın. Küçük ekranda kolay dokunulan bir arayüz, hem deneyimi hem dönüşümü iyileştirir.
Ne anlama gelir?
Dokunma hedefi (touch target), bir web sayfasında kullanıcının dokunarak (özellikle mobil cihazlarda parmakla) etkileşime girebileceği öğelerin (butonlar, linkler, form öğeleri, menü öğeleri) tıklanabilir/dokunulabilir alanıdır. Dokunma hedeflerinin yeterince büyük ve birbirinden yeterince uzak olması, mobil kullanıcıların bu öğelere kolayca ve hatasız dokunabilmesi için önemlidir. Çok küçük veya birbirine çok yakın dokunma hedefleri, mobil kullanılabilirliği ciddi biçimde bozar ve mobil uyumluluk açısından bir sorun oluşturur.
İyi dokunma hedefi ilkeleri
- Yeterince büyük boyut (kolay dokunulabilir)
- Öğeler arasında yeterli boşluk
- Parmakla hatasız etkileşim
- Mobil kullanılabilirliği destekler
Neden önemli?
Dokunma hedefi tasarımı, mobil kullanılabilirliğin önemli ama sıklıkla göz ardı edilen bir yönüdür; çünkü mobil kullanıcıların bir sayfayla etkileşimi büyük ölçüde dokunma yoluyla gerçekleşir, ve dokunma hedeflerinin uygun tasarlanmaması bu etkileşimi zorlaştırır. Masaüstü cihazlarda, kullanıcı fare ile hassas biçimde tıklar, ve küçük öğelere bile kolayca hedef alabilir. Ancak mobil cihazlarda, kullanıcı parmağıyla dokunur, ve parmak fare imlecine göre çok daha büyük ve daha az hassastır; bu yüzden mobilde, dokunma hedeflerinin (tıklanabilir öğelerin) yeterince büyük olması ve birbirinden yeterince ayrık olması gerekir ki kullanıcı doğru öğeye kolayca ve yanlışlıkla başka bir öğeye dokunmadan hedef alabilsin. Eğer dokunma hedefleri çok küçükse, kullanıcı öğeye dokunmakta zorlanır, birden çok deneme yapmak zorunda kalır, bu da sinir bozucudur; eğer öğeler birbirine çok yakınsa, kullanıcı yanlışlıkla istemediği öğeye dokunabilir, bu da hatalara ve hayal kırıklığına yol açar. Bu sorunlar, mobil kullanıcı deneyimini ciddi biçimde bozar, kullanıcıların görevlerini tamamlamasını zorlaştırır ve dönüşümü olumsuz etkileyebilir; örneğin, çok küçük bir "satın al" butonu veya birbirine yapışık form öğeleri, kullanıcının işlemi tamamlamasını engelleyebilir. Dokunma hedeflerinin uygun tasarımı için genel ilkeler vardır; dokunma hedefleri yeterince büyük olmalı (yaygın rehberler, minimum belirli bir boyut önerir), ve dokunma hedefleri arasında yeterli boşluk bırakılmalıdır ki yanlış dokunmalar önlensin. Bu, özellikle küçük ekranlarda ve parmakla etkileşimde kritiktir. Dokunma hedeflerinin SEO ile ilişkisi, mobil kullanılabilirlik yoluyladır; Google, mobil uyumluluğu ve kullanılabilirliği önemser (mobil öncelikli indeksleme ve sayfa deneyimi sinyalleri), ve uygun boyutlu dokunma hedefleri, mobil kullanılabilirliğin bir bileşenidir. Google'ın mobil uyumluluk ve sayfa deneyimi araçları, dokunma hedeflerinin uygun boyutta ve aralıkta olup olmadığını kontrol eder; çok küçük veya birbirine çok yakın dokunma hedefleri, bir mobil kullanılabilirlik sorunu olarak işaretlenebilir. Dokunma hedefi, kullanıcının dokunarak etkileşime girdiği öğelerin dokunulabilir alanıdır; mobilde parmakla kolay ve hatasız etkileşim için yeterince büyük ve birbirinden ayrık olmaları gerekir, ve mobil kullanılabilirliğin bir bileşeni olarak hem kullanıcı deneyimi hem SEO (mobil uyumluluk ve sayfa deneyimi) açısından önemlidir.
Gerçek örnek
Bir e-ticaret sitesinin mobil versiyonunda, butonlar ve linkler çok küçük ve birbirine çok yakındı; mobil kullanıcılar yanlış öğelere dokunuyor, satın alma butonuna basmakta zorlanıyordu ve dönüşüm düşüktü. Dokunma hedefleri yeterince büyük hale getirilip aralarına yeterli boşluk konulduğunda, mobil kullanıcılar öğelere kolayca ve hatasız dokunabildi; mobil kullanılabilirlik, deneyim ve dönüşüm iyileşti.
Özet
Dokunma hedefi, kullanıcının dokunarak etkileşime girdiği öğelerin (buton, link, form) dokunulabilir alanıdır. Mobilde parmakla kolay ve hatasız etkileşim için yeterince büyük ve birbirinden ayrık olmalıdır. Çok küçük veya yakın hedefler mobil kullanılabilirliği ve dönüşümü bozar. Mobil uyumluluğun ve sayfa deneyiminin bir bileşeni olarak hem UX hem SEO açısından önemlidir.