Come indicare che una colonna di una tabella è ordinabile (domanda progettazione di interfacce utente)?

Question

Nella domanda che sto lavorando su, ci sono dati tabulari (per la cronaca, si tratta di uno swing un'applicazione Java utilizzando JTables). In alcuni casi i dati sono ordinabili cliccando sulle intestazioni delle colonne. Quello che voglio sapere è ciò che è un buon modo per indicare all'utente se una data colonna è ordinabile o no?

Sono venuto su con le seguenti possibilità.

1) Mettere un'icona in ciascuna colonna ordinabile indica è ordinabile. Io personalmente non mi piace questa opzione.

2) Modificare il cursore del mouse in qualcosa di diverso quando si passa sopra l'intestazione per indicare che è ordinabile.

3) Mettere una nota nel testo tooltip quando si passa sopra la colonna dicendo che è ordinabile.

Qualcuno ha altri suggerimenti?

Aggiornamento:

Credo che un chiarimento è in ordine. La mia domanda è non Come si fa a indicare che la colonna è Al momento allineati. Che è già implementata tramite l'alto / basso sorta triangolo paradigma. Voglio dare all'utente un indizio su quale colonne possono essere ordinati prima di fare clic sul titolo per ordinarla.

Aggiornamento 2: Penso che dovrei spiegare perché non sono del tutto venduto in opzione # 1. Mi sembra che se uno sta per mettere un'icona per indicare le colonne sono ordinabili allora questo si aggiungerà l'ingombro visivo. In questi casi, a volte l'interfaccia utente cambia il "mouse". Caso in questione:. Windows Vista e 7 permette di aggiungere un filtro su una colonna ma l'indicatore di questo non sembra fino a quando si passa sopra l'intestazione con il mouse

Answer 1

Quando hai a che fare con l'interfaccia utente, si deve mettere la vostra mente in ciò che l'utente si aspetta. Vorrei quasi sempre consiglio di stare con i paradigmi che gli utenti potranno aspettarsi. Quindi mi sento di raccomandare una versione di opzione 1)

Post di RememberMe descrive come questo potrebbe funzionare - è ancora possibile utilizzare le frecce nelle intestazioni delle colonne - l'opzione uno sarebbe quella di mettere una freccia nell'intestazione, ma cambiare lo stato di quell'icona, se è stato risolto (ad esempio, evidenziare il pulsante su o giù, se il set di dati è attualmente in ordine di questa colonna.)

Modifica Un esempio di Windows Explorer potrebbe non essere il miglior esempio qui. Il mio testo originale citato qui di seguito:

  

In Esplora risorse e quasi tutti   formare DataGrid v'è una piccola icona,   di solito un freccia su o giù, che   indica che una colonna è ordinabile.   Esperimento con Windows Explorer per   vedere il modo in cui funziona.

Answer 2

In molte applicazioni, i triangoli indicano ordinabile quindi penso che sia il modo migliore per trasmettere le informazioni per l'utente b / c è uno standard che sono molto probabilmente familiarità con.

Credo che il plugin jQuery da DataTables.Net è un buon esempio. Si potrebbe dare un'occhiata e vedere se ti piace il look / funzionalità di questo e emularla. Sia un su e un giù indicano ordinabile. Solo uno o l'altro indicare che si trova da ordinare. Se colonna non è ordinabile, non c'è l'icona a tutti. Il loro esempio cambia anche il puntatore da una freccia al puntatore mano per indicare che è possibile fare clic sul titolo.

Answer 3

Penso che il modo standard è essenzialmente l'opzione 1:. O visualizzare i dati inizialmente ordinati con un po 'di freccia che punta verso l'alto o verso il basso (ascendente / discendente), o specie + visualizzare l'icona non appena l'intestazione della colonna viene cliccato

Answer 4

Penso che avere una piccola freccia o icona triangolo sotto la colonna, che è possibile fare clic per ordinare in base a quella colonna è l'opzione migliore, come è facile vedere visivamente e molto intuitivo da usare.

Answer 5

Little triangolare su / giù le icone di ordinamento sono praticamente standard per le viste tabella ordinabile in applicazioni desktop e pagine web. L'utente non può come loro, ma gli utenti sono probabilmente utilizzati per loro (anche se non lo sanno).

Si dovrebbe cambiare, naturalmente, il cursore del mouse sopra gli elementi cliccabili.

Answer 6

Si dovrebbe sempre fare 2 per qualsiasi cosa cliccabile.

numero 1 non è male, tipicamente un triangolo rivolta verso l'alto o verso il basso a seconda del tipo di ordinamento.

Per indicare Clickability, si potrebbe anche utilizzare il blu, testo sottolineato su colonne ordinabili e testo normale grigio scuro sulla nonsortables - l'aspetto collegamento http è un dispositivo ben noto a praticamente tutti gli utenti, ma non sarebbe trasmettere sortability, per SE. Piuttosto, un utente potrebbe aspettarsi clic che per portarli a qualche altro schermo o lista, come un collegamento ipertestuale fa in genere.

Answer 7

I può essere un po 'denso, ma che tipo di colonne sono non ordinabili?

Praticamente tutto può essere ordinata; anche se non c'è un "maggiore di" stretta relazione, almeno ci sarà un "pari", e quindi l'ordinamento semplicemente significa "portare le cose uguali insieme".

corde? Prova ordine alfabetico. Immagini? Ordina per percentuale di rosso, verde, blu (o se si vuole ottenere fantasia, confrontare istogrammi colore). Sedi? Utilizzare distanza a Roma o qualsiasi altro luogo arbitrario.

L'ordinamento su alcune colonne può essere molto più utile di ordinamento su altri; ma ho difficoltà a trovare un tipo di colonna fosse è importante Evitare di smistamento di prendere posto.