it-swarm-eu.dev

OK / Storno vlevo / vpravo?

By měl OK tlačítko je vlevo od Cancel tlačítko nebo naopak?

Existují nějaké studie naznačující jedno z řešení?

349
Art

Jako u všeho: uživatelský test! Naštěstí hrdina použitelnosti Jakob Nielsen skočí na záchranu zde ve svém Alertbox článek o tlačítcích OK/Cancel :

Mělo by se tlačítko OK dostat před nebo za tlačítkem Storno? Následující konvence platforem je důležitější než suboptimalizace jednotlivého dialogového okna.

Kostya měl pravdu, když doporučoval dodržování pokynů pro platformu. Ale co webové platformy?

Pokud navrhujete webovou aplikaci, je rozhodnutí těžší, ale pravděpodobně byste měli jít s platformou preferovanou většinou vašich uživatelů. Protokoly serverů vám ukáží procenta uživatelů systému Windows vs. Mac pro váš konkrétní web nebo intranet. Samozřejmě, Windows má obecně mnohem více uživatelů, takže pokud se nemůžete obtěžovat kontrolovat protokoly, pak je vodítkem, které se bude vztahovat na většinu situací, nejprve OK, Cancel last.

Uvádí také dvě další důležité pokyny, které byste mohli zvážit při vytváření tlačítek OK/Storno:

  • Často je lepší pojmenovat tlačítko, které vysvětlí, co dělá, než použít obecný štítek (například „OK“). Výslovný štítek slouží jako „pomoc včas“, což uživatelům poskytuje větší důvěru při výběru správné akce.
  • Proveďte výchozí nastavení nejčastěji vybraného tlačítka a zvýrazněte jej (s výjimkou případů, kdy je jeho akce obzvláště nebezpečná; v takových případech chcete, aby uživatelé výslovně vybrali tlačítko, a ne náhodou jej aktivovali stisknutím klávesy Enter).
202
Rahul

Odpověď je v pokynech pro uživatelské rozhraní systému, který používáte.

Pro Windows

Tlačítka potvrzení odevzdejte v následujícím pořadí:

  • OK/[Udělej to]/Ano
  • [Nedělej to]/Ne
  • Zrušení
  • Použít (pokud existuje)
  • Nápověda (pokud existuje)

Zrušit je tedy vždy vpravo od tlačítka OK.

Pro MacOS

Tlačítko, které iniciuje akci, je nejvíce vpravo. Tlačítko Storno je nalevo od tohoto tlačítka.

Pro uživatele MacOS je tedy Storno vlevo od tlačítka OK.

Pro Android

Odmítavá akce dialogu je vždy vlevo. Zrušující akce se vrátí uživateli do předchozího stavu.

Pozitivní akce jsou na pravé straně. Pozitivní akce pokračují v pokroku směrem k cíli uživatele, který spustil dialog.

V systému Android je Storno vlevo od tlačítka OK.

Pro ostatní systémy viz pokyny.

142
Kostya

Mysli na "čtení" metaforu. Westernové čtou zleva doprava, naše mozky jsou podmíněny tak, aby tekly zleva doprava. ZRUŠIT je v podstatě krok zpět (vlevo) a OK/SUBMIT/YES/atd. Jsou krok vpřed (vpravo).

64
GoodShovel

Vypadá to, že Windows OK/Cancel konvence udělala spoustu kondicionování mozku pro uživatele. Takže testy použitelnosti by určitě vyšly se spoustou lidí hledají tlačítko OK vlevo, Storno vpravo.

Ale to nezmění nejzákladnější instinkt někoho, kdo interaguje se systémem bez jakéhokoli předběžného kondicionování. Můj základní instinkt říká, že tlačítko OK/Schválení/Posunout vpřed, bez ohledu na to, jakou barvu nebo velikost použijete, musí být na pravém okraji dialogového okna.

Zvažte toto dialogové okno bez štítků nebo barevných zvýraznění:

enter image description here

Kam byste klikli? Pokud bych chtěl formulář odeslat, klikněte na tlačítko na pravém okraji. Důvodem je, že před Windows jsem byl do svého instinktu upraven následujícími způsoby:

  • Anglický jazyk proudí zleva doprava.
  • Navigace v prohlížeči funguje zpět (vlevo) a vpřed (vpravo). enter image description here
  • Staré 2D hry jako Dangerous Dave přesouvají postavu doprava, když postupují dále.

