it-swarm-eu.dev

Měla by být tlačítka OK / Cancel zarovnána doprava nebo na střed?

Kam mám umístit tlačítka OK/Storno do dialogů? Na dně vystředěno nebo zarovnáno správně? Viděl jsem obojí a osobně mi to nezáleží, ale chci si vytvořit konzistentní pohled v celé mé aplikaci. Existují nějaké pokyny k tomu, nebo bych měl dělat, co chci?

46

Myslím, že to platí i pro tuto otázku a odpovídá na ni:

(Spoiler: Nezáleží na tom .)

V takových případech často nezáleží , co děláte. Každá z těchto možností má dobré argumenty ve svůj prospěch a žádná volba pravděpodobně nezpůsobí katastrofy použitelnosti. Pokud si za určitých okolností vyberete „správnou“ volbu, může to některým uživatelům ušetřit 0,1 sekundy, ale prostě to nestojí za to provést dostatečně propracovaný výzkum, aby zjistil, co je tato volba. Je lepší utratit své použitelné zdroje na věci, které mohou změnit vaše klíčové ukazatele výkonu o 83% nebo více.

Více informací: seit.com/alertbox/ok-cancel.html

45
Nacho

Když přísně mluvíme o zarovnání, neexistuje jiná správná odpověď, než být důsledný.

Zarovnání tlačítek však souvisí s místění nebo logické pořadí tlačítek .

Existují dvě obecná paradigma, která lze použít pro umístění tlačítek **.

  1. Pořadí čtení - První tlačítko, se kterým se setkáte v pořadí čtení, je primární (Ok) a má přednost před následujícími možnostmi (Storno)
  2. Dopředu/zpět - dopředný postup nebo akce (Ok) je spojen s pohybem doprava, zatímco zpět nebo zpět (Zrušit) je spojen s pohybem doleva.

Zarovnání tlačítek může ovlivnit vnímané paradigma uživatele. Proto některé kombinace zarovnání a pozic mohou být pro uživatele konfliktní, a tak pro uživatele matoucí.

alt text

** to předpokládá čtení zleva doprava; možná ne totéž pro pravo-levé jazyky.

35
g .

Udělejte, co se hodí k vaší aplikaci a cílovému OS.

Jak však zdůrazňujete, soudržnost v celé vaší aplikaci je pravděpodobně důležitější.

24
ChrisF

Myslím, že je lepší (a obecnější) sladit je správně.

4
megubyte

Vždy jsou na pravé straně a uživatel očekává, že budou na správné straně. Ujistěte se, že je dost místa a dejte jim různé styly, aby zvýraznili primární akci.

3
giancarlo

Nejraději umístím nejpravděpodobnější akci (v tomto případě v pořádku) a dá jí nějaký druh barvy, aby bylo snadné ji najít, a méně pravděpodobnou akci (v tomto případě zrušit) vlevo zbarvenou šedou nebo barva podél linií pozadí formuláře.

Myslím, že je špatný design umisťovat je vedle sebe. Po přístupu „donutit mě myslet“, když musím zrušit - zastavím se a hledám tlačítko, ale ve všech ostatních případech chci jen jednat automaticky.

Také viz tuto otázku na ui.stackexchange .

3
idophir

Záleží na vaší platformě. Windows umístí tlačítka na pravou stranu v pořadí <OK> <Cancel> a Mac OSX v pořadí <Cancel> <OK>. Stejně jako jiné odpovědi ... buďte důslední. Pro umístění knoflíku bych dal přednost pravé spodní straně.

2
sysscore

myslím, že "OK" nebo tlačítko s prioritou akce by mělo být vlevo z následujícího důvodu 1: Dobré procento uživatele používá klávesnici na formulářích nebo dialogových oknech a uživatel zabere méně času, aby dosáhl nejvýhodnější akce pomocí tabulátoru, pokud jsou na levé straně . 2: Rotace očí nebo Fittův zákon 3: Přemýšlejte o nevidomých (poloslepých) lidech nebo použití aplikace, když řídíte nebo přistupujete k aplikaci v řečovém režimu. 4: v neposlední řadě používejte slovesa jako svou akci

Na tomto fóru je k dispozici spousta vláken, pls skrz ně

Nezapomeňte také, že moje návrhy se netýkají malých zařízení.

2
Hemchandra

U lineárního procesu (jako instalátor) může být zarovnání tlačítek „Next“ doprava (v západním prostředí) intuitivnější.

Řekl bych, že pořadí vašich tlačítek je důležitější. V systému Windows je „tlačítko OK“ vždy vlevo a tlačítko „Zrušit“ vpravo. Protože uživatelé nečtou, zaměňují tlačítka OK a Storno (jako některé portované aplikace Mac), matou uživatele.

2
Petrus Theron

