Для начала — простейшие «CSS-изменения» без перекройки макета:
1. Маршруты белым цветом, чтобы были видны в любую погоду.
2. Сетку таблицы пока оставляем, но делаем менее кричашей, перекрашивая в освободившийся красный цвет. Не жалко, если не будет заметно под солнцем.
3. Увеличиваем полезную площадь, забирая верхнюю строку табло. Конечные станции маршрутов редко меняются, они есть на печатном оформлении остановок, нет нужды их показывать в бесконечной бегущей строке. Если вдруг появится действительно важное объявление, можно будет забрать под нее обратно одну строку, но по-умолчанию пусть лучше появится место для шестого маршрута.
Получаем:
1. Маршруты белым цветом, чтобы были видны в любую погоду.
2. Сетку таблицы пока оставляем, но делаем менее кричашей, перекрашивая в освободившийся красный цвет. Не жалко, если не будет заметно под солнцем.
3. Увеличиваем полезную площадь, забирая верхнюю строку табло. Конечные станции маршрутов редко меняются, они есть на печатном оформлении остановок, нет нужды их показывать в бесконечной бегущей строке. Если вдруг появится действительно важное объявление, можно будет забрать под нее обратно одну строку, но по-умолчанию пусть лучше появится место для шестого маршрута.
Получаем:
Продолжим:
4. Чтобы маршруты всё же как-то выделялись среди этого буйства цифр, накидываем на них «болд».
5. Убираем синюю мини-нумерацию 1-2-3 автобусов маршрутов. Кажется, что это избыточная самоочевидная штука.
6. Убираем вертикальные линии сетки, вместо этого делим информацию на группы отступами.
7. Отдаем голубой цвет обратному отсчету остановок, так они складываются в свой информационный слой, а количество минут — в свой.
Получаем:
4. Чтобы маршруты всё же как-то выделялись среди этого буйства цифр, накидываем на них «болд».
5. Убираем синюю мини-нумерацию 1-2-3 автобусов маршрутов. Кажется, что это избыточная самоочевидная штука.
6. Убираем вертикальные линии сетки, вместо этого делим информацию на группы отступами.
7. Отдаем голубой цвет обратному отсчету остановок, так они складываются в свой информационный слой, а количество минут — в свой.
Получаем:
Конечно, счетчик остановок от такой перекраски перешел в категорию «видно не всегда»-информации. Тут настало время поговорить о том, нужна ли это информация вообще.
Обратные отсчеты в минутах и в остановках вроде как дублируют друг друга, и при появлении этих табло было удивление, зачем добавили остановки, кому вообще интересно, в скольких перегонах находится автобус, когда есть понятная ключевая метрика «через сколько минут приедет автобус».
За месяцы пользования табло я пришел к осознанию, что отсчет станций тоже имеет смысл. Потому что минуты — это предсказание на основе каких-то алгоритмов, а отсчет остановок — это реальность.
Идеально точный предсказатель оставшегося времени, умеющий учитывать пробки, светофорные фазы, количество выпитого водителем автобуса кофе, вставшего на автобусной полосе на аварийке таксиста и прочие факторы сделал бы другие показатели ненужными, но в реальности отсчитывалка минут может пять минут говорить, что автобус приедет через минуту, и другие показатели тут могут помочь верифицировать информацию и лучше понять, что вообще происходит: застрял ли автобус за углом, гонит ли по свободной улице на полном ходу или вообще еще прохлаждается в автобусном парке.
В общем, если бы табло сразу бы выкатили только с минутами, вряд ли бы кто-то требовал добавить к ним обратный отсчет остановок, да и сейчас дизайнер-минималист легко бы избавился от него под предлогом избыточности.
Но без результатов каких-то опросов-исследований об использовании этой инфы пассажирами мне остается только опираться на свои ощущения и опыт пользования табло, и у меня они где-то в области «в этих счетчиках остановок есть своя польза». Так что в макетах я буду пытаться их сохранить, пусть они и будут в меньшем приоритете, в частности, из-за окраски менее ярким цветом.
Другая информация на табло, о необходимости которой стоит задуматься — предсказания о втором и третьем по порядку автобусе маршрута. Информация о втором автобусе кажется полезной в ситуациях «подъехал полный автобус и не хочетя в него лезть» или «сколько придется еще ждать, если заскочу в магаз и пропущу следующий автобус», так что её тоже буду пытаться оставить на табло, а вот третий по порядку автобус кажется уже избыточным.
Обратные отсчеты в минутах и в остановках вроде как дублируют друг друга, и при появлении этих табло было удивление, зачем добавили остановки, кому вообще интересно, в скольких перегонах находится автобус, когда есть понятная ключевая метрика «через сколько минут приедет автобус».
За месяцы пользования табло я пришел к осознанию, что отсчет станций тоже имеет смысл. Потому что минуты — это предсказание на основе каких-то алгоритмов, а отсчет остановок — это реальность.
Идеально точный предсказатель оставшегося времени, умеющий учитывать пробки, светофорные фазы, количество выпитого водителем автобуса кофе, вставшего на автобусной полосе на аварийке таксиста и прочие факторы сделал бы другие показатели ненужными, но в реальности отсчитывалка минут может пять минут говорить, что автобус приедет через минуту, и другие показатели тут могут помочь верифицировать информацию и лучше понять, что вообще происходит: застрял ли автобус за углом, гонит ли по свободной улице на полном ходу или вообще еще прохлаждается в автобусном парке.
В общем, если бы табло сразу бы выкатили только с минутами, вряд ли бы кто-то требовал добавить к ним обратный отсчет остановок, да и сейчас дизайнер-минималист легко бы избавился от него под предлогом избыточности.
Но без результатов каких-то опросов-исследований об использовании этой инфы пассажирами мне остается только опираться на свои ощущения и опыт пользования табло, и у меня они где-то в области «в этих счетчиках остановок есть своя польза». Так что в макетах я буду пытаться их сохранить, пусть они и будут в меньшем приоритете, в частности, из-за окраски менее ярким цветом.
Другая информация на табло, о необходимости которой стоит задуматься — предсказания о втором и третьем по порядку автобусе маршрута. Информация о втором автобусе кажется полезной в ситуациях «подъехал полный автобус и не хочетя в него лезть» или «сколько придется еще ждать, если заскочу в магаз и пропущу следующий автобус», так что её тоже буду пытаться оставить на табло, а вот третий по порядку автобус кажется уже избыточным.
Чтош, мы увеличили количество отображаемых одновременно маршрутов до 6, но это по-прежнему мало, надо хотя бы 8‒10. Конечно, очень кстати было бы просто перевернуть табло и вывести всё в один длинный столбик:
14 маршрутов, даже если щедро вернуть заголовок таблицы! Но по правилам рубрики мы не вмешиваемся в конструкцию, ограничиваемся только переверсткой, и место под маршруты надо искать другими способами. К тому же, так мы всё же потеряли информацию о вторых автобусах. Возвращаемся к горизонтальному табло.
Чтобы сохранить вторые автобусы и при этом кратно увеличить количество отображаемых маршрутов, разбиваем табло на колонки. Для усиления этого разделения убираем горизонтальные линии сетки и наоборот, возвращаем вертикальные линии между колонками:
Чтобы сохранить вторые автобусы и при этом кратно увеличить количество отображаемых маршрутов, разбиваем табло на колонки. Для усиления этого разделения убираем горизонтальные линии сетки и наоборот, возвращаем вертикальные линии между колонками:
Можно заметить, что с равными колонками у вторых автобусов маршрутов умещается только отсчет в минутах, но уже без обратного отсчета в остановках.
Но кажется, что пара из обратного отсчета в минутах и остановках формируют устойчивую смысловую единицу, которую не стоит разбивать. Тройная последовательность «обратный отсчет в минутах-остановках-минутах... ну и всё» может сбить с толку, так что переходим к неравноценным колонкам, где во второй колонке ограничимся инфой об одном ближайшем автобусе:
Но кажется, что пара из обратного отсчета в минутах и остановках формируют устойчивую смысловую единицу, которую не стоит разбивать. Тройная последовательность «обратный отсчет в минутах-остановках-минутах... ну и всё» может сбить с толку, так что переходим к неравноценным колонкам, где во второй колонке ограничимся инфой об одном ближайшем автобусе:
Можно сделать концептуальный финт и объявить, что на табло идет перечень не маршрутов, а автобусов! То есть допускаем в перечне дублирование номеров, так как показываем в очереди все автобусы в хронологическом порядке, не только ближайшие автобусы данного номера. Тогда уже уместятся три колонки:
Так как информация о ближайшем автобусе маршрута всё же имеет наивысшую ценность среди пассажиров, оставим выделенными жирным только их, а вторые и последующие уже будем подписывать тоньше:
Такая разгруппировка всех автобусов в единую кучу упрощает представление — мы превратили двумерный массив в простую последовательность физических автобусов. Но так и теряется смысл, ради которой группировка и затевалась: информация о ближайших автобусах каждого маршрута имеет куда большую ценность, чем инфа о последующих автобусах, а мы тут всё перемешали, да еще и мешаем найти второй автобус маршрута. А еще если какой-то маршрут ходит радикально чаще остальных, он просто заспамит всё табло. Так что возвращаемся в парадигму маршрутов.
Появляется соблазн отнестись к табло как к экрану электронной очереди, то есть крупно «пуш-уведомлениями» показывать подъезжающие автобусы, а остальные показывать сильно мельче.
Но кажется, что на остановке всё же другой сценарий, другой вид ожидания. В очереди в заведении человек ждет этого уведомления на экране, в этом его главный фокус внимания. На остановке же человек ждет автобус, реально существующий объект, еще и довольно большой и громкий, выискивает его взглядом вдоль улицы, а табло тут лишь подсказывает, насколько оптимистично его пытаться разглядеть сейчас в трафике. Ну и, как я уже упоминал, точность предсказанию пока будто бы недостаточная, чтобы надежно уведомить пассажиров, скажем, за 10 секунд до прибытия автобуса.
Так что обойдемся без «уведомлений», хотя некоторые префенциии у ближайших маршрутов всё же есть, ведь сейчас только обитатели первой колонки имеют инфу о двух ближайших автобусах. Кажется, что это ок, но посмотрим, сможем ли мы как-то уравнять колонки.
Горизонтальное пространство отъедают повторяющиеся «ст». Можно оставить эту подсказку только у первого автобуса первого маршрута, а про остальные надеяться, что их единица измерения понятна по аналогии. Тогда уже в обеих колонках умещается полная информация о двух ближайших автобусах:
Но кажется, что на остановке всё же другой сценарий, другой вид ожидания. В очереди в заведении человек ждет этого уведомления на экране, в этом его главный фокус внимания. На остановке же человек ждет автобус, реально существующий объект, еще и довольно большой и громкий, выискивает его взглядом вдоль улицы, а табло тут лишь подсказывает, насколько оптимистично его пытаться разглядеть сейчас в трафике. Ну и, как я уже упоминал, точность предсказанию пока будто бы недостаточная, чтобы надежно уведомить пассажиров, скажем, за 10 секунд до прибытия автобуса.
Так что обойдемся без «уведомлений», хотя некоторые префенциии у ближайших маршрутов всё же есть, ведь сейчас только обитатели первой колонки имеют инфу о двух ближайших автобусах. Кажется, что это ок, но посмотрим, сможем ли мы как-то уравнять колонки.
Горизонтальное пространство отъедают повторяющиеся «ст». Можно оставить эту подсказку только у первого автобуса первого маршрута, а про остальные надеяться, что их единица измерения понятна по аналогии. Тогда уже в обеих колонках умещается полная информация о двух ближайших автобусах: