Большая переверстка Минсктранса, часть 4-2. Раздел «Расписание»

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

В разделе «Расписание экскурсионных автобусов» находитсядве таблички с расписанием двух экскурсионных маршрутов,которые ходят по маршрутам автобусов №1 и №100.Ссори за такое количество слова «маршрут».

Итак, вот что у меня получилось.

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

И еще одно сокращение:«Более подробную информацию. » я удалил вообще потомучто теперь можно просто нажать на название маршрута,чтобы узнать его расписание.

А чуть выше можно еще и карту маршрута посмотреть

Номера телефонов, по которым можно уточнитьрасписание разместились в левой колонке.

Раздел вообще-то пустоватый — сюда бы еще инфупо ценам, скидкам, немножко фоток того, что можно увидеть из окна,ну или там фоток гидов. Минсктранс, ау?!

Ладно, едем дальше.Займемся пригородным и междугородним расписанием.

Вот как он сейчас выглядит на сайте

Если нажать на выпадающий список, то ооочень медленнопоявляется огроменное число различных населенных пунктов РБ.

Выбираю город Борисов.Сразу же получаю длинный список из всех рейсов,которые существуют в данном направлении.

Жму на рейс 17:55 — получаю список остановок,времени прибытия и отбытия с них

Дам шанс этой таблице — узнать во сколько едеттвой автобус и едет ли он сегодня можно. Но все же она абсолютноне дружелюбна, криво сверстана и вообще ворует время пользователя,заставляя его копаться в ненужной инфе.Ну вот нахера мне знать регулярность машрута в 8:27,если мне нужно ехать прямо сейчас, а время на часах 17:43?

В моем мире форма поиска будет выглядеть вот так.

Давайте разберемся что тут к чему.Вот область поиска. Можно выбрать дату поездки,чтобы сразу получить список только тех рейсов, которые тебе доступны.

К примеру, при выборе кнопки «Сегодня»(да знаю, дата устарела, но я же не за один день все делаю),система дает тебе инфу о ближайшем рейсе.Названия станций отправления и прибытия подчеркнуты,а это значит, что кликнув по ним, можно перейти в разделы с информацией о них.

И обо всех последующих рейсах, которые ходят в этот день.Начиная с текущего времени. Как видите, в списке нет рейсов до 17:55,ибо фарш время невозможно повернуть назад.

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

Все что можно сократить и выкинуть я без стыдаи стеснения сокращаю и выкидываю.Все что осталось, по традиции идет в левую колонку.

Давайте еще раз взглянем на то, что получилось

Итак мы добались до гвоздя сегодняшнего номера!Раздел международных маршрутов. Попрошу здесь немногобольше вашего внимания. Сейчас будет интересно.

Вот что видит пользователь, когда заходит в этот раздел.

Две формы поиска! Две, сука, формы поиска!Почему две? Зачеем? Какую выбрать? Аааа!

Немного покопавшись, я выяснил, что нижняяформа дает возможность выбрать маршрутытолько филиала «Автобусный парк №2»,причем направления не только международные,но и по Беларуси, хотя для этого есть разделмеждугородних перевозок.

Попробуем. Хочу я попасть, к примеру, в Белосток. В среду.

«Иди в жопу, дорогой товарищ, в среду мы в Белосток не поедем» , —выдает мне форма.

Когда же вы поедете в Белосток? Хороший вопрос.Чтобы на него ответить, нужно в списке «Выберите дату поездки»,перебрать все дни недели, чтобы найти тот, в который филиал«Автобусный парк №2» соизволит отвезти вас в Белосток.

О, нашел! Пятница!

Если кликнуть по названию маршрута(догадайся еще, что по нему можно кликать), то можно получитьсписок остановок по маршруту следования.

Уф, немного разобрались с нижней частью.А в верхней-то что? А в верхней оказался списокименно международных маршрутов, которыеобслуживают различные перевозчики.В том числе и филиал «Автобусный парк №2».Ну, бля..

Очень хочется попасть в Белосток.

Опа! Что я вижу! Три рейса! А где узнать подробности?А нужно всего-лишь.. скачать вордовский файл!Ладно, путь тернист, но у меня получится.

Скачал два файла, открыл и замер от восторга.

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

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

Выбираем дату 2 июня. Получаем наши три рейса.

Попробуем прямой маршрут от филиала «Автобусный парк №2».Покажу мой вариант с сеточкой.

А вот без сеточки

Добавляю отдельной строкой время отправленияи время прибытия.

В правой колонке у нас будет ссылка на перевозчика,инфа и скидках, тарифах и прочем.

Вот раздел скидок из вордовского документа.

А вот он на сайте

Кстати на главной странице международных перевозоквисит вот такая красная рамка, в которой инфа про скидкув 50% для клиентов филиала «Автобусный парк №2»

У меня на сайте она располагается как раз под таблицейс тарифами, а не в разделе «Скидки», потому что это жетакое уникальное, горячее и вкусное предложениеот номер второго, что оно должно быть перед глазами.

Идем дальше. Правила возврат билетови провоз багажа в вордовском файле.

Кстати, я добавил еще один раздел бронирование билетов,который в текстовом документе даже не был удостоен подзаголовка.

У нас на главной еще остались в гордом одиночестведве строчки, которым нужно найти свое место.

Первая разместилась аккурат над формой ввода инфы.

А вторая логично переместилась в левую колонку.

Давайте взглянем еще раз

А что если выбрать не прямой маршрут?Например Минск–Варшава?

В общем-то все то же, за исключением того,что у другого перевозчика какая-то инфа (например расстояние в км)пропала, а какая-то добавилась (адреса станций).

Теперь табличные данные об остановочных пунктаху разных перевозчиках разные, что конечно же не есть хорошо.

В правой колонке поместилась вся дополнительнаяинфа от перевозчика, даже отдельных разделов создавать не пришлось.

И напоследок, обращаюсь к коллегам-дизайнерам.Коллеги-дизайнеры! Если вы еще не в курсена какой хрен в фотошопе есть окно Layer Comps,то не тормозите и узнайте! Не пожалеете.