Илья Бирман |
Подумайте над оптимизацией структуры таблицы: разделите на несколько, объедините связанные колонки, выберите оптимальную ориентацию, вынесите общее за скобку. ЗалипаниеВертикальная прокрутка обычно не проблема, но стоит предусмотреть залипание заголовков, как, например, на странице Школы стажёров: |
Как улучшить таблицу в угоду удобочитаемости и экономии места |
|
Ещё хорошо подсвечивать строки большой таблицы при наведении. Сокращение заголовковШирина таблицы часто тратится на шапку, в то время как данные висят в воздухе: Тогда удаётся сузить таблицу, сократив заголовки: |
«Средняя реализационная цена» превратилась В этом примере ещё и единицы измерения переехали из заголовков в тело таблицы. Это иногда работает с короткими обозначениями единиц Агрессивный переносВзглянем ещё раз на таблицу с программой |
Переделано в реальном времени на курсе |
Переносить обычный текст через каждые два слова — недопустимо. Но здесь текст в каждой ячейке короткий, и неудобств при его чтении никто испытать не успеет, зато таблица влезает в ширину. Иногда бывает, что ячейку делают слишком широкой МикроформатыМикроформаты помогают превратить несколько колонок в одну сложную: |
Под общим заголовком Shooting показаны три колонки: количество промахов на первом и втором огневом рубежах и общее за гонку. Благодаря знакам + и = человек понимает, как связаны числа, и пояснение в заголовке не требуется. Аналогичный фокус используется в колонке World Cup: там есть количество очков, набранных в данной гонке; общий результат перед ней и после неё. Снова, связь между числами устанавливают знаки + и →. |
Здесь сокращённые названия колонок раскрываются при наведении мыши: |
Или пусть остаётся широкойВ некоторых случаях можно не бояться ширины, как, например, в таблицах, показывающих ход гонок: |
Горизонтальная прокрутка здесь не мешает. |