UX/UI tasarım / DIJION
Küçük simge, yanlış dokunma: mobil hedef alanı ve boşluklar
Görsel simgeyle etkileşim alanını ayıran; komşu eylemleri, ekran kenarlarını ve büyük metni birlikte değerlendiren kontrol rehberi.
Küçük bir çarpı simgesi yalnız görsel bir tercih değildir; yanlış dokunma bir taslağı kapatabilir. Simgeyi büyütmek her zaman tek çözüm de değildir. Örnek bir araç çubuğunda düzenle ve sil eylemlerinin gerçek dokunma alanlarını, aralarındaki boşluğu ve kullanıcının telefonu tutuşunu birlikte inceleyin.
Görünen şekil ile etkileşim alanını ayırın
Bir simge küçük kalırken çevresindeki etkin alan daha büyük olabilir. Ancak alanlar üst üste biniyorsa sonuç belirsizleşir. Dokunma kutularını geliştirme sırasında görünür kılıp gerçek sınırları kontrol edin. Boşluk eklemek, özellikle tehlikeli komşu eylemlerde boyut artırmak kadar yararlı bir tasarım seçeneği olabilir.
Ölçüyü bağlamından koparmayın
WCAG 2.2 AA hedef boyutu ölçütü web için 24×24 CSS piksel veya tanımlanan boşluk koşullarını, belirli istisnalarla ele alır. Bu sayı ideal mobil rahatlık ölçüsü değildir. CSS pikseli ile native platform birimlerini karıştırmayın; ilgili platform rehberini ve gerçek cihaz görevini ayrıca değerlendirin.
Komşu eylemleri riskle birlikte değerlendirin
Tüm sütunlar için tabloyu yatay kaydırabilirsiniz.
| Konum | Risk | Kontrol |
|---|---|---|
| Düzenle yanında Sil | Yanlış geri dönülemez işlem | Alan ve boşluğu ayır |
| Ekran kenarı | Sistem hareketiyle çakışma | Gerçek cihazda dene |
| Dar kart | Etiket ve simge yarışması | Hedef önceliğini belirle |
Dokunmanın sonucunu görünür tutun
Geniş hedef alanı, bastığında ne olduğunun anlaşılmasını da gerektirir. Basılı durum, yüklenme ve devre dışı görünüm aynı görünmemelidir. Ekranın altındaki klavye, büyük metin veya kaydırma hareketi alanı değiştirebilir. Kontrol yalnız ilk ekranda değil, hata mesajı geldikten ve içerik uzadıktan sonra da yapılmalıdır.
Yanlış dokunmayı tekrar üretin
- Sınır çizgilerini görünür yapıp üst üste binmeyi arayın.
- Dar ekran ve büyük metinde bütün eylemlere ulaşın.
- Kaydırmayı eylem üstünden başlatın; yanlış etkinleşme olmamalı.
- Tehlikeli komşu eylemleri tek elle gerçek cihazda inceleyin.
Teslim çıktısı yalnız piksel değeri değil, hedefler arasındaki ilişkiyi gösteren bir incelemedir. Boyut, boşluk ve sonuç geri bildirimi birlikte çalışmalıdır.