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