← Katalog 34 · Mobil arayüz yapıları

Baş parmak neye ulaşırsa, kullanıcı onu kullanır

Telefon tek elle tutulur. Ekranın alt üçte biri rahat, orta bandı erişilebilir, üst köşeler neredeyse ulaşılmazdır. Birincil eylemler aşağı, yıkıcı eylemler yukarı gider.

Fitts yasası
Bir hedefe ulaşma süresi, uzaklığı arttıkça artar, boyutu büyüdükçe azalır. Alt sekme çubuğu hem yakın hem geniştir — bu yüzden en hızlı öğedir.
Jakob yasası
Kullanıcı zamanının çoğunu başka uygulamalarda geçirir. Sekme çubuğunu icat etmeyin; beklenen yerde bırakın.
Ölçü kuralı
Dokunma hedefi hiçbir zaman 44 px altına inmez; komşu hedefler arasında en az 8 px boşluk bırakılır.
9:41▮▮▮ ⬤
erişim haritası
Baş parmak
bölgeleri
Zor — ayarlar, sil, çıkış
Uzanılır — içerik, kaydırma
Rahat — birincil eylemler
Akış
Ara
Kayıt
Profil
A · ısı haritası
9:41▮▮▮ ⬤
Sepetim
Filtre kahve 250 g
Orta kavrum
₺240
Kağıt filtre
100 adet
₺90
Toplam₺330
Ödemeye geç
🔒Güvenli ödeme · 3D Secure
B · uygulanmış hâli
Tek birincil eylem
Her ekranda alt bantta yalnızca bir tam genişlikte buton bulunur.
Geri, sola
Kenardan kaydırma jesti her zaman geri gider; sistem beklentisi bozulmaz.
Tehlike yukarıda
Silme ve çıkış üst köşede kalır; yanlışlıkla dokunulması zorlaşır.
Ölçüm
Ekran yüksekliği 780 px'i geçtiğinde başlık alanı içerik değil, dekor olur.
Baş Parmak Bölgesi & Alt NavigasyonFitts · Jakob yasası
Tasarım promptu — 34 — Baş Parmak Bölgesi seçip kopyalayın
İngilizce prompt · detaylı
Design a mobile UX case-study page about one-handed reach. Neutral study background (#efece5) with hairline rules and uppercase monospace annotation labels. Show two 300x640 phone mockups side by side: the first displays a thumb-reach heat map with three dashed zone cards (comfortable green at the bottom, stretch amber in the middle, hard red at the top); the second shows a real cart screen where the primary full-width action sits in the bottom safe zone above a blurred sticky bar. Add a left column explaining Fitts's law, Jakob's law and the 44px minimum target rule.
Türkçe brief
Tek elle erişim ısı haritası ve uygulanmış sepet ekranıyla Fitts yasasını gösteren mobil vaka sayfası.
Palet
#efece5
#17160f
#a8442c
#4aa06e
Tipografi
Helvetica Neue 600 + monospace etiketler
Düzen
Sol açıklama kolonu + sağda telefon sahnesi
Hareket
Yok; statik inceleme düzeni
Kaçınılacaklar
Üst köşede birincil eylem, 44px altı hedef