it-swarm-eu.dev

Rappresentazione di gruppi sovrapposti

Ho una griglia che rappresenta una griglia di posti. Ogni posto ha diverse proprietà (per motivi di semplicità, diciamo che i posti sono Standard o Avanzati, con i posti Avanzati più costosi).

Sulla base di alcuni criteri, vengono creati diversi piani di seduta possibili. Devo mostrare ciascuno di questi piani di posti a sedere, insieme a un riepilogo (ad esempio il prezzo totale per la prenotazione di quel particolare piano, in base a quanti sono Standard e quanti sono Avanzati).

Il sistema attualmente ha qualcosa di simile a questo:

Current system

Questo ha alcuni ovvi problemi, il più grande dei quali non gestisce molto bene i piani di seduta sovrapposti.

Attualmente ho questo come un miglioramento:

New system

Questo gestisce molto meglio i piani di seduta sovrapposti. Tuttavia, per il caso dell'80% di piani di seduta non sovrapposti, penso che sia molto più difficile vedere come i sedili si raggruppano.

Qualcuno ha qualche suggerimento per ulteriori miglioramenti? Il più delle volte non ci saranno piani di posti sovrapposti, quindi voglio che sia facile vedere il raggruppamento per il caso comune, ma deve gestire fino a 5/6 gruppi sovrapposti sullo stesso posto. Posso aggiungere alcuni piccoli comportamenti dinamici come evidenziare gruppi/aggiungere bordi ai gruppi al passaggio del mouse, ma deve anche essere chiaro su una stampa statica ad albero morto.

2
ICR

Come suggerisce Steve, puoi evitare completamente questo problema creando un programma interattivo che mostra solo un piano, cambiando con il passaggio del mouse e stampando piani separati.

Se hai bisogno di tutti i piani in un singolo grafico:

Alcuni piccoli suggerimenti:

  • rendere meno significativo standard/avanzato (ad es. solo un'icona "+" nell'angolo)
  • rendere fissa la posizione relativa di un piano specifico all'interno della cella (ad es. "1" è sempre in alto a sinistra). Ciò dovrebbe migliorare la relazione tra cellula e piano
  • de-enfatizzare le celle non utilizzate:

grid1

Puoi anche fare in modo che il codice colore riempia il rettangolo:

grid2

Ancora una volta, usa una piccola icona per "Avanzate", dovresti comunque posizionare i colori e devi avere schemi diversi per 3 o 4 piani/campo.

Una leggera modifica sarebbe sempre usando le metà (o qualunque forma tu abbia bisogno) - Personalmente trovo che sia più semplice, ma YMMV:

enter image description here

1
peterchen

Penso che la tua soluzione sia ragionevole. Ma mi chiedo la natura dei piani di seduta. Se è comune che le persone abbiano una preferenza per il piano dei posti, è possibile filtrare i posti di conseguenza.

Quindi forse potresti avere 5 diverse viste - una per ogni piano di seduta e una che combina tutto come nel tuo esempio. Questo potrebbe essere fatto funzionare con i rollover del mouse o facendo clic sulle etichette come segue:

enter image description here

Non mi sono lasciato trascinare troppo, ma potresti sicuramente codificare a colori i link, aggiungere prezzi e trasformarlo in una semplice interfaccia.

0
Steve Wortham