Как указать, что столбец в таблице является сортируемым (вопрос дизайна пользовательского интерфейса)?
В приложении, над которым я работаю, есть табличные данные (для записи, это приложение Java Swing, использующее JTables). В некоторых случаях данные можно сортировать, нажимая на заголовки столбцов. Я хочу знать, что является хорошим способом указать пользователю, является ли данный столбец сортируемым или нет?
Я придумал следующие возможности.
1) Поместите значок в каждый сортируемый столбец, указывающий, что он сортируем. Мне лично не нравится этот вариант.
2) Измените курсор мыши на что-то другое, когда он наводит курсор на заголовок, чтобы указать, что он может быть отсортирован.
3) Поместите примечание в тексте всплывающей подсказки при наведении курсора на столбец, сказав, что его можно сортировать.
У кого-нибудь есть другие предложения?
Обновить:
Я думаю, что разъяснение в порядке. Мой вопрос не в том, как можно указать, что данный столбец в настоящее время сортируется. Это уже реализовано с помощью парадигмы сортировки вверх / вниз. Я хочу дать пользователю представление о том, какие столбцы можно отсортировать, прежде чем щелкнуть заголовок, чтобы отсортировать его.
Обновление 2: я думаю, что должен объяснить, почему я не полностью продан в варианте № 1. Мне кажется, что если кто-то собирается поставить значок, чтобы указать, какие столбцы можно сортировать, то это добавит визуальный беспорядок. В таких случаях иногда пользовательский интерфейс меняется при наведении мыши. Показательный пример: Windows Vista и 7 позволяют добавлять фильтр к столбцу, но индикатор этого не появляется, пока вы не наводите курсор мыши на заголовок.
7 ответов
Когда вы имеете дело с пользовательским интерфейсом, вы должны сосредоточиться на том, что ожидает пользователь. Я почти всегда рекомендовал бы придерживаться тех парадигм, которые ожидают ваши пользователи. Поэтому я бы порекомендовал вариант из варианта 1)
В сообщении RememberME описывается, как это может работать - вы все еще можете использовать стрелки в заголовках столбцов - одним из вариантов будет поместить значок стрелки в заголовок, но изменить состояние этого значка, если он был отсортирован (например, выделить кнопку вверх или вниз, если набор данных в настоящее время сортируется по этому столбцу.)
Изменить: пример Windows Explorer может быть не лучшим примером здесь. Мой оригинальный текст цитируется ниже:
В проводнике Windows и почти во всех таблицах данных формы есть небольшой значок, обычно стрелка вверх или вниз, который указывает на возможность сортировки столбца. Поэкспериментируйте с Windows Explorer, чтобы увидеть, как это работает.
Во многих приложениях треугольники указывают на сортируемость, поэтому я думаю, что это лучший способ донести информацию до пользователя, потому что это стандарт, с которым он, скорее всего, знаком.
Я думаю, что плагин jquery из DataTables.Net является хорошим примером. Вы могли бы взглянуть и посмотреть, нравится ли вам внешний вид / функциональность этого и подражать ему. И вверх, и вниз указывают на сортируемость. Просто один или другой указывают, что это сортируется. Если их столбец не сортируется, значок вообще не отображается. Их пример также изменяет указатель со стрелки на указатель руки, чтобы указать, что вы можете нажать на заголовок.
Вы должны всегда делать 2 для чего-нибудь кликабельного.
Номер 1 неплох, обычно это треугольник, направленный вверх или вниз в зависимости от порядка сортировки.
Чтобы обозначить кликабельность, вы также можете использовать синий подчеркнутый текст в сортируемых столбцах и простой темно-серый текст в нестабильных таблицах - внешний вид ссылки http является широко известным устройством практически для всех пользователей, но сам по себе не обеспечивает сортируемость. Скорее, пользователь может ожидать, что щелкнув по нему, вы попадете на какой-то другой экран или список, как это обычно делает гиперссылка.
Маленькие треугольные значки сортировки вверх / вниз в значительной степени стандартны для сортируемых табличных представлений в настольных приложениях и веб-страницах. Они могут вам не нравиться, но ваши пользователи, вероятно, привыкли к ним (даже если они этого не осознают).
Вы, конечно, должны поменять курсор мыши на кликабельные элементы.
Я думаю, что стандартным способом по сути является вариант 1: либо отображать данные, первоначально отсортированные с маленькой стрелкой, указывающей либо вверх, либо вниз (восходящий / нисходящий), либо сортировать + отображать значок, как только щелкнет заголовок столбца.
Я думаю, что иметь маленькую стрелку или значок треугольника под заголовком столбца, который вы можете щелкнуть, чтобы отсортировать по этому столбцу, - лучший вариант, так как его легко увидеть визуально и очень интуитивно понятно.
Я могу быть немного плотным, но какие виды столбцов не сортируются?
Практически все можно отсортировать; даже если нет строгих отношений "больше чем", по крайней мере, будут "равные", и тогда сортировка просто означает "соединить равные вещи".
Строки? Попробуйте алфавитный порядок. Изображений? Сортируйте по процентам красного, зеленого, синего (или, если хотите пофантазировать, сравните цветные гистограммы). Местоположение? Используйте расстояние до Рима или любого другого произвольного места.
Сортировка по некоторым столбцам может быть гораздо полезнее, чем по другим; но мне трудно найти тип столбца, где важно избежать сортировки.