Сравнительная таблица без боковика
Некоторые сравнительные таблицы можно верстать без боковика. Обычно это хорошо работает, когда сравниваемых позиций немного.Вот пример, когда наличие боковика становится существенным недостатком: мы видим две версии продукта, а параметры их сравнения перечислены слева. Чтобы узнать значение каждой галочки, приходится возвращаться взглядом к боковику:Сравнивать будет удобнее, если переместить заголовки боковика прямо в прографку:Этот прием очень любят дизайнеры «Эпла»: часто они не выносят общие данные в боковик, а дублируют их в каждой колонке. С одной стороны, читателю легче прочесть сверху вниз всю информацию о конкретной модели. С другой, получается много повторов и объем текста увеличивается в несколько раз:Сравните с аналогичной таблицей на сайте «Самсунга». Она не хуже и не лучше, просто это другой подход:Это был кусочек курса «Таблицы и прочие радости», глава «Боковик».На момент публикации этой заметки «Самсунг» уже скопировал дизайн «Эпла»:
![Сравнительная таблица без боковика](https://ic.pics.livejournal.com/nobelfaik/13371134/1008442/1008442_original.png)
Вот пример, когда наличие боковика становится существенным недостатком: мы видим две версии продукта, а параметры их сравнения перечислены слева. Чтобы узнать значение каждой галочки, приходится возвращаться взглядом к боковику:
![](https://ic.pics.livejournal.com/nobelfaik/13371134/1008442/1008442_original.png)
Сравнивать будет удобнее, если переместить заголовки боковика прямо в прографку:
![](https://ic.pics.livejournal.com/nobelfaik/13371134/1009163/1009163_original.png)
Этот прием очень любят дизайнеры «Эпла»: часто они не выносят общие данные в боковик, а дублируют их в каждой колонке. С одной стороны, читателю легче прочесть сверху вниз всю информацию о конкретной модели. С другой, получается много повторов и объем текста увеличивается в несколько раз:
![](https://ic.pics.livejournal.com/nobelfaik/13371134/1008722/1008722_original.png)
Сравните с аналогичной таблицей на сайте «Самсунга». Она не хуже и не лучше, просто это другой подход:
![](https://ic.pics.livejournal.com/nobelfaik/13371134/1009102/1009102_original.png)
Это был кусочек курса «Таблицы и прочие радости», глава «Боковик».
На момент публикации этой заметки «Самсунг» уже скопировал дизайн «Эпла»:
![](https://ic.pics.livejournal.com/nobelfaik/13371134/1009439/1009439_original.png)