Как указать, что столбец в таблице является сортируемым (вопрос дизайна пользовательского интерфейса)? - PullRequest
2 голосов
/ 04 марта 2010

В приложении, над которым я работаю, есть табличные данные (для записи это приложение Java Swing, использующее JTables). В некоторых случаях данные можно сортировать, нажимая на заголовки столбцов. Я хочу знать, что является хорошим способом указать пользователю, является ли данный столбец сортируемым или нет?

Я предложил следующие возможности.

1) Поместите значок в каждую сортируемую колонку, указывающую, что она сортируема. Мне лично не нравится этот вариант.

2) Измените курсор мыши на что-то другое, когда он наводит курсор на заголовок, чтобы указать, что он может быть отсортирован.

3) Поместите примечание в тексте всплывающей подсказки при наведении курсора на столбец, сказав, что оно сортируется.

У кого-нибудь есть другие предложения?

Обновление:

Я думаю, что разъяснение в порядке. Мой вопрос , а не как можно указать, что данный столбец в настоящее время отсортирован. Это уже реализовано с помощью парадигмы сортировки вверх / вниз. Я хочу дать пользователю подсказку о том, какие столбцы можно отсортировать до того, как они нажмут на заголовок, чтобы отсортировать его.

Обновление 2: Я думаю, что должен объяснить, почему я не полностью продан в варианте № 1. Мне кажется, что если кто-то собирается поставить значок, чтобы указать, какие столбцы можно сортировать , то это добавит визуальный беспорядок. В таких случаях иногда пользовательский интерфейс меняется при наведении мыши. Показательный пример: Windows Vista и 7 позволяют добавлять фильтр к столбцу, но индикатор этого не появляется, пока вы не наводите курсор мыши на заголовок.

Ответы [ 7 ]

5 голосов
/ 04 марта 2010

Когда вы имеете дело с пользовательским интерфейсом, вы должны сосредоточиться на том, что ожидает пользователь. Я почти всегда рекомендовал бы придерживаться тех парадигм, которые ожидают ваши пользователи. Поэтому я бы порекомендовал версию варианта 1)

В сообщении RememberME описывается, как это может работать - вы все еще можете использовать стрелки в заголовках столбцов - одним из вариантов будет поместить значок стрелки в заголовок, но изменить состояние этого значка, если он был отсортирован (например, выделите кнопку вверх или вниз, если набор данных в данный момент сортируется по этому столбцу.)

Edit: Пример Windows Explorer не может быть лучшим примером здесь. Мой оригинальный текст цитируется ниже:

В проводнике Windows и почти во всех из формы данных есть маленькая иконка, обычно стрелки вверх или вниз, что указывает, что столбец можно сортировать. Экспериментируйте с Windows Explorer, чтобы посмотрите, как это работает.

2 голосов
/ 04 марта 2010

Во многих приложениях треугольники указывают на сортируемость, поэтому я думаю, что это лучший способ донести информацию до пользователя, потому что это стандарт, с которым он, скорее всего, знаком.

Я думаю, плагин jquery из DataTables.Net является хорошим примером. Вы могли бы взглянуть и посмотреть, нравится ли вам внешний вид / функциональность этого и подражать ему. И вверх, и вниз указывают на сортируемость. Просто один или другой указывают, что это сортируется. Если их столбец не сортируется, значок вообще не отображается. Их пример также изменяет указатель со стрелки на указатель руки, чтобы указать, что вы можете нажать на заголовок.

image

0 голосов
/ 22 марта 2010

Я могу быть немного плотным, но какие типы столбцов не сортируются?

Практически все можно отсортировать;даже если нет строгих отношений «больше чем», по крайней мере, будет «равно», а затем сортировка просто означает «собрать равные вещи».Попробуйте алфавитный порядок.Изображений?Сортируйте по процентам красного, зеленого, синего (или, если хотите пофантазировать, сравните цветовые гистограммы).Местоположение?Используйте расстояние до Рима или любого другого произвольного местоположения.

Сортировка по одним столбцам может быть гораздо более полезной, чем сортировка по другим;но мне трудно найти тип столбца, где важно избежать сортировки.

0 голосов
/ 04 марта 2010

Вы должны всегда делать 2 для чего-либо кликабельного.

Номер 1 неплох, обычно это треугольник, направленный вверх или вниз в зависимости от порядка сортировки.

Чтобы указать кликабельность, вы также можете использовать синий подчеркнутый текст в сортируемых столбцах и простой темно-серый текст в нестабильных таблицах - внешний вид ссылки http хорошо известен практически всем пользователям, но он не обеспечивает как таковые. Скорее, пользователь может ожидать нажатия этой кнопки, чтобы перейти на какой-то другой экран или список, как это обычно бывает с гиперссылкой.

0 голосов
/ 04 марта 2010

Маленькие треугольные значки сортировки вверх / вниз в значительной степени стандартны для сортируемых табличных представлений в настольных приложениях и веб-страницах. Они могут вам не нравиться, но ваши пользователи, вероятно, привыкли к ним (даже если они этого не понимают).

Вы, конечно, должны изменить курсор мыши на кликабельных элементах.

0 голосов
/ 04 марта 2010

Я думаю, что иметь маленькую стрелку или значок треугольника под заголовком столбца, который вы можете щелкнуть, чтобы отсортировать по этому столбцу, - лучший вариант, так как его легко увидеть визуально и очень интуитивно понятно.

0 голосов
/ 04 марта 2010

Я думаю, что стандартным способом по сути является вариант 1: либо отображать данные, изначально отсортированные с помощью маленькой стрелки, указывающей либо вверх, либо вниз (по возрастанию / убыванию), либо сортировать + отображать значок, как только щелкают заголовок столбца. 1001 *

...