Interfacestandartenführer (toader_green) wrote in ru_ucdesign,
Interfacestandartenführer
toader_green
ru_ucdesign

Categories:

Зебры должны умереть, или просто про полосатые таблицы

Раскрашивать чётные и нечётные строки таблиц в разные цвета

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

Также я считал что такие таблицы ещё и хуже читаются, поскольку взгляд начинает скакать либо по чётным либо по нечётным строкам. И вот на днях я обнаружил что Э. Тафти (E.Tufte) в книге "Envisioning Information" подробно объяснил почему полосатые таблицы использовать не стоит. К сожалению эту из его книг я не читал, однако из дискуссии на его сайте можно в целом понять, что происходит: вкратце, все объекты с одним цветом фона считаются как-бы расположенными на одном слое, а объекты с другим цветом фона - на другом.

Тем не менее полосатые таблицы продолжают использовать. В качестве аргументов "за" приводятся:

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

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

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

А что думаете вы?
Subscribe

  • Post a new comment

    Error

    default userpic

    Your IP address will be recorded 

    When you submit the form an invisible reCAPTCHA check will be performed.
    You must follow the Privacy Policy and Google Terms of use.
  • 20 comments
Previous
← Ctrl ← Alt
Next
Ctrl → Alt →
Previous
← Ctrl ← Alt
Next
Ctrl → Alt →