¯\_(ツ)_/¯, нататкі з тэгам: railway

Редизайн электронного железнодорожного билета

Fri, 20 May 2016 16:00:00 +0300

Редизайн железнодорожного билета вызвал поток вопросов у публики. Возможно ли технически воплотить задуманное? Куда делись водяные знаки, атрибутика БелЖД, текстура бланка и вообще «оформление»? Можно ли так свободно обходиться со штрих-кодами? И так далее. Честно, я не знаю ответов. Поэтому, скажем так, беру пост о билете обратно. Начнём заново. С другим объектом.

Электронный билет. Вещь, не зависящая от принтера, установленного в кассе. Не требует специального бланка для печати. Можно верстать как угодно, с использованием каких угодно шрифтов и цветов. Кроме того, у БелЖД появился недавно, а значит, над ним думали наши современники, и он не обязан соответствовать старым канонам.

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

Сначала избавимся от мусорных элементов. Уберём неуместные иконки, линии обводок, странный перевод на английский язык (билет читает один человек, которому нужен только один язык) и абсурдные фразы «Подтверждаю…» и «Я согласен…». Если оставить только нужную пассажиру информацию, получим такое:

А теперь давайте подумаем о полезном действии этого объекта. Как ни странно, для проезда он не нужен. На самом деле у проводника список пассажиров, оплативших поездку через интернет. Чтобы он вас там нашёл, нужен только паспорт. Получается, это скорее не билет, а информационная памятка для пассажира. Полезное действие — ответить на как можно большее количество потенциальных вопросов. Значит, для переделки нам надо не только убрать лишнее, но и добавить то, чего не хватает.

Чтобы потом не возникло проблем, на вопросы пассажира будем отвечать только с помощью общедоступных средств и открытых источников. А значит, сможем ответить не на все :) Но, по крайней мере, можем предложить адреса вокзалов в точках отправления и прибытия, схему поезда с отмеченным местом пассажира и перечень станций на пути. Карты возьмём с Яндекс.Карт, а схему поезда и перечень станций — на сайте БелЖД. На него же ориентируемся в выборе стиля нового оформления.

Получается вот такая памятка:

С вёрсткой здесь не так очевидно, как в случае с обычным билетом: другой формат, больше разноплановых элементов, сложнее скомпоновать. Кроме того, перечитываю «Типографику и вёрстку» Артёма Горбунова, — от всей души пытался соответствовать. Старался соблюсти правила внутреннего и внешнего, модульность, якорные объекты и принцип «от крупного к мелкому» без ущерба для идеи максимальной информационной наполненности. Вкратце было так:

Но вёрстка тут не главная тема. Этим постом я хотел напомнить ещё один принцип редизайна: в основе всегда работа со смыслом объекта. Без этого никуда.

UPD. По совету уважаемых комментаторов из фейсбука добавил в билет прогноз погоды :)

Редизайн железнодорожного билета

Wed, 30 Mar 2016 12:00:00 +0300

На той неделе приснился Джесси Гарретт. Этот странный сон напомнил, что я ещё не предлагал вариант оформления железнодорожного билета. Давайте исправим это.

Фотография с сайта в-минске.рф

Сначала выясним, что вот это вот всё на билете значит. Обратимся к сайту железной дороги, где даётся расшифровка, и запишем всё подряд.

Сбор данных показывает, — главная проблема в том, что ничего не понятно. Нет акцентов. Нет логической последовательности. Вместо человеческого языка — аббревиатуры и условные обозначения. Нужно сделать яснее.

Начнём с того, что сформируем группы из этого потока элементов. Так как для примера взяли билет из Барановичей в Оршу, на нём нет данных о пассажире. Мы тоже делаем без них. Но будем помнить, что в общем случае возможны ситуации, когда на билете есть ещё имя человека и номер паспорта. Это будет у нас условной группой.

Перейдём к компоновке. Не меняем размеры и формат. Но учтём способ использования физического объекта билета: проводник сгибает его пополам и отрывает кусочек сверху (см. исходную картинку). Да и сами пассажиры часто складывают билет вдвое. Поэтому будем делать такой, который можно было бы прочитать в сложенном виде.

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

Видим, что есть проблема с расшифровкой стоимости — кажется, что она не состоит из цифр ниже, а прибавляется к ним. Исправим, превратив этот блок в полноценную таблицу. Плюс впишем четвёртую группу. Так как элементы в ней служебные, их будет объединять не место расположения, а способ расположения — по краям.

Да, не забыли потенциальную группу имени пассажира и номера паспорта. Помним и линию сгиба. В подарок проводнику сделаем отрывной корешок и подправим типографику. Готово.

Спросите, при чём же тут Джесси Гарретт? Да особо ни при чём. Просто я именно через знакомство с ним узнал этот простой, но действенный принцип редизайна: 1) выписываем всё подряд, 2) группируем, 3) расставляем приоритеты внутри групп и между ними. Постоянно руководствуюсь. Рекомендую.

UPD: Оказывается, существуют ещё варианты редизайна похожих билетов. Интересно:

lookatme.ru/mag/live/experience-experiments/203403-redesign-s02-e02?medium=website

artgorbunov.ru/bb/soviet/20131028/

Редизайн электронного железнодорожного билета