enter image description here

  • Čísla na číselné lince se zvyšují doprava, klesají doleva.

  • Atomové hmotnosti v periodické tabulce se zvyšují doprava.

  • Hodiny tikají doprava.

  • Kalendář zvyšuje data vpravo.

Myslím, že platforma Windows vytvořila anti-pattern s OK/Cancel, což je nyní tak rozšířené, že jeho validace studií použitelnosti. Ale pokud vezmete v úvahu výše uvedené faktory, domnívám se, že udržení primárního tlačítka vpravo je oprávněné a obhájitelná pozice.

EDIT: Jedním z dalších faktorů, které je třeba zvážit, je konzistence. Pokud v dialogových oknech očekáváte další tlačítka, primární tlačítko na pravé hraně by pomohlo zůstat v souladu s umístěním. Vizuální příklad by to objasnil:

enter image description here

39
Adnan Khan

Pro uživatele, jejichž jazyk je čten zleva doprava, bych navrhl umístit tlačítko OK doleva, protože tito uživatelé by přikládali větší důležitost první věci, kterou vidí.

To by umožnilo této podskupině uživatelů dokončit svůj úkol co nejrychleji.

17
Ryan Shripat

IMHO nezáleží příliš na tom, kam umístíte tlačítko „OK“: doleva nebo doprava. Nezáleží na tom, jaký druh uživatelů váš web navštěvuje (v hebrejštině nebo arabštině). Nezáleží na tom, jaký druh softwaru používají. Statistiky nám říkají, že 55% uživatelů chce vidět tlačítko „OK“ zprava, ale pokud to dáme doprava, bude ostatních 45% uživatelů nespokojeno.

Nejlepší řešení je zdůraznit tlačítko „OK“ (učinit to výraznějším než „Zrušit“) a všichni uživatelé označí tlačítko „OK“ snadno jako důležitější a primární tlačítko.

Google a další společnosti používají tento přístup ve svém softwaru.

enter image description here

16
webvitaly

