Вёрстка
March 18, 2021

Смотрим расписание поездов на ЦППК

Выбираем маршрут «Опалиха — Волоколамская»:

Сначала переделаем этот блок, а потом посмотрим на расписание. Какие вижу проблемы:

  • Фотографии поездов, на них — градиентные плашки. Шумно и грязно.
  • Ванночка для переключение на английский язык — не очень хорошее решение. Такие ванночки используются, чтобы включить или выключить какую-нибудь функцию. Тут подойдет просто «Eng».
  • «Версия для».
  • Набор прописными.
  • Маленькие подписи станций под полями ввода не нужны.
  • Нарушено правило внутреннего и внешнего — посмотрите, как чек-боксы в пункте «Выберите тип поезда» стоят ближе не к своему типу, а к предыдущему. В целом этот блок можно поставить сбоку — он занимает очень много места, и после того, как пользователь нажал «Поехали», ему показывают не расписание, а фильтры для своего поезда. Или куда-нибудь в другое место.
  • Текст «Служба поддержки…» отдаёт канцеляритом. Да и не уверен, что это тут нужно: контакты можно перенести в шапку.
  • Кнопки «Скачать расписание» и «Скачать тарифы» не говорят, какого формата будут расписание и тарифы: Ворд, ПДФ или что-нибудь другое.

Быстро переделываем:

Избавились от излишней этажности, и теперь на экране видны первые электрички. По мелочи: перенесли телефон и почту в шапку, избавили от "ванночки", переделали «Управление заказом» в человеческое «Найти билет».

Теперь переверстаю блок с расписанием. Сейчас он выглядит так:

В чём тут проблема.

  • Левый блок занят информацией о том, какие у поезда начальные и конечные остановки. Пассажиру, в целом-то, всё равно, откуда едет поезд и куда он приедет.
  • Весь центр, почти треть поля, занимают стрелочки со временем в поезде. Из этого нам нужно только время.
  • Время прибытия на нужную станцию зачем-то сделано меньшим шрифтом, чем время отправления.
  • Дублирование информации о станции, откуда пассажир уезжает и куда он приезжает.
  • Стоимость проезда помещена в прямоугольник, который выглядит как кнопка. Но это не кнопка.
  • Кнопка — это «Тарифы». И там нельзя купить билет.

Нажимаем на «Тарифы». Появляется окно:

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

Окей. Расписание можно переделать вот так:

Время отправление и прибытия поезда теперь стоят рядом. Выбор типа поезда теперь не занимает огромную плашку, а деликатно встал в строчку. Указаны две цены, потому что 52 ₽ — это стоимость билета в кассе, а 50 ₽ — при оплате «Тройкой». Об этом тоже написал:

Колонки ещё можно подвигать туда-сюда, но вёрстка расписания стало опрятнее. Всего лишь уплотнили данные, сгруппировали объекты и поправили цвета.