it-swarm-eu.dev

HTML tlačítka vs hypertextové odkazy pro navigaci

Jak při určování celkového průvodce stylem webu určujete, kdy by tlačítko nebo hypertextový odkaz mělo být pro něco jiného než navigace?

Vidím mnoho času s těžkým používáním jQuery a AJAX, hypertextové odkazy dělají víc než jen navigaci. Je to špatný design použít je pro něco jiného než navigace?

16
rick schott

Obecně platí, že uživatelé očekávají odkazy na propojení a příkazová tlačítka k ovládání. To znamená, že odkazy procházejí a představují nový obsah, aniž by se měnily základní datové objekty nebo jejich vztahy nebo pozice. Tlačítka tyto věci mění, provádějí vytváření, mazání, přidružení, konverzi, duplikaci atd. Snadné pravidlo je, pokud je nejpřísnější titulek pro ovládací prvek podstatné jméno (např. Domů, Produkty, Mapa stránek), pak použijte odkaz. Pokud je titulek sloveso (např. Aktualizovat, Odeslat, Odstranit, Koupit), použijte tlačítko.

Máte však pravdu, že v poslední době byly na různých webech používány odkazy namísto příkazových tlačítek a dokonce i někteří průvodci stylem to potvrzují. Ve skutečnosti byly odkazy použity místo téměř všech ostatních ovládacích prvků (např. Přepínače, karty, zaškrtávací políčka). U stolních aplikací se silnými klienty mohou tlačítka procházet, zejména ve starších aplikacích, které vznikly před běžným používáním webu (a odkazů). Věřím, že to mate uživatele a měli bychom opravdu používat zřetelně vypadající ovládací prvky pro odlišné funkce. Webové aplikace a desktopové aplikace by měly jasně rozlišovat mezi navigací a příkazy pomocí odkazů a tlačítek. Navigace je výrazně odlišná od příkazů, protože:

  • Uživatelé snadno vrátí navigaci kliknutím na Zpět nebo zavřením okna. Je to vždy „bezpečná“ akce. Příkazy často nelze ve webové aplikaci vrátit. Pokud je možné příkazy vrátit, jedná se o funkci Zpět, která vyžaduje jinou reakci uživatele než Zpět nebo Zavřít.

  • V desktopových aplikacích nemusí uživatelé po navigaci ukládat. Ukládání je často nutné po příkazu.

  • Příkazy poskytují odlišnou zpětnou vazbu, která je často jemnější než navigace. Obecně je zřejmé, když je uživateli prezentován nový obsah. Příkazy mohou zobrazovat změnu obsahu, ale často není patrná žádná změna (např. U Kopírovat nebo Uložit). Webové aplikace se často uchylují k potvrzovacím stránkám (které se v mé knize nepočítají jako navigace).

Z těchto důvodů pomáhá uživateli mít zřetelné ovládací prvky pro navigaci a příkazy, a naštěstí to uživatelská očekávání ohledně tlačítek a odkazů usnadní. Pokračující používání odkazů na příkazy (a tlačítka pro navigaci) však tato očekávání podkopává a brzy ztratíme tuto příležitost.

Graficky rozlišující navigace a příkazy nám umožňují účinné způsoby komunikace s našimi uživateli. Pokud je například odkaz na nás odkaz, pak se zobrazí seznam adres a telefonních čísel (označil bych jej spíše jako „kontaktujte nás“, než přísnější „kontakty“, protože „kontakt nás“ je běžnou konvencí, uživatelé skenují konkrétně v nabídkách). Na rozdíl od toho, pokud je Kontaktujte nás tlačítko, pak se uživatelé dostanou do formuláře, kde mohou přímo zadávat dotazy nebo komentáře (titulek tlačítka by měl mít Ellipsis, aby bylo možné uvést více informací pro příkaz).

Souhlasím s tím, že příkazová tlačítka mají tendenci být větší a ošklivější než odkazy, zejména pokud jich musíte mít ve stejném okně, což je typické pro webové aplikace, které postrádají rozhraní pro výběr objektu nebo rozbalovací nabídku příkazů. . Řešením je však vyvinout odlehčenou verzi příslušných ovládacích prvků, nikoli přijímat další ovládací prvky se zcela odlišnými očekáváními uživatelů. Takové lehké ovládací prvky mohou být technicky odkazy, ale měly by vypadat jako ovládací prvek, který napodobují. Například lehké „tlačítko“ může být propojený obraz malého stínovaného obdélníku se středovým zarovnáním.

V rozlišení navigace/příkazů je šedá oblast, kterou bychom měli vyřešit. Doporučuji následující, dokud nebude možné provést příslušný výzkum:

Použijte odkazy pro:

  • Načítání stránky obsahu

  • Načítání dynamicky generovaného obsahu.

  • Načítání obsahu do části stránky, pokud není možné použít jinou možnost (např. Kartu).

  • Navigace mezi stránkami průvodce (na rozdíl od tradičních průvodců plochy, která používají tlačítka).

Použijte příkazová tlačítka pro:

  • Akce, které mění nebo používají základní obsah nebo datové objekty.

  • Akce, které mají vliv na zobrazení obsahu, pokud není udržitelná jiná možnost.

  • Provádění příkazů dialogu, včetně Dokončení akce průvodce.

  • Zrušení dialogu, za předpokladu, že zrušení zruší, resetuje parametry dialogů na výchozí nebo předchozí hodnoty.

K otevření dialogu použijte příkazové tlačítko s Ellipsis na konci titulku.

Ještě více podrobností, pokud tomu můžete věřit, na http://www.zuschlogin.com/?p=18 .

17
Michael Zuschlag

Obecně vzato, pokud to vypadá jako odkaz, očekávám, že načte novou stránku obsahu z jiné adresy URL. Někdy to změní moje zaměření v aktuálním dokumentu (tj. Href = "# fragment"), což není příliš velký problém, pokud je to zřejmé.

Pokud to vypadá jako standardní tlačítko (tj. Stejné jako standardní tlačítko mého operačního systému), očekávám, že bude mít stejný účinek, ale s vedlejším účinkem, že některé informace, které jsem zadal, ovlivní výslednou stránku.

Jakékoli jiné, výrazně odlišné chování by mělo být podle mého názoru signalizováno, především stylizací. To je puristický pohled. Z pragmatického hlediska lze tvrdit, že pokud uživatel klikne na něco, co vypadá jako odkaz, a místo přechodu na jinou adresu URL se část stránky nějakým způsobem změní (odkaz „přidat komentář“ na tento web je dobrým příkladem), uživatel v důsledku toho „ztratí“.

Tento web má strašně mnoho různých stylů/chování odkazů (počítám nejméně 8), ale to je menší problém, protože hlavní publikum bude pravděpodobně velmi důvtipné na webu.

3
Bobby Jack

Web se stal více než sbírkou statických stránek HTML, kde se hypertextové odkazy používají výhradně pro navigaci v dokumentech. Nemyslím si, že je to špatný design používat hypertextové odkazy k provádění příkazů. Kdybychom použili tlačítka pro vše, na co lze kliknout a to není navigace, vypadaly by webové aplikace ošklivě a velmi zaneprázdněně.

1
Tommy Carlier

Jednou z velmi důležitých věcí, kterou je třeba poznamenat v rozdílech mezi odkazy a tlačítky, je to, že prolézací moduly (jak pro vyhledávací weby, jako je Google, tak pro mnoho vyhledávacích strojů na úrovni webu), nepůjdou k cíli tlačítka; pouze sledují odkazy.

1
Charles Boyung