Luke Wroblewski napsal knihu o webových formulářích (Web Form Design: Filling in the Blanks) a také se zabýval některými principy, jako jsou: „Primární a sekundární akce“ (http: // www.lukew.com/resources/articles/psactions.asp ), „Horní, pravá nebo levá zarovnání formulářů“ (http: // www.lukew.com/ff/entry.asp?504) nebo „cesta k dokončení“ atd. (Můžete si také přečíst http : //www.uxmatters.com/mt/archives/2006/07/label-placement-in-forms.php )

Takže IMO v závislosti na tom, jaké umístění štítků máte (nejlépe svisle) a zleva doprava + pravidla shora dolů, abyste měli dobrou cestu k dokončení, měli byste nejprve provést primární akci (OK) a poté sekundární (+ + Zrušit)

ÚPRAVA: Umístění štítků ve formulářích, Caroline Jarrett, 2010 http://www.formsthatwork.com/files/Articles/labels-on-forms-for-uxlx-2010.pdf

15
Ecaterina Moraru

Myslím, že každý dal dobrý bod, ale je tu ještě jeden klíčový bod, který je třeba zmínit zde.

Tlačítka jako Ok/Odeslat/Uložit atd. Se nazývají tlačítka pozitivní akce. Podobně se tlačítka jako Cancel/Reset atd. Nazývají tlačítka negativní akce.

Nyní, když odpovíme na dotaz, většina z nich přišla s některými dobrými body, ale tady je další vnímání, kterým je většina testů obvykle uživatelská testování aplikace. Poté jsou všechny vytvořené aplikace určeny pouze pro uživatele.

U uživatelů bylo provedeno několik očních momentových a tepelných testů, které byly stále prováděny v závislosti na dostupnosti laboratoří. Nejlepší scénář přijde, že většina uživatelů se začne dívat na webovou aplikaci nebo jakoukoli jinou aplikaci zleva doprava - z pravého rohu a z horního rohu a začne se posouvat směrem ke spodní části, zvedat klíčové hotspoty a obvykle končí směrem k levému dnu, takže je vždy dobré držet tlačítko pozitivní akce vlevo a tlačítka negativní akce vpravo.

Rovněž není popíráno, že se jedná o výzkum založený na několika uživatelích, není nutné, aby to vždy dobře fungovalo, ale většinou to bude.

Je zde ještě jeden klíčový bod, který spočívá v tom, že mezi kladnými a zápornými akčními tlačítky je více prostoru, takže uživatelé budou mít trochu času na to, aby se dostali na záporná tlačítka, a tím jim poskytne dostatek času na přemýšlení a reakci.

Snažil jsem se vysvětlit párové body, které vycházejí z mých zkušeností az výzkumných prací.

Do komentář, takže se mohu také dozvědět více.

S pozdravem Deepak Bajaj

9
Deepak Bajaj

Mnoho aplikací se posunulo k použití různých stylů pro tlačítka OK vs Storno. Jedním běžným uživatelským rozhraním je tlačítko OK, ale tradiční tlačítko, zatímco tlačítko Storno je tlačítko propojení. To dává velmi jasný vizuální rozdíl mezi těmito dvěma ai když to vede uživatele k kliknutí na OK, vizuální rozdíl skončí zvýrazněním rozdílu a pomůže uživateli vybrat ten, který skutečně chce.

Viděl jsem to jak ve webových, tak v desktopových aplikacích.

7
Sam

Pro objasnění odůvodnění:

Je považováno za „správnější“ umístit hlavní tlačítko (OK) do přesného rohu dialogu, protože je snazší zasáhnout (došlo k několika minulým otázkám/diskusím o této otázce).

Záleží však také na tom, na co jsou uživatelé zvyklí - pokud vytváříte web nebo aplikaci pro uživatele Windows, měli byste lépe dodržovat standardy Windows.

Ujistěte se, že „Enter“ na klávesnici je správně spojen s OK - mnoho lidí to také použije.

5
Dan Barak

Wow! Tolik odpovědí argumentuje vlevo nebo vpravo.

Sám jsem na to provedl testy a zjistil jsem, že jsou statisticky neprůkazné.

Nejlepší odpověď, kterou jsem našel, bylo, že nezáleží na tom, v jakém pořadí se vydávají, pokud je primární akce jasně označena - vždy používám barevné tlačítko pro [Do it]/go/submit/etc a pouze menší text tlačítko pro [Nerobte to]/zrušit/vymazat/atd.

Stejně jako tlačítka 'Post Your Answer' a 'zahodit' v dolní části formuláře odpovědi tady na UX StackExchange!

4
Andrew Martin

Najdete zajímavý názor zde ; Anthony T. navrhuje, že umístění tlačítka „OK“ napravo od „Zrušit“ je lepší:

S tlačítkem „Ok“ vpravo jsou vizuální fixace menší a plynou jedním směrem [...]

Porovnejte to s primární akcí umístěnou napravo od dialogového okna a sekundární akcí umístěnou vlevo. Uživatelé začínají s očima na sekundární akci a přesouvají oči k primární akci, aby klikli na tlačítko. Tím se vytvoří celkem dvě vizuální fixace v jednom směru, což uživatelům poskytne rychlejší vizuální tok. Uživatelé fixují na každé tlačítko pouze jednou a končí na tlačítku primární akce. Vložení primární akce doleva může uživatelům usnadnit přístup, ale když se podíváte na rychlost, pokud jde o mentální procesy a vizuální fixace uživatele, umístění primární akce napravo od dialogového okna je ve skutečnosti rychlejší.

4

U webových aplikací ASP.NET jsem po odebrání hodně aspirinu za řešení výchozích problémů s tlačítky (cokoli se spustí po stisknutí klávesy Enter), jen vložil své výchozí tlačítko vlevo, takže je první v označení.

Různé prohlížeče budou při stisknutí klávesy Enter zpracovávat více tlačítek pro odeslání odlišně (zejména pokud je kurzor v textovém poli v době stisknutí klávesy Enter). Některé prohlížeče pouze použijí první tlačítko v označení k odeslání formuláře, což nemusí být to, co chcete (zejména pokud potřebujete později něco udělat na straně serveru).

Pokud nepoužíváte vlastní javascript ke zpracování výchozích scénářů tlačítek a spoléháte se na výchozí chování webového prohlížeče, měli byste pravděpodobně umístit výchozí tlačítko vlevo.

4
Adam Toth

Pokud je to možné, navrhl bych úplně vynechat tlačítko Zrušit, čímž se vyřeší vaše dilema. - Je to někdy zbytečné a je často aktivováno omylem.

Od http://www.nngroup.com/articles/reset-and-cancel-buttons/ :

Většina webových formulářů by zlepšila použitelnost, pokud by bylo odstraněno tlačítko Reset. Tlačítka pro zrušení mají také často malou hodnotu na webu.

Nabídněte tlačítko Storno, pokud se uživatelé mohou obávat, že se zavázali něčemu, čemu se chtějí vyhnout. Mít explicitní způsob, jak zrušit, poskytuje další pocit bezpečí, který není umožněn pouhým odjezdem.

Zrušení je užitečné zejména u vícekrokových dialogů, kde uživatel postupoval kolem jedné nebo více stránek s akcemi. V tuto chvíli nebude stisknutí tlačítka Zpět tyto akce zrušit a bylo by lepší, kdyby uživatel klikl na Zrušit.

4
Adam George

Nakonec (zejména po přečtení všech výše uvedených odpovědí) vidím, že se tato diskuse scvrkla na konvenci platformy vs. „objektivní“ použitelnost. Výrazem „cíl“ mám na mysli to, jak užitečné by bylo něco pro uživatele, kteří nejsou obeznámeni s žádnou konvencí OS. Konkrétněji:

OK vpravo
Tento vzor vyhrává ruce v argumentu objektivnosti použitelnosti, pokud uživatelé nejsou podmíněni méně použitelnou konvencí oken (viz článek ). Jak se v článku diskutuje, je OK v pravém souladu s naší konvencí čtení zleva doprava, účinnější tok úkolů, je lepší rohový cíl, také skutečnost, že časové osy považujeme za běžící zleva doprava (odtud) „zpět“/„zrušit“ napravo dává smysl vidět, protože se jedná o zpětný časový diagram).

