таблицы с множеством столбцов в веб-приложениях - PullRequest
2 голосов
/ 13 сентября 2010

Каков наилучший способ представления данных из таблицы со многими столбцами и возможным длинным текстом в столбцах?Дилемма, если я использую таблицы, ширина таблицы очень большая, и таблица выходит за пределы div.Какие есть варианты, могу ли я перечислить данные, как эти записи отображаются в stackoverflow в бизнес-приложении?Как это повлияет на удобство использования?

1 Ответ

3 голосов
/ 13 сентября 2010

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

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

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

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

Тот факт, что пользователи успешно используюточень широкие таблицы показывают, что широкие таблицы не являются проблемой.

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

  • Некоторые поля очень длинные (например, охватывают все окно).

  • ТамЕсть несколько полей, которые пользователь может сканировать.

  • Эти поля для сканирования сделаны графически значимыми для облегчения сканирования (например, с использованием большого, жирного и / или цветного шрифта).

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

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

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

...