web-gelistirme-sc.com

İşlem yapılabilir form öğesi boyutu

Hiçbir şekilde UI tasarımcısı değilim. Geçen yıl ya da iki önemli düğme/linkler ... vb birçok web sitesinde artık çok büyük tıklama bölgeleri olduğunu fark ettim. Bunu takdir etmeliyim, çünkü imleci harekete geçirmek bir acıdır. Muhtemelen şimdi mobil cihazlarla daha alakalı olduğunu söyleyebilirim, hatta bu tasarım değişikliklerinin sürücüsü olabilir.

Peki, bir web sayfasındaki düğme/bağlantı boyutları için önemli bir kural var mı?

8
rick schott

Her şey Fitts yasasına dayanır, bu da imleci düğmeye almak için kullanıcıya ortalama süreyi verir. Konuyla ilgili Fitts'in Web'e Uygulanan UI Yasası veya hatta Jared Spool'un podcast'i .

Ve başparmak kuralı kolay: önemli bir düğme o kadar büyük olmalı ki kelimenin tam anlamıyla bir başparmak (merhaba, iPad) ile basılabilir :-)

10
Kostya

İşte iPhone için temel bir kural, Apple'ın İnsan Arayüz Yönergeleri .

En az 29 piksel yükseklikte denetimler oluşturun ve 44 piksel yüksek.

Kitaptan daha fazlası, Tapworthy , aslında onu keşfettim.

Ancak iPhone hafifçe vurma hedefleri söz konusu olduğunda ne kadar büyük? Peki, bir parmak ucunun boyutu nedir? Apple tam 44 piksel tutar ve bu önlem standart iPhone denetimlerinde güvenilir bir şekilde görünür

5
Patrick McElhaney

Tüm İnternet kullanıcılarının profesyonel, tam zamanlı bir arayüz tasarımcısının el becerisine ve çevikliğine sahip olmadığına dair gelişen bir farkındalık olduğu için çok fazla bir kural yoktur. 1999/2000'de, işlerin küçük olduğu ve 8x8 büyük düğmelerin kullanıldığı birçok "piksel" tasarımını gördünüz. Steve Krug, Kathy Sierra, 37signals, Jakob Nielsen ve diğerlerinden esinlenilen kullanılabilirlik patlaması 2000'li yıllarda insanlar uygulamalarının ve sitelerinin ne kadar kullanılabilir olduğunun daha fazla farkına vardı ve buna göre tasarım yapmaya başladılar.

Hikayenin bir başka yönü de ekranların ve ekran çözünürlüklerinin genel olarak daha büyük olması. Bugünün ortalaması muhtemelen 1280x1024 ve üstü, oysa on yıl önce çoğu insan hala 800x600 civarında ortalama aldığı için sitenizde 1280x1024 ziyaretçi bulduğunuz için şanslı olacaksınız. Çözünürlükler daha büyük olduğundan, ekrana daha fazla piksel sığar ve daha önce görülmesi oldukça kolay olan şey artık daha da zorlaşıyor (ve bu nedenle tıklamak zorlaşıyor).

Ve son olarak, dokunmatik tabanlı cihazların tanıtımı birçok geliştiricinin tıklama alanını ciddiye almaya başlamasına neden oldu, çünkü fare işaretçisinin aşırı hassasiyeti ile karşılaştırıldığında parmak kadar kesin olmayan bir şeyle küçük bir hedefi vurmak zor.

Tüm bu değişiklikler muhtemelen bir noktada temel kurallara yol açacaktır, ancak genel olarak yapabileceğiniz en iyi şey, sitenizi ne tür bir kitlenin ziyaret ettiğini belirlemek ve kime ait olduklarını dikkate alarak buna göre tasarım yapmaktır. kullanarak ve ekranınızda/pencerenizde ne kadar alanınız olduğu gibi diğer öğeler.

4
Rahul

Bir ölçüde, tıklama bölgesinin boyutu sayfadaki diğer öğelere göredir. Sıkı bir standardım yok, ancak genellikle düğmelerimin en az 40 piksel yüksekliğe ve metin boyutumun genellikle en az 13 piksel olduğunu görüyorum. Ayrıca, en azından bazı grafik bileşenlere sahip navigasyon ve diğer düğmeler için, sadece metin yerine tüm alanı tıklanabilir hale getirmenin önemli olduğunu düşünüyorum.

0
Virtuosi Media