it-swarm-eu.dev

Přetečení karet: Co dělat, když jsem vyčerpal prostor pro roční karty?

Mám stránku, která obsahuje seznam předchozích příjemců ceny, s kartami oddělujícími každý rok výherce.

  • Každý rok je jich tam čtyřicet.
  • Je uvedeno jméno příjemce, jeho pracovní pozice a společnost.
  • Stejnou osobu lze vybrat až do tří různých let.
  • Tři roky vítězové jdou do síně slávy, i když to zde není zastoupeno.
  • V současné době jsou výherci každého roku zobrazováni na samostatné kartě.

Problém je, že mi došel prostor. Po příštím roce již nebude místo pro přidání dalších karet . Jaký je další způsob, jak uspořádat tato data, která bude dobře fungovat až pro celkem 20 let ocenění?

Screenshot of tab interface

Poznámka: Díky Robert Fraser za jméno " Přetečení karty ."

32

Co takhle ukazovat posledních 10 let ocenění s 11. záložkou, která vás přenese do předchozích 10 let?

2011 | 2010 | 2009 | 2008 | 2007 | 2006 | ... | Older

Většina lidí se bude zajímat pouze o nejnovější ocenění, takže mít starší ocenění za druhé kliknutí by nemělo být velkým problémem.

Kliknutím na „Starší“ se zobrazí stránka s následujícími kartami:

Recent | ... | 2000 | 1999

jinak by však vypadal stejně jako aktuální stránka. Barevné schéma byste mohli změnit jen jako zvláštní vizuální vodítko, ale to by bylo na „schopnostech, které jsou“.

40
ChrisF

Mohli byste mít kartu '...' a použít nějaký JavaScript (yay jQuery) k "posunutí" doprava, když na něj kliknete a odhalíte další karty. Pak můžete mít na levé straně šipku, abyste se mohli vrátit na novější karty. (TY @ChrisF pro inspiraci)

11
LoganGoesPlaces

Pro záznam se mi líbí odpověď @ ChrisF, ale jen pro kopy, tady je návod, jak s tím Google Spreadsheets pracuje.

alt text

8
jessegavin

Asi bych přidal lištu nad seznam a dal rozbalovací nabídku pro výběr roku na levé straně lišty. Pak byste měli také prostor pro přidání dalších možností filtrování pomocí rozevíracího seznamu, což je, pokud by nějaké bylo užitečné.

6
LoganGoesPlaces

Karty nemusí být tou pravou metaforou, kterou lze použít pro stránkování. Pokud se chcete vyhnout opětovnému načtení stránky do let, které se do daného prostoru nevejdou, může lépe fungovat horizontální seznam rolování.

Podívejte se na seznam produktů v horní části Appleova Mac stránka .

Váš seznam let se nikdy nezmění nesmírně obrovsky, takže se nemusíte starat o typické stránky stránkování skrytí nepřímých stránek atd.:

"‹ ... 148 149 150 151 152 ... ›"

Pravděpodobně je nejlepší najít způsob, jak vyjmenovat všechny roky a uzavřít ty, které nejsou okamžitě relevantní.

5
Brendan Berg

Není-li let tolik, můžete na konci umístit „starší“ roky do rozbalovací nabídky.

enter image description here

3
Ades

Můžete dělat jako Firefox. Skryté karty mají svitek. takže můžete načíst karty více než místo, které máte. Nebo můžete udělat jako Chrome, zmenšit karty přidáním dalších karet (toto řešení pro váš případ nebude fungovat, protože zmenšení karet způsobí zmizení štítků). Myslím, že mít oblast posouvání karet je nejlepším řešením. tímto způsobem uživatel nemá žádný limit. Můžete přidat rozevírací seznam, takže uživatel může rychle přepínat mezi stránkami.

2
Morteza Milani

Protože pro své karty máte ohraničenou sadu (uvedli jste hodnotu „20 let“), můžete použít „vertikální karty“ - něco jako to, jak většina blogového softwaru má na postranním panelu „kategorie“ nebo „archivy“. Poté můžete v případě potřeby umístit nejdůležitější položky/položky s vysokým provozem do snadno použitelného formátu nahoře nahoře, kde jsou vaše aktuální karty.

Například moje webová stránka (šablona mimo pole) obsahuje po levé straně seznam „Archivy“.

http://www.aaronlerch.com/blog/

(Poznámka: Nesnažím se pasovat na mé stránky, bylo to to, co přišlo na mysl jako první, protože jsem věděl, co jsem hledal :))

2
Aaron Lerch

Stejně jako ostatní zde, i já bych navrhl, aby se z karet také nedostal.

Ale pokud jste s nimi přilepená, můžete do řady napíchnout více karet a zmenšit je. (Přemýšlím o kartách prohlížeče Chrome.) Když jsou příliš úzké na to, aby se jejich štítky vešly, zkráťte je. Ve vašem případě byste chtěli zkrátit začátek let:

| ..12 | ..11 | ..10 | ..09 | ..08 | ..07 | ..06 | ..05 | ..04 | ..03 | ..02 | ..01 | ..00 | ..99 |

Určitě není optimální, ale může to umisťovat klienta, dokud nesouhlasí s příkopy.

2
Ken Mohnkern

Možná nejsou karty nejlepším způsobem, jak je zobrazit. Pokud ale nechcete přerušit klasickou navigaci, měli byste umístit 2 šipky, ty směřují doleva a druhá doprava.

1
David Lalo Matus

Můžete také zobrazit karty, o kterých si myslíte, že budou nejčastěji používány (nebo až do posledních 10 let). Nakonec si vytvořte záložku „Starší“, která zobrazí seznam zbývajících starších let po kliknutí pomocí JavaScriptu. Tento přístup nemusí fungovat tak dobře, pokud budete mít tolik starších let, aby se ukázalo, že seznam je opravdu dlouhý. To také nebere v úvahu to, co byste udělali uživatelům bez aktivovaného JS.

1
lori.lee

Všechny tyto karty také činí velmi rušný a hlučný design. Rovněž myslím, že karty jsou vhodnější pro seskupování různých sad dat, nikoli jejich variací.

Navrhl bych něco jako rozevírací nabídku s předchozím/dalším tlačítkem na obou stranách. Nebo seznam na postranním panelu nebo tak něco.

Očekáváte, že vaši uživatelé budou procházet roky, jen ze zvědavosti, nebo by chtěli zkontrolovat ceny konkrétního roku? V druhém případě by bylo textové pole ještě rychlejší.

0
Peter Frings

Další karta, předchozí karta, další stránka karet, předchozí stránka karet, tlačítka jsou nutná, ale ne dost.
- Posun na vzdálenou kartu by byl opravdu nepříjemný.

Zkuste použít hierarchické karty - kartu dekády s tabulkami roku uvnitř.
Také nechte uživatele skočit přímo na požadovanou kartu zadáním roku.

0
Danny Varod