it-swarm-eu.dev

Overflow delle schede: cosa fare quando rimango senza spazio per le schede annuali?

Ho una pagina che elenca i precedenti destinatari di un premio, con schede che separano i vincitori di ogni anno.

  • Ogni anno ci sono quaranta destinatari.
  • Vengono elencati il ​​nome del destinatario, il titolo professionale e la società.
  • La stessa persona può essere selezionata in un massimo di tre anni diversi.
  • I vincitori di tre anni entrano nella hall of fame, anche se qui non è rappresentato.
  • Attualmente, i vincitori di ogni anno vengono visualizzati in una scheda separata.

Il problema è che sto esaurendo lo spazio. Dopo il prossimo anno, non ci sarà spazio per aggiungere più schede . Qual è un altro modo per organizzare questi dati che funzioneranno bene per un massimo di 20 anni complessivi di premi?

Screenshot of tab interface

Nota: grazie Robert Fraser per il nome " Overflow scheda ."

32

Che ne dici di mostrare solo gli ultimi 10 anni di premi con l'undicesima scheda per portarti ai precedenti 10 anni?

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

La maggior parte delle persone sarà interessata solo ai premi più recenti, quindi avere i premi più vecchi a un secondo clic di distanza non dovrebbe essere un grosso problema.

Facendo clic su "Vecchio" verrebbe mostrata una pagina con le seguenti schede:

Recent | ... | 2000 | 1999

ma apparirebbe identico alla pagina corrente. Potresti cambiare la combinazione di colori solo come un ulteriore indizio visivo, ma ciò dipende dai "poteri che sono".

40
ChrisF

Potresti avere una scheda '...' e usare un po 'di JavaScript (yay jQuery) per "scorrere" verso destra quando fai clic su di essa e rivela le altre schede. Quindi potresti avere una freccia a sinistra in modo da poter tornare alle schede più recenti. (TY @ChrisF per l'ispirazione)

11
LoganGoesPlaces

Per la cronaca, mi piace la risposta di @ ChrisF, ma solo per i calci ecco come lo gestisce Google Spreadsheets.

alt text

8
jessegavin

Vorrei probabilmente aggiungere una barra sopra l'elenco e mettere un menu a discesa per selezionare l'anno sul lato sinistro della barra. Avresti quindi anche spazio per aggiungere altre opzioni di filtro tramite il menu a discesa, ovvero se ne sarebbe utile.

6
LoganGoesPlaces

Le schede potrebbero non essere la metafora giusta da utilizzare per l'impaginazione. Se vuoi evitare di ricaricare la pagina per arrivare ad anni che non rientrano nello spazio dato, un elenco orizzontale a scorrimento potrebbe funzionare meglio.

Consulta l'elenco dei prodotti nella parte superiore di pagina Mac di Apple .

Il tuo elenco di anni non diventerà mai ridicolmente enorme, quindi non devi preoccuparti dei tipici problemi di impaginazione di nascondere pagine non immediate, ecc:

"<... 148 149 150 151 152 ...>"

Probabilmente è meglio trovare un modo per elencare tutti gli anni e occludere quelli che non sono immediatamente rilevanti.

5
Brendan Berg

Se gli anni non sono così tanti, puoi mettere gli anni "più vecchi" sotto un menu a discesa alla fine.

enter image description here

3
Ades

Puoi fare come Firefox. C'è una pergamena per le schede nascoste. così puoi caricare le schede più dello spazio che hai. Oppure puoi fare come Chrome, rimpicciolire le schede aggiungendo più schede (questa soluzione non funzionerà nel tuo caso, perché rimpicciolendo le schede, facendo scomparire le etichette). Penso che avere l'area di scorrimento per le schede sia la soluzione migliore. in questo modo l'utente non ha limiti. È possibile aggiungere un elenco a discesa in modo che l'utente possa passare rapidamente da una pagina all'altra.

2
Morteza Milani

Dato che hai un set limitato per le tue schede (hai menzionato "20 anni") potresti usare le "schede verticali", un po 'come il modo in cui la maggior parte dei software per blog ha "categorie" o "archivi" in una barra laterale. Quindi, se necessario, potresti mettere gli elementi di traffico più importante/elevato in un formato di facile utilizzo in alto sopra dove si trovano le tue schede attuali.

Ad esempio, il mio sito Web (un modello pronto all'uso) ha un elenco di "Archivi" che corre lungo il lato sinistro.

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

(Nota che non sto cercando di magnacciare il mio sito, è stato proprio quello che mi è venuto in mente prima perché sapevo cosa stavo cercando :))

2
Aaron Lerch

Come altri qui, suggerirei di allontanarmi anche dalle schede.

Ma se sei bloccato con loro, puoi semplicemente stipare più schede nella riga e ridurle. (Sto pensando alle schede di Chrome.) Quando sono troppo strette per adattarsi alle loro etichette, tronca le etichette. Nel tuo caso, vorresti troncare l'inizio degli anni:

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

Certamente non ottimale, ma potrebbe placare il cliente fino a quando non accettano di abbandonare le schede.

2
Ken Mohnkern

Forse le schede non sono il modo migliore per visualizzarle. Ma se non vuoi interrompere la navigazione classica, dovresti mettere 2 frecce, una punta a sinistra e l'altra a destra.

1
David Lalo Matus

Potresti anche visualizzare le schede che ritieni verranno utilizzate più frequentemente (o fino agli ultimi 10 anni). Alla fine, avere una scheda che dice "Più vecchio" e che visualizza un elenco degli anni più vecchi rimanenti quando si fa clic, utilizzando JavaScript. Questo approccio potrebbe non funzionare così bene se alla fine hai così tanti anni più vecchi da mostrare che l'elenco è davvero lungo. Anche questo non tiene conto di ciò che faresti per gli utenti senza JS abilitato.

1
lori.lee

Tutte quelle schede lo rendono anche un design molto affollato e rumoroso. Inoltre penso che le schede sono più adatte per raggruppare diversi set di dati, non variazioni dello stesso.

Vorrei suggerire qualcosa come un menu a discesa con i pulsanti precedente/successivo su entrambi i lati. O un elenco in una barra laterale o qualcosa del genere.

Ti aspetti che i tuoi utenti passino in rassegna gli anni, solo per curiosità, o vorrebbero rivedere i premi di un determinato anno? In quest'ultimo caso, un campo di testo sarebbe persino più veloce.

0
Peter Frings

La scheda successiva, la scheda precedente, la pagina successiva di schede, la pagina precedente di schede, i pulsanti sono necessari, ma non sufficienti.
- Scorrere fino a una scheda remota sarebbe davvero fastidioso.

Prova a utilizzare le schede gerarchiche: scheda decade con schede anno all'interno.
Inoltre, lascia che l'utente salti direttamente alla scheda desiderata, inserendo l'anno.

0
Danny Varod