OK vlevo
Konvence Windows

Je to nešťastná realita, ale špatně navržené vzorce (například OK vlevo) se mohou stát konvencí a uživatelé je očekávají. Pokus o něco jiného, ​​i když je to objektivně použitelnější, povede ke špatné použitelnosti. Klasickým příkladem je metrický vs. imperiální měřicí systém - metrický systém má vše, co se týká použitelnosti, snadného převodu jednotek atd .; ale pokud donutíte Američany v malém městě, aby přemýšleli v metrech a centimetrech, když jsou zvyklí na palce/stopy, získáte špatnou použitelnost a velmi frustrované uživatele. Myslím, že lekce je velmi tvrdá práce, abychom se ujistili, že nikdy nezavedeme špatné úmluvy na prvním místě!

Osobně při navrhování pro web se rozhodnu umístit tlačítko OK vlevo, také trvám na tom, abych uvedl svou výšku v centimetrech a svou váhu v kilogramech, i když mluvím s imperiálními lidmi. Je to opravdu válka opotřebení, ale císařský systém pomalu umírá a doufejme, že i okna „OK na levé straně“ budou také :)

3
M.A.X

Chtěl bych jít s "Ok" na pravé straně. Kvůli západnímu směru čtení, který jde zleva doprava. A „Zrušit“ by tě nepřivedlo dopředu, ale „Ok“ ano.

Ale úplně jiný přístup. Nepoužívejte „Ok“ a na tlačítka pište, co dělají. Například „Uložit“ nebo „Neukládat“ nevyžaduje, aby uživatel četl popisný text. Šetří čas a zabraňuje chybám při zadávání.

2
erikrojo

Lol Nemůžu si pomoct, ale smát se mnoha z těchto odpovědí. Vypadá to, že strom neviděl les. Stejně jako každý problém UX v zásadě záleží na tom, jak je formulář uspořádán. Například štítky nahoře, pole níže nebo označí vlevo pole vedle. Podívejte se na celou stránku a jak oči uživatele stékají po formuláři. Existuje jasná viditelnost konečného tlačítka Odeslat?

