it-swarm-eu.dev

Při vytváření průvodce GUI by měly být všechny stránky / karty stejné velikosti?

Chápu, že by mě některé knihovny přinutily, ale moje otázka je obecná.

Pokud mám dole dole sadu tlačítek: Zpět, Další, Zrušit ?, (jiné?), Mělo by se jejich umístění někdy změnit? Pokud odpověď zní ne, co mám dělat se stránkami s malým obsahem? Natahuji věci? Umístěte je do osamělého horního levého rohu? Podle Steve Krug nemá smysl přidávat do GUI cokoli, co tam nemusí být.

Chápu, že k průvodcům existují různé přístupy - některé mají karty, jiné ne. Některé karty jsou vodorovně zarovnány nahoře; ostatní - svisle vlevo. Některé nezobrazují stránky/karty a jsou to jednoduše posloupnosti dialogů. Toto je pravděpodobně nutné, když je průvodce „nelineární“, např. některé dřívější volby mohou mít za následek větvení.

V každém případě je problém stejný - obětujte konzistenci „velkého obrazu“ (obrys stránky/karty + umístění tlačítek) nebo konzistenci podrobností (některé karty mohou být poněkud zabalené; jiné s velmi malým obsahem) . Předpokládám, že třetí volbou je další úsilí v obsahu, aby bylo zajištěno, že organizování obsahu je více či méně rovnoměrně distribuováno ze stránky na stránku. To však může být obtížné (řekněme, když první karta obsahuje pouze výběr ze tří věcí a potom se od ní odbočí; pravděpodobně existují další příklady), a pokud se některý z obsahu změní, bude těžké udržet tuto rovnováhu. později.

Můžete doporučit dobrý přístup? Vítán je také odkaz na relevantní dobrý blogový příspěvek nebo kapitolu knihy.

Pokud máte nějaké dotazy, dejte mi vědět.

11
Job

Umístění tlačítek by se nikdy nemělo měnit. Uživatel bude očekávat, že umístění tlačítka „Další“/„Dokončit“ zůstane konstantní, aby mohl držet myš v klidu a klikatím prostřednictvím akceptování výchozích možností.

Pokud máte nějaké stránky s mnohem menším obsahem než jiné, může to znamenat, že na jiných stránkách je příliš mnoho obsahu. Buď ji přesuňte mezi existující stránky nebo přidejte nové stránky - ale ne příliš mnoho. Jak však zdůraznili i jiní, nerozdělujte stránku libovolně, aby splňovala některé požadavky na umělou velikost. Pokud možnosti logicky jdou společně, udržujte je pohromadě.

19
ChrisF

Průvodce vs. karty
Použijte průvodce, chcete-li uživatele vést několika požadovanými kroky.
Použijte karty, když si uživatel může vybrat libovolnou kartu, provést změny a poté je zavázat, aniž by se podíval na ostatní karty.

Vždycky mi připadá "Tabs with Back/Next" trapně. Rozumím myšlence poskytnout malou „rampu“ mezi začínajícími a pokročilými uživateli, ale ve většině případů jsem viděl, že design jednotlivých stránek není vhodný pro začínající uživatele.

Velikost

Pro průvodce to není jen velikost - uživatel by měl mít dojem, že neustále pracuje se stejným oknem. Toho je obvykle dosaženo prostřednictvím záhlaví a dalších ovládacích prvků ve stejné poloze na všech stránkách a ve stejné velikosti.

Příklad: Installshield velmi špatně porušuje metaforu „stejného okna“ (i když to není zřejmé): každá stránka je nový modální dialog, umístěný na primárním monitoru. Takže přesuňte okno na jiné místo, klikněte na tlačítko Další a bum, vaše okno je zpět tam, kde bylo. Aaaargh!

V průvodci je změna velikosti formuláře pro uživatele docela nepříjemná. Je to jako držet ruku, ale neustále kolem něj tančíš. Vážněji: akce uživatele (kliknutím na „Další“) má neočekávaný vedlejší účinek („Změna velikosti okna“). To snižuje uživatelům vnímanou kontrolu nad softwarem.

Tvrdil bych, že i pro karty, změna velikosti je nepříjemná. Zaprvé to vypadá hovno - které subjektivní. Zadruhé, pokud umístíte okno obsahující karty tak, aby byly v rohu obrazovky a odkryly další dokument na ploše, přepnete na jinou stránku, buď část vašeho dialogu zmizí, nebo skočí dále na plochu, potenciálně pokrývat jiné věci.


(Plná nelibost: Pracuji na aplikaci, která to dělá, a je to moje chyba. Sledování uživatelů, jak se pohybují kolem toho špatného malého dialogu, mě nutí krčit.


Pokud je volba mezi „trochu přeplněným“ a „téměř prázdným“, je obvykle v pořádku. Prázdné místo vypadá dobře. Pouhé velké prominentní okno s jediným vstupním polem jasně říká: toto je váš další krok a je to zatraceně snadné. To je přesně zpráva, kterou chcete poslat pomocí průvodce.

11
peterchen

Za předpokladu, že mluvíte o aplikaci pro stolní počítače s pevnými okny dialogového typu bez rolování, nemyslím si, že byste se měli starat o vyplnění každé stránky na stejnou částku. Je důležitější rozdělit úkol na malé soudržné kroky, které jsou v souladu se schopností uživatele tento úkol pochopit.

Pokud tak učiníte, neočekávám, že by uživatelé byli zmateni mezerou mezi ovládacími prvky vstupu a příkazovými tlačítky dole, takže bych to také nerozložil. Umístěte ovládací prvky tak, aby co nejlépe naznačovaly, jak jsou vstupy a pokyny související. Dokud se zdá, že tento krok je pro uživatele kompletní, nebudou si myslet, že něco chybí. Průvodci mají obvykle nad tlačítky mezeru a uživatelé chápou, že některé kroky zabírají více místa než ostatní.

Myslím, že posunutí tlačítek nahoru přímo pod ovládací prvky vstupu na řídkých stránkách bude pravděpodobně matoucí. Uživatelé očekávají, že tlačítka „konečné akce“ budou na spodním okraji. Přesuňte je do středu a uživatelé je nemusí okamžitě vidět jako tlačítka „závěrečné akce“. Ještě důležitější je, že v odpovědi ChrisF je umožněno uživatelům obeznámeným s průvodcem rychle na něj kliknout.

4
Michael Zuschlag

Osobně bych:

  • zvětšete výchozí akce (tučně, v závislosti na zbytku uživatelského rozhraní)

  • udělejte destruktivní možnost červenou a možná dokonce nevypadá jako tlačítko (např. formuláře „Přihlášení“, kde „zrušit“ vypadá jako odkaz, zatímco tlačítko Odeslat vypadá jako skutečné tlačítko)

Kromě toho si nemyslím, že musí být stejné velikosti, pokud je mezera kolem textu na kartě stejná. Pro konzistence by však umístění tlačítka mělo zůstat stejné, aby školilo uživatele, aby očekávali, že se uživatelské rozhraní chová určitým způsobem.

1
wildpeaks

Záleží na tom, kde jsou umístěna tlačítka Další/Předchozí. Nejdůležitější věcí je, že nikdy nezmění pozici. Pokud jsou umístěny v pravém dolním rohu, což je celkem běžné, znamenalo by to také, že všechny stránky musí mít stejnou velikost.
Pokud jsou tlačítka umístěna vlevo nahoře, konstantní velikost není důležitá, ale může vypadat trochu mimo pořadí, aby byla tlačítka před obsahem.

1
awe