it-swarm-eu.dev

Osvědčený postup stránkování

Nejsem si jistý, jak nejlépe zvládnout stránkování, které musím provést na stole, který by mohl být velmi velký (5 000 řádků plus).

Moje první otázka je, zda by měl být počet řádků na stránce diktován pouze rozvržením, nebo by se mělo vzít v úvahu také množství stránek. Například bych měl říci <1000 zobrazit 20 řádků,> = 1000 zobrazit 30 řádků?

Další otázkou je, jak nejlépe procházet mezi stránkami, za předpokladu, že uživatel filtroval tabulku co nejvíce a že jim zbývá 50 stránek s informacemi, měli by dostat vstupní pole pro přechod na stránku 45? Nebo by měla tlačítka pro přeskočení (1) přeskočit (5) stačit? V tuto chvíli nevím, jak konečný uživatel bude používat tabulky, takže si nejsem jistý, jaké možnosti je nechat vyzkoušet jako první.

A konečně, má někdo nějaké dobré příklady stránkování, které mohl sdílet? Vždy hledám dobrý referenční materiál!

25
Toby

To může, ale nemusí být stránkování provedeno správně, ale tady je to, jak mohu stránkování ve své webové aplikaci:

|< First, << Previous, Page [5] of 12, Next >>, Last >|

Vnější čtyři možnosti jsou odkazy, zatímco Page [5] of 12 je forma, s [5] jako vstupním polem. Pro uživatele s povoleným JavaScriptem skryju tlačítko Odeslat a odešlu formulář na události focus a zadám stisk tlačítka. Uživatel má možnost, kolik řádků chce zobrazit, které si může vybrat z rozbalovací nabídky: 10, 20, 50, 100, Vše. Rovněž poskytuji třídění a filtrování výsledků kromě stránkování, i když to nemusí mít smysl v každé situaci.

pravit:

Zde je úryvek z makety naší webové aplikace, který vám poskytne lepší představu. V této verzi byla slova vynechána z tlačítek, ale po mírném zpoždění se objevují jako popiska na přechodu. Může se však stát, že udržení slov povede k vyšší úrovni použitelnosti.

Virtuosi Media's Pagination Example

Je třeba zdůraznit několik dalších věcí:

  • Tlačítka „První“ a „Předchozí“ byla deaktivována, protože je to první stránka.
  • Modrá označuje aktivní tlačítka (budu muset toto konkrétní téma spouštět pomocí kontroly barev, aby se zajistilo, že uživatelé colorblind budou moci rozlišit).
  • Tlačítka zůstávají vždy, i když jsou deaktivována. To dává konzistenci rozhraní.
  • Z důvodu měřítka jsem si místo rozbalovacího políčka vybral spíše vstupní pole. Pokud máte 3 000 stránek, nechcete stránku najít
  • Stránkování je seskupeno do jediné vizuální složky, která označuje účelnost podobnosti.
27
Virtuosi Media

Omlouváme se za takovou odpověď, ale záleží . Jaký typ obsahu máte a co uživatel hledá? Jaké jsou cíle uživatele? Je to web nebo aplikace?

V mnoha případech se můžete vyhnout stránkování například pomocí nekonečného posouvání (viz výsledky hledání Vyhledávání obrázků Google ).

Problém s stránkováním je v tom, že samotné stránky nemají žádný význam. Proč bych měl jít na stránku 45? Proč ne 38? Pokud je obsah roztříděn, můžete zkusit pojmenovat stránky smysluplná jména (například písmena abecedy nebo rozsahu dat nebo cokoli jiného, ​​co dává smysl). Počet řádků na stránce by měl být co největší, protože posouvání obvykle poskytuje mnohem lepší zážitek než procházení stránkami (není to však obecné pravidlo a existují výjimky).

A pro příklady a osvědčené postupy je zde skvělý článek .

12
Kostya

Obecně platí, že počet položek na stránku určujete na základě následujících kritérií:

  • Jaký druh údajů zobrazuji a jak dlouho by daný počet položek vytvořil stránku?
  • Jaké důsledky mají položky X na stránce pro výkon aplikace?
  • Chci uživatelům umožnit přizpůsobit počet položek zobrazených na stránce?
  • Pokud se zajímám o navigaci mezi stránkami (bude se například uživatel starat o přechod na konkrétní stránku č. 512?), Jak ovlivní počet položek na stránce navigaci stránkování?
  • Jaké ovládací prvky stránkování mám k dispozici?

Pokud odpovíte na výše uvedené otázky, povedou pěkně do odpovědí na vaši druhou otázku. Stránkování je produktem vašich dat a počtu položek, které zobrazujete. Moje rada je zjistit, zda vaši uživatelé chtějí určit, kterou stránku chtějí zobrazit. Můžete to zjistit testováním uživatelů a přemýšlením o tom, jaké informace jsou v seznamu uvedeny. Například výsledky vyhledávání jsou zřídkakdy dost konkrétní, aby bylo možné říci „Chci jít na stránku 47“, protože jsou obvykle tříděny podle kryptického, neprůhledného algoritmu. Ale pokud uvedete seznam, řekněme, jména v abecedním pořadí, jít na stránku 47 může být velmi intuitivní.

Podobně může zobrazovaný typ dat také ovlivnit navigaci a možná budete chtít zvážit návrhový vzor navigace pro zjednodušení. V příkladu, který jsem právě uvedl o abecedních jménech, můžete zvážit stránkování pomocí písmen (A | B | C | D atd.) A stránek v rámci každého písmene, pokud máte velké množství dat.

Konkrétně:

  • Nedoporučuji dávat uživatelům příliš konkrétní kontrolu, pokud nevíte, že to je to, co chtějí
  • Místo toho nabízí výplň kolem aktuální stránky (1 .. 7 8 [9] 10 11 .. 28)
  • Zahrňte první a poslední stránky, pokud třídíte algoritmicky, pokud nemůžete z důvodů výkonu.
  • Při algoritmickém třídění zvažte různé možnosti třídění (například obrácení pořadí řazení) - záleží na typu dat

Příklady správně provedeného stránkování:

  • Flickr - jasné rozlišení mezi vybraným, neaktivním a stavem spojení; přístupné barvy; polstrované odkazy s dobrými cíli kliknutí; dobré vycpávky kolem aktuální stránky; není příliš složitá. Osobní favorit.
  • Funda.nl - Holandský web o nemovitostech se skvělým, jednoduchým a snadno čitelným designem, který se odráží i na stránkování
  • Bing - bez BS, minimalistický typografický design, což znamená, že stránkování je velmi jemné, ale zároveň snadno použitelné
  • Google (očividně) - trochu neobvyklý, ale přesto, že má mnoho možností, stále se cítí jednoduše a dokonce vám přináší úsměv do tváře
  • Chris Messina má několik dobrých záběrů stránkování ve svém albu návrhářských vzorů na Flickru.
6
Rahul

Vzhled stránky:

Pokud jde o vaši první otázku - jsem fanouškem konzistentnosti (a většina uživatelů je také). Nezaměňujte uživatele a nechte je přemýšlet, proč vidí tentokrát více řádků ... Můžete si dokonce nechat vybrat „položky na stránku“, což je velmi běžná a užitečná praxe.

3
Dan Barak

Uživatelé dávají přednost posouvání a stránkování. Je mnohem snazší ovládat rolovací kolečko, než zaměřit se na malé navigační odkazy.

Morea o stránkování vs. rolování

1
Miki