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