В сетке, как отображать заголовки больших столбцов

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

Обычно мы, скорее всего, пропускаем горизонтальное пространство, так как число столбцов или данных столбца становится большим. Эта тема уже обсуждалась здесь: Как отображать слишком много данных и это не вопрос моего вопроса.

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

Есть несколько простых решений:

  • найти короткие тексты заголовков
  • оберните текст заголовка в несколько строк
  • отобразить текст заголовка по вертикали
  • отображает аббревиатуру с помощью мыши над всплывающей подсказкой, содержащей полную метку
  • используйте значок в качестве заголовка

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

12 голосов | спросил Mart 30 thEurope/Moscowp30Europe/Moscow09bEurope/MoscowThu, 30 Sep 2010 13:03:04 +0400 2010, 13:03:04

5 ответов


7

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

alt text

Затем вы можете указать подсказку для зависания, чтобы показать пользователю полное имя. В Mac OS Apple пытается сконденсировать текст в качестве первого шага. Они делают это, уменьшая пространство между буквами и словами. Идея состоит в том, чтобы показать вам как можно больше символов, прежде чем добавлять многоточие в крайнем случае.

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

alt text

Это, очевидно, больше работы, но он уверен, выглядит более современным и более классным. Я удивлен, что он еще не стал стандартной функцией Mac OS. Говоря о, Apple делает , использует затухание в Spotlight, чтобы показать вам длинный путь к файлу:

alt text

В дополнение к выцветшему пути к файлу см. файл «YLListenerBase.cpp»: вы можете видеть, что он сжат, если сравнить его с его .h-файлом. Путь к файлу с эффектом затухания находится в нижней части окна.

ответил Hisham 1 +04002010-10-01T00:54:31+04:00312010bEurope/MoscowFri, 01 Oct 2010 00:54:31 +0400 2010, 00:54:31
3

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

alt text

Цитата из комментария по другому вопросу

  

например. если у вас есть столбец, который будет содержать только один символ (например, Y /N /? или 0/1/2/3 /? или T /F), если вы можете использовать значок или сокращенный текст в заголовке, который может быть способный значительно уменьшить ширину столбца. например если у вас есть столбец «Число», использование «#» вместо этого сохранит некоторое пространство.

ответил scunliffe 1 +04002010-10-01T01:57:55+04:00312010bEurope/MoscowFri, 01 Oct 2010 01:57:55 +0400 2010, 01:57:55
2

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

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

  • Вам, как правило, повезло получать догаданные сокращения, чем значки, если значки уже не установлены в другом месте приложения. Если вы не используете установленные аббревиатуры, проверьте их в контексте, чтобы убедиться, что пользователи могут их угадать. Да, используйте всплывающие подсказки, используете ли вы значки или аббревиатуры, но не полагайтесь на них для нормального использования. Аббревиатурам обычно не нужны периоды, поэтому это сократит пространство.

  • Если вы показываете заголовок вертикально, вы получите лучшую читаемость, написав текст сбоку, вместо того, чтобы складывать буквы друг над другом.

  • Вместо вертикального отображения заголовка «согнуть» столбец вверху и отобразить текст заголовка под углом 30-45 градусов. Теперь для чтения их требуется только мягкий наконечник головы. Это работает, однако, если у вас есть куча соседних столбцов с длинными заголовками.

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

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

ответил Michael Zuschlag 30 thEurope/Moscowp30Europe/Moscow09bEurope/MoscowThu, 30 Sep 2010 17:12:25 +0400 2010, 17:12:25
2

Почему бы не использовать уложенное в стеке «облако» над столбцом? Если они действительно так важны, чтобы долго, сойди с ума:

       ________________   _____________
      |Super Long Title| |I'm also long|
               ^            ^
| Foo | Bar |  |   | Baz |  |  | FooBar |
|  x  |  y  |   z  |  xy |  yx |  xyz   |
|  x  |  y  |   z  |  xy |  yx |  xyz   |
|  x  |  y  |   z  |  xy |  yx |  xyz   |
|  x  |  y  |   z  |  xy |  yx |  xyz   |
|  x  |  y  |   z  |  xy |  yx |  xyz   |
|  x  |  y  |   z  |  xy |  yx |  xyz   |
|  x  |  y  |   z  |  xy |  yx |  xyz   |
|  x  |  y  |   z  |  xy |  yx |  xyz   |
ответил Dominic Hopton 30 thEurope/Moscowp30Europe/Moscow09bEurope/MoscowThu, 30 Sep 2010 21:46:17 +0400 2010, 21:46:17
1

Некоторые хорошие решения уже упомянуты. Здесь, но еще один, чтобы рассмотреть: Используйте цветные, числовые или буквенные идентификаторы для столбца и легенды.

 Идентификаторы цветов и букв

ответил Ray Perfetti 6 J000000Wednesday16 2016, 07:23:33

Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132