Data TableInformation DesignLayoutTypographyUser Interface

Переверстка №33. Норма температуры воздуха в вагоне

В московском метро сфоткал такую наклейку. Как думаете, что мне не понравилось в белом блоке про температуру?

В этой таблице неверно задано направление. Верстка заставляет двигаться по горизонтали, потому что плашки складываются в строки, а не в колонки:

А двигаться нужно по вертикали, потому что пассажиру рассказывают, как температура в вагоне зависит от температуры на улице: если на улице ниже 10 градусов, то в вагоне должно быть 14—18 градусов.

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

Попробуем «перевернуть» данные — сделать строки колонками. Теперь таблица хорошо читается как по вертикали, так и по горизонтали, потому что расстояние между плашками примерно одинаковое в обоих направлениях:

Далее усилим основное направление (после перевертывания оно стало горизонтальным), это можно сделать с помощью различных графических приемов:

На самом деле эту таблицу необязательно переворачивать. Перенесем заголовки влево и подвинем строки ближе друг к другу:

Подробнее о направлении чтения и поиска читайте в одноименной главе курса «Таблицы и прочие радости».

Присылайте макеты на переверстку

Отправьте письмо с макетом, комментарием или вопросом к нему на эл. адрес conversive@mail.ru. В теме письма укажите «Переверстка». Будьте конкретны. По возможности прикрепите исходники. Правила рубрики и все выпуски

IIgor Shtang