Myslím, že to záleží na designu. Pokud pro svůj formulář používáte standardní design, umístil bych tlačítka OK/Cancel na pravou stranu (http://bit.ly/9IzQo0), ale pokud používáte ke změně formulářů CSS, umístil bych je ve středu (http://www.tumblr.com/register).

1
rgaspary

Pokud jsou pole formuláře zarovnána doleva, zdá se, že má smysl také zarovnat tlačítka doleva. Zde je několik výzkumů, kde se oči uživatelů ve skutečnosti pohybují a jak rychle reagují: http://www.lukew.com/ff/entry.asp?571

To naznačuje, že zarovnání doleva těchto dvou možností je nejlepší volbou designu - zejména pokud jsou ovládací prvky formuláře také zarovnané doleva. Umístění tlačítek „Odeslat“ a „Zrušit“ vlevo znamenalo, že lidé měli méně času na cestování.

Pokud jde o pohyby očí, lidé byli nejméně efektivní, když používali [možnost s tlačítky zarovnanými doprava].

1
Luke

Myslím, že je snadné kritizovat takováto témata případ od případu, ale myslím si, že každý by měl při vyjadřování svých názorů a/nebo výsledků testů zvážit celý systém designu a/nebo knihovnu vzorů. Skutečnost je taková, že v závislosti na obsahu a testování se může u některých ukázat vyšší konverze s OK vlevo a OK vpravo.

Považujete však při zvažování celého konstrukčního systému konzistenci za lepší, než když nejlépe funguje v jednotlivých testech vlevo/vpravo? Souhlasím s tím, že chcete úmyslně obrátit akci „vpřed“, pokud existují ohleduplné negativní externality, jako je „Smazat platební profil“, něco, co není reverzibilní atd., Umístit CTA - v těchto případech - vlevo a zrušit napravo.

Ale i s ohledem na to si představme, že většina uživatelů jsou uživatelé systému Windows (v tuto chvíli), a vy se chystáte postupovat pokladní postup. Očekávali byste, že "pokladna" nebo "Pokračovat" budou vpravo, se zpět nebo pro zrušení vlevo. To platí také pro většinu modálních použití zrušit/rozvržení (s výjimkou nadace), ale to není dobré pro ty lidi, kteří argumentují individuální testy A/B, nebo pomocí testování, které přišli s vyšší konverzí, že je na vlevo, vs vpravo.

Osobně při zkušenostech s testováním fungují CTA nejlépe v pravém slova smyslu, ale vždycky jsem zvědavý, jaké metriky mají lidé, kteří mají průvodce stylem nebo designový vzor ukazující CTA v pozici nejvíce vlevo.

1
Arondale
  1. Pořadí nezáleží, pokud jsou blízko sebe, což znamená, že jsou sourozenci. To znamená, že tlačítka OK a Storno dělají různé věci, ale ovlivňují stejný prvek.
  2. Pro jazyk zleva doprava bych umístil tlačítka do středu nebo splachovací doprava.
  3. Zdůraznil bych tlačítko OK barvou, která odpovídá značce.
0
Tim Huynh

Obecně používám OK vlevo, Storno vpravo.

Jediný případ, kdy jsem viděl, jak se mění tento vzorec (a to je rozdělení vlasů, myslí si), by bylo pro neodvolatelné akce ze strany uživatele (tj. Smazání mého účtu, zabití všech lidí atd.) A pak bych mohl chtějí se odchýlit, aby je donutili přemýšlet o akci, nebo vynutit výchozí akci, aby byla bezpečnější možností.

0
drivingmenuts

Podle Gutenbergův diagram je oblast terminálu (kde web představuje své poslední volání poté, co uživatel naskenoval obsah stránky), v pravém dolním rohu obrazovky. Vzhledem k přirozenému vzorci čtení u západních čtenářů, mít tlačítka v tomto umístění skutečně snižuje únavu uživatele, když v tomto umístění procházejí. Pokud jsou tlačítka umístěna vlevo dole, uživatelé obvykle skončí v oblasti terminálu a na základě vyvolání se musí vrátit doleva, aby provedli svou akci. Tento vzor platí jak pro vyskakovací okna, tak i pro úpravy/přidání obrazovek.

Tento obecný vzor platí také pro pořadí, ve kterém jsou tlačítka umístěna. Pokud před zrušením uvedete OK, uživatel téměř vždy zobrazí všechny své možnosti, než vybere tu, kterou chce. Ve většině případů bude uživatel chtít kliknout na tlačítko OK na Zrušit. To znamená, že vidí OK, poté Storno a poté se vrátí zpět k OK. Velmi malá, ale stále přidaná práce.

0
Brad Hutchison

Skvělé odpovědi zde. To, co nikdo nezmínil, je Fittův zákon, který upravuje rychlost (a snadnost) kliknutí na cíle v GUI. To dává nějaké tvrdé vědy, kam umístit primární tlačítka.

V zásadě Fitts Law ( https://en.wikipedia.org/wiki/Fitts%27s_law ) uvádí, že velikost cíle a vzdálenost působí předvídatelně v době, kdy je potřeba zasáhnout cíl. Když je tlačítko v rohu „krabice“, je cílová velikost pravděpodobně nekonečná (jediné skutečně nekonečné cílové velikosti jsou rohy obrazovky počítače, kde se kurzor sám o sobě zastaví). I když rychlost není vždy prvořadým hlediskem, mělo by být pohodlí (snadné použití).

Interaktivní demo (bez rohů!): http://simonwallner.at/ext/fitts/

0
Rashcom