it-swarm-eu.dev

Velikost prvku formuláře, který lze použít

V žádném případě nejsem návrhář uživatelského rozhraní. V minulém roce jsem si všiml, že důležitá tlačítka/odkazy ... atd. Na mnoha webových stránkách mají nyní velmi velké zóny kliknutí. Musím říct, že si toho vážím, protože dostat kurzor tak, aby jednal, je bolest. Řekl bych, že je to pravděpodobně nyní důležitější u mobilních telefonů, což může být dokonce hnací silou těchto konstrukčních změn.

Existuje tedy pravidlo pro velikosti tlačítek/odkazů na webové stránce?

8
rick schott

Všechno je založeno na Fittsův zákon , což vám dává průměrnou dobu, kterou uživatel potřebuje, aby dostal kurzor na tlačítko. Najdete různé články na toto téma jako Fittsův UI zákon aplikovaný na web nebo dokonce Jared Spoolův podcast .

A pravidlo je snadné: důležité tlačítko by mělo být tak velké, aby bylo možné stisknout, doslova palcem (ahoj, iPad) :-)

10
Kostya

Zde je pravidlo pro iPhone od Pokyny společnosti Apple pro lidské rozhraní .

Vytvořte ovládací prvky, které jsou vysoké nejméně 29 pixelů a poskytují cílovou oblast, která je 44 pixelů vysoká.

Více z knihy, Tapworthy , kde jsem ji skutečně objevil.

Ale jak velký je dost velký, pokud jde o cíle pro klepnutí na iPhone? Jaká je velikost prstu? Apple ho přesně zastrčí na 44 pixelů a toto opatření se spolehlivě objeví v rámci standardních ovládacích prvků pro iPhone

5

Neexistuje ani tak pravidlo, protože se zvyšuje povědomí, že ne všichni uživatelé internetu mají obratnost a obratnost profesionálního návrháře rozhraní na plný úvazek. V roce 1999/2000 jste viděli mnoho "pixelů" vzorů, kde byly věci malé a používaly tlačítka 8x8 velká. Od rozmachu použitelnosti inspirovaného Steve Krugem, Kathy Sierrou, 37signalsem, Jakobem Nielsenem a dalšími v průběhu dvacátých let si lidé začali více uvědomovat, jak jsou jejich aplikace a weby použitelné, a podle toho začali navrhovat.

Další stranou příběhu je to, že obrazovky a rozlišení obrazovky obecně rostou. Dnešní průměr je pravděpodobně 1280x1024 a vyšší, zatímco před deseti lety byste měli štěstí, kdybyste na svém webu našli návštěvníka 1280x1024, protože většina lidí stále průměrovala kolem 800x600. Protože jsou rozlišení větší, na obrazovku se vejde více pixelů a to, co bylo dříve docela dobře vidět, se nyní stává ještě zbledlejším (a jako tak těžší klikat).

A konečně, zavedení dotykových zařízení způsobilo mnoho vývojářů, kteří začali brát oblast klikání vážně, protože ve srovnání s extrémní přesností ukazatele myši je těžké zasáhnout malý cíl něčím tak nepřesným jako prst.

Všechny tyto změny pravděpodobně povedou v určitém okamžiku k pravidlům, ale celkově nejlepší, co můžete udělat, je zjistit, jaký druh publika navštěvuje váš web, a podle toho navrhnout, s ohledem na to, kdo jsou, jaká jsou zařízení pomocí a dalších prvků, například kolik místa na obrazovce/okně máte.

4
Rahul

Velikost zóny kliknutí je do určité míry relativní k ostatním prvkům na stránce. Nemám přísný standard, ale obvykle zjistím, že moje tlačítka mají výšku alespoň 40 pixelů a velikost textu je obvykle alespoň 13 pixelů. Také si myslím, že pro navigaci a další tlačítka s alespoň nějakou grafickou komponentou je důležité, aby celá oblast byla kliknutelná, nikoli jen text.

0
Virtuosi Media