Сравнительная таблица без боковика

Некоторые сравнительные таблицы можно верстать без боковика. Обычно это хорошо работает, когда сравниваемых позиций немного.Вот пример, когда наличие боковика становится существенным недостатком: мы видим две версии продукта, а параметры их сравнения перечислены слева. Чтобы узнать значение каждой галочки, приходится возвращаться взглядом к боковику:Сравнивать будет удобнее, если переместить заголовки боковика прямо в прографку:Этот прием очень любят дизайнеры «Эпла»: часто они не выносят общие данные в боковик, а дублируют их в каждой колонке. С одной стороны, читателю легче прочесть сверху вниз всю информацию о конкретной модели. С другой, получается много повторов и объем текста увеличивается в несколько раз:Сравните с аналогичной таблицей на сайте «Самсунга». Она не хуже и не лучше, просто это другой подход:Это был кусочек курса «Таблицы и прочие радости», глава «Боковик».На момент публикации этой заметки «Самсунг» уже скопировал дизайн «Эпла»:

Фев 2, 2025 - 21:54
 0
Сравнительная таблица без боковика
Некоторые сравнительные таблицы можно верстать без боковика. Обычно это хорошо работает, когда сравниваемых позиций немного.

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






Сравнивать будет удобнее, если переместить заголовки боковика прямо в прографку:






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







Сравните с аналогичной таблицей на сайте «Самсунга». Она не хуже и не лучше, просто это другой подход:






Это был кусочек курса «Таблицы и прочие радости», глава «Боковик».

На момент публикации этой заметки «Самсунг» уже скопировал дизайн «Эпла»: