it-swarm-eu.dev

Výchozí kurzor myši nad tlačítkem není ruční ukazatel

Proč je výchozí kurzor šipka, když umístíte kurzor nad HTML <button>? Vždy jsem si myslel, že šipky vám umožní vybrat věci, ale ruce vám umožní provést akci. Protože tlačítka provádějí akce, neměla bych přepsat výchozí styl na ruční ukazatel?

button cursor hand

button {
 cursor: pointer;
}
74
JoJo

Tlačítka jsou tradiční uživatelské rozhraní UI pro stolní software - kontext, ve kterém nebyl ukazatel ruky nikdy použit před příchodem internetu.

Když webové stránky začaly používat stejný ovládací prvek, ponechaly tlačítko pouze jako v prostředí stolního počítače.

43
franz976

Je to všechno o cenové dostupnosti . Knoflíky mají vysokou rezervu, které vizuálně naznačují, jak je lze použít. Ukazatel ruky se používá, když je mezera nižší, aby poskytla indikaci toho, jak s touto položkou interagovat.

Zde je výňatek z aplikace pro stolní počítače Windows> Design> Pokyny> Interakce> Myš a ukazatele )

„O dobře navržených objektech uživatelského rozhraní (UI) se říká, že mají propustnost, což jsou vizuální a behaviorální vlastnosti objektu, které naznačují, jak se používá.“

A:

Textové a grafické odkazy používají ukazatel ruky nebo „výběr odkazu“ (ruka s ukazováčkem ukazujícím na obrazovku. Snímek ruky s ukazováčkem), a to kvůli jejich slabé dostupnosti. Přestože odkazy mohou mít jiné vizuální stopy, které naznačují, že se jedná o odkazy (například podtržení a zvláštní umístění), zobrazení ukazatele ruky na vznášedle je definitivní označení odkazu.

Aby nedocházelo k nejasnostem, je bezpodmínečně nutné nepoužívat ruční ukazatel pro jiné účely. Například příkazová tlačítka již mají silnou rezervu, takže nemají Nepotřebuji ruční ukazatel. Ukazatel ruky musí znamenat „tento cíl je odkaz“ a nic jiného.

36
JonW

Obě CSS 2.1 a CSS Basic UI specifikace určitě říkají, že kurzor kurzoru je specificky pro odkazy ('... ukazatel , který označuje odkaz'). Jeden z autorů CSS 2.1 Test Suite napsal následující poznámka do mailing listu W3C:

I když umístíte kurzor na <img onclick = "... nějaká funkce ...">, tlačítko, přepínač, zaškrtávací políčko, kurzor pod Windows se nezmění na ukazatel, ale zůstane šipkou.

Ukazatel kurzoru označuje odkaz a nikoli žádný/všechny klikatelné objekty. Je to proto, že autoři webových stránek zneužívají kurzorové deklarace nebo zneužívají kurzorové deklarace, že existuje tendence generalizovat nebo předpokládat věci (jako je proklik, který odhaluje klikatelnost), což specifikace neuvádí.

Takže ať už používáte cursor:pointer v jiném kontextu než pro odkazy zlepšuje použitelnost nebo ne, stále porušuje standardy CSS.

12
Ilya Streltsyn

Zajímavé je, že když podržíte tlačítko Odeslat na this formuláři komentáře, změní kurzor na ruku. Řekl bych, že „šipka = do a ruka = ​​go“ byla pravděpodobně konvence v jednom bodě, ale byla široce vyřazena díky a) neznalosti a b) lepšímu designu. Zajistěte, aby tlačítko vypadalo klikatelně a změna kurzoru nebude pro koncového uživatele důležitá.

10
Lyndon

Je to také trochu o psychologii. Změna kurzoru příliš šipkou při přechodu myši ukazuje, že uživatel se vznáší nad něčím, co je možné v akci, ale ne nutně s akcí, která je vezme někam jinam. To je jiné než ikona ruky při přechodu myší, což na webu naznačuje, že mohou někam jít.

3
jameswanless

Webová rozhraní nemají žádné standardizované prvky jako každý OS. Protože webový kurzor Rozhraní iCloud a OneDrive se liší od standardů jejich desktopových OS.

Pokud uvažujete, že iCloud a OneDrive mají své nativní i webové rozhraní, v domorodci používají výchozí kurzor na tlačítku, zatímco na webu používají ruční kurzor na tlačítkách.

enter image description here

enter image description here

0
Pradeep

Tlačítko se jemně liší od odkazu. Zatímco odkaz pouze nahrazuje aktuální stránku jinou, tlačítko - obvykle - odešle nějaký uživatelský vstup a často někde ovlivní uložená data. Rozdíl je tedy rozumný.

Protože však obvykle nechávám tlačítka stylizovaná jako tlačítka a odkazy, budu často ukazovat ukazatele tlačítka, abych daroval „akci“ rukou.

0
Bobby Jack