Jak je uvedeno v předchozím příspěvku, kniha Luka Wroblewského o webových formulářích Návrh webových formulářů: Vyplňování Blanks obsahuje některé z nejlepších rad při vytváření webových formulářů a také velké paradigma formulářů z pohledu uživatele - Formuláře jsou prostředky k dosažení cílů a jsou tolerovány kvůli zamýšlenému konečnému výsledku (tj. nákup něčeho, vytvoření účtu pro přístup někam atd.). Uživatelský test, AB test ano samozřejmě pokud můžete. Konečným cílem je snazší vyplnění formuláře.

2
mike

Opravdu se mi líbí některé z webů, na kterých není tlačítko (vizuálně) pro negativní akci, pouze odkaz. Tímto způsobem nemusím ztrácet čas díváním se na tlačítka, víceméně vím, že tlačítko ano. A pokud vím, že nechci dělat to, co mě stránky chtějí, věnuji nějaký čas tomu, aby bylo vidět, jak by bylo nejlepší pokračovat (podívejte se na tlačítko Zavřít, tlačítko Zrušit)

takže místo:

[NOOOOO!] [CLICK ME! CLICK ME!]

tam by byl:

Ne, děkuji! [Ano, prosím!]

Tímto způsobem není opravdu důležité, kde umístit tlačítko, je vizuálně pouze jeden, a proto snadno najít.

1
fallenboy

V mých aplikacích používám vizuální barvu pro zvýraznění účelu tlačítka akce. Pak bez ohledu na to, zda je vlevo nebo vpravo. Osobně dávám přednost tomu, aby tlačítko „ok“ bylo vpravo (protože jsem uživatel s pravou rukou a/nebo osx - a ve skutečnosti je to odkaz ..)

  • velké zelené tlačítko pro ověření
  • velké červené tlačítko pro odstranění
  • (velké nebo ne) šedé tlačítko pro zrušení
1
Marc D

Pro mě by to byl logický řád:

<LeftRight>

<PreviousNext>

<BackForward>

<BackDone

Do nothingDo it

CancelOK

Kromě OK by měl být nahrazen skutečnou akcí, jako je SaveDeleteAcceptExit nebo Send.

Když potkávám lidi prosící o uvedení OK nalevo je vždy žádám, aby umístili Left vs RightPrevious vs Next, a Back vs Forwarda nechte je hádat, proč je v tomto pořadí dali, než je nechají hádat proč OK by měl být vlevo.

1
Ole Tange

V pořadí podle priority použijte první dostupné řešení:

  • pokyny pro platformu
  • začátek do konce (kde začátek západních jazyků je obvykle ponechán, může se však lišit, např. arabština začíná doprava a končí vlevo)
  • způsob, jak váš uživatel nejvíce očekává

Avšak v případě čteček obrazovky a podobných nástrojů pro usnadnění přístupu může mít hlavní akce na začátku (vlevo v západních kulturách) spoustu času takovým uživatelům se speciálními potřebami ušetřit!

1
straya

Samozřejmě existuje spousta argumentů pro a proti oběma stranám.

Řekl bych to takto. „Věříš, že negativní-pozitivní umístění je nejlepší? Ne nebo ano?“

Jde o to, že „Ano nebo Ne“ plyne lépe, když se mluví, což pravděpodobně vysvětluje, proč si společnost Microsoft zvolila kladné a záporné pořadí tlačítek.

Na druhou stranu je negativní rétorika často používána v rétorice a debatování, aby se pozitivnímu argumentu přidala váha a aby se udržel svěží v mysli člověka. "Chcete vidět, jak vaše děti trpí v rukou opoziční strany? Nebo chcete hlasovat pro naši stranu a zajistit si svou budoucnost?" A tak dále.

0
Seth Jeffery

Za předpokladu, že je třeba učinit rozhodnutí, zda by pozitivní akce měla být k dispozici vlevo nebo vpravo a bez ohledu na zaujatost používání určitých operačních systémů nebo fyzických přístrojů (knihy), abstraktních konstrukcí (tok formulářů čaroděje atd.), Behaviorální vědy Zdá se, že naznačuje, že statisticky levá možnost je vybrána častěji jako první volba.

To znamená, že umístění pozitivní akce (OK nebo štítek s výslovnou akcí) vlevo by mělo být upřednostněno, pokud se neuvažují o jiných faktorech.

Zdroj: Jsou to pouze lidé, kteří počítají zleva doprava?

0
too