{ "version": "https:\/\/jsonfeed.org\/version\/1", "title": "Переверстал, заметки с тегом: Минсктранс", "home_page_url": "https:\/\/pereverstal.by\/tags\/minsktrans\/", "feed_url": "https:\/\/pereverstal.by\/tags\/minsktrans\/json\/", "icon": "https:\/\/pereverstal.by\/user\/userpic@2x.jpg", "author": { "name": "Автор блога", "url": "https:\/\/pereverstal.by\/", "avatar": "https:\/\/pereverstal.by\/user\/userpic@2x.jpg" }, "items": [ { "id": "102", "url": "https:\/\/pereverstal.by\/all\/gde-kupit-talon\/", "title": "Где купить талон?", "content_html": "

Сегодня мы будем переверстывать вот эту схему<\/p>\n

\n\"\"\n<\/div>\n

Да, к ней есть вопросы.<\/h2>\n
    \n
  1. Какую пользу она несет?<\/li>\n
  2. О чем рассказывает и кому?<\/li>\n
  3. Как быстро тут можно все понять?<\/li>\n
  4. Почему она такая агрессивная?<\/li>\n<\/ol>\n

    Любая схема, любой макет, должны нести в себе какую-то пользу.
    \nКроме полезной информации, желательно еще экономить время и усилия,
    \nкоторые тратятся на считывание.<\/p>\n

    Это, когда дизайн хороший. Пока же этот макет даже минимально не выполняет эти функции.<\/p>\n

    \n\"\"\n<\/div>\n

    Так себе начало разговора. Т. е. стою я на остановке, никого не трогаю,
    \nповорачиваю голову и — ааа! уже обязан!<\/p>\n

    Если таким образом автор хотел замотивировать платить за проезд,
    \nто мысленно будет послан нахуй. Никто не любит, законы и правила,
    \nкоторые принуждают, угрожают и запугивают.<\/p>\n

    Нет пассажиров, не желающих платить за проезд. Они взрослые,
    \nответственные люди. Поэтому не надо их пугать и заставлять это сделать.<\/p>\n

    — Пассажир обязан!
    \n— Нахуй иди!<\/p>\n

    Если пассажир безбилетник — это в том числе потому, Минсктранс,
    \nчто ему, среди всего прочего, не донесли в удобной и понятной форме как и где заплатить.
    \nНе создали условия, а попытались сначала напугать, а потом запутать.<\/p>\n

    Почему синий и зеленый? Какую функцию несут эти цвета?<\/h2>\n
    \n\"\"\n<\/div>\n

    Куда ведет этот QR?<\/h2>\n

    Почему нужно лезть за телефоном, чтобы потом понять что эта ссылка для меня бесполезна?<\/p>\n

    \n\"\"\n<\/div>\n
    \r\n
    <\/p>\r\n<\/code>\n<\/pre>\n
    Начну переверстывать и для начала определю структуру макета.<\/p>\n
    Она такая<\/h2>\n
      \n
    1. Заголовок, раскрывающий смысл.<\/li>\n
    2. Классификация точек продаж, в зависимости от типа билета, который
      \nтам продается. Никому не нужно РУП «Белпочта», но всем нужен
      \nбилет на одну поездку.<\/li>\n
    3. Краткая информация о видах проездных и билетах.<\/li>\n<\/ol>\n
      Отвечая на вопрос «Для кого эта схема», можно прийти к выводу, что скорее
      \nвсего для иногородних и туристов. Поэтому краткая информация о том, как выглядят
      \nбилеты и БСК не повредит.<\/p>\n
      Начинаю искать нужную мне компоновку макета<\/h2>\n
      \n\"\"\n<\/div>\n
      Кручу, верчу, двигаю объекты туда-сюда (листайте карусель)<\/h2>\n
      \n
      \n\"\"\n\"\"\n\"\"\n<\/div>\n<\/div>\n
      Наконец нахожу нужный вариант<\/h2>\n
      \n\"\"\n<\/div>\n
      Потом откладываю макет в холодное и темное место и на время про него забываю.<\/p>\n
      Затем открываю и понимаю, что структура все же неверная.
      \nЕсли я ищу место, где можно купить талон на один проезд, то разумно будет
      \nвсе эти места продаж объединить под одним заголовком.<\/p>\n
      \n\"\"\n<\/div>\n
      Вот так будет лучше<\/h2>\n
      \n\"\"\n<\/div>\n
      Заголовок, правда, сочиняла нейросеть.<\/p>\n
      Меняю заголовок на человеческий.<\/h2>\n
      \n\"\"\n<\/div>\n
      Причесываю макет<\/h2>\n
      \n\"\"\n<\/div>\n
      \n\"\"\n<\/div>\n
      Зашибись.<\/p>\n",
            "date_published": "2019-12-28T19:03:58+03:00",
            "date_modified": "2019-12-28T19:03:17+03:00",
            "image": "https:\/\/pereverstal.by\/pictures\/Minsktrans_-_5_wrong.jpg",
            "_date_published_rfc2822": "Sat, 28 Dec 2019 19:03:58 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "102",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "system\/library\/fotorama\/fotorama.css",
                    "system\/library\/fotorama\/fotorama.js"
                ],
                "og_images": [
                    "https:\/\/pereverstal.by\/pictures\/Minsktrans_-_5_wrong.jpg",
                    "https:\/\/pereverstal.by\/pictures\/Minsktrans_-_5_wrong-1.jpg",
                    "https:\/\/pereverstal.by\/pictures\/Minsktrans_-_5_wrong-2.jpg",
                    "https:\/\/pereverstal.by\/pictures\/IMG_20191123_151235_1.jpg",
                    "https:\/\/pereverstal.by\/pictures\/Screenshot_3_1.jpg",
                    "https:\/\/pereverstal.by\/pictures\/color.jpg",
                    "https:\/\/pereverstal.by\/pictures\/QR.jpg",
                    "https:\/\/pereverstal.by\/pictures\/Minsktrans_punkty_prodaj-proezd.jpg",
                    "https:\/\/pereverstal.by\/pictures\/Minsktrans_punkty_prodaj-proezd2.jpg",
                    "https:\/\/pereverstal.by\/pictures\/Minsktrans_punkty_prodaj-proezd3.jpg",
                    "https:\/\/pereverstal.by\/pictures\/Minsktrans_punkty_prodaj-proezd4.jpg",
                    "https:\/\/pereverstal.by\/pictures\/Minsktrans_punkty_prodaj-proezd5.jpg",
                    "https:\/\/pereverstal.by\/pictures\/Minsktrans_-_5_wrong-3.jpg",
                    "https:\/\/pereverstal.by\/pictures\/Minsktrans_punkty_prodaj-proezd6.jpg",
                    "https:\/\/pereverstal.by\/pictures\/Minsktrans_punkty_prodaj-proezd7.jpg",
                    "https:\/\/pereverstal.by\/pictures\/Minsktrans_punkty_prodaj-proezd8.jpg",
                    "https:\/\/pereverstal.by\/pictures\/in_situ.jpg"
                ]
            }
        },
        {
            "id": "101",
            "url": "https:\/\/pereverstal.by\/all\/passazhir-obyazan\/",
            "title": "Пассажир обязан",
            "content_html": "
      Пассажир обязан заебаться, изучая эту схему<\/p>\n
      \n\"\"\n<\/div>\n",
            "date_published": "2019-12-15T20:30:05+03:00",
            "date_modified": "2019-12-15T20:29:19+03:00",
            "image": "https:\/\/pereverstal.by\/pictures\/IMG_20191123_151235.jpg",
            "_date_published_rfc2822": "Sun, 15 Dec 2019 20:30:05 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "101",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/pereverstal.by\/pictures\/IMG_20191123_151235.jpg"
                ]
            }
        },
        {
            "id": "80",
            "url": "https:\/\/pereverstal.by\/all\/bolshaya-pereverstka-minsktransa-chast-4-2-razdel-raspisanie\/",
            "title": "Большая переверстка Минсктранса, часть 4-2. Раздел «Расписание»",
            "content_html": "
      Всем привет! Сегодня я переверстаю разделы пригородных, международных
      \nи экскурсионных маршрутов.<\/p>\n
      Ага, вот эти:<\/p>\n
      \n\"\"\n<\/div>\n
      Начну я с конца, т. е. с экскурсионного расписания, т. к. это самый маленький
      \nраздел и для разогрева он подходит как нельзя лучше. Кстати, держитесь
      \nза свои кресла, у нас впереди около 50 картинок. Психанул я на этот раз.<\/p>\n
      В разделе «Расписание экскурсионных автобусов» находится две таблички
      \nс расписанием двух экскурсионных маршрутов, которые ходят по маршрутам
      \nавтобусов №1 и №100. Ссори за такое количество слова «маршрут».<\/p>\n
      \n\"\"\n<\/div>\n
      \n\"\"\n<\/div>\n
      Итак, вот что у меня получилось.<\/h2>\n
      \n\"\"\n<\/div>\n
      Прошу обратить внимание на изменения, которые произошли с таблицей.
      \nК примеру ячейка «Трансляция экскурсии» переименована в «Язык экскурсии»,
      \nблагодаря чему в нижних ячейках можно писать просто название языка, т. е.
      \n«белорусский», а не «на белорусском языке». Текста стало меньше, но смысл остался
      \nясен. Ммм...., дизаайн.<\/p>\n
      \n\"\"\n<\/div>\n
      \n\"\"\n<\/div>\n
      И еще одно сокращение: «Более подробную информацию...» я удалил вообще<\/h2>\n
      потому что теперь можно просто нажать на название маршрута,
      \nчтобы узнать его расписание.<\/p>\n
      \n\"\"\n<\/div>\n
      А чуть выше можно еще и карту маршрута посмотреть<\/p>\n
      \n\"\"\n<\/div>\n
      Номера телефонов, по которым можно уточнить расписание разместились
      \nв левой колонке.<\/p>\n
      \n\"\"\n<\/div>\n
      Раздел вообще-то пустоватый — сюда бы еще инфу по ценам, скидкам, немножко
      \nфоток того, что можно увидеть из окна, ну или там фоток гидов. Минсктранс, ау?!
      \nЛадно, едем дальше.<\/p>\n
      Займемся пригородным и междугородним расписанием.<\/h2>\n
      Вот как он сейчас выглядит на сайте<\/p>\n
      \n\"\"\n<\/div>\n
      Если нажать на выпадающий список, то ооочень медленно появляется огроменное
      \nчисло различных населенных пунктов РБ.<\/p>\n
      \n\"\"\n<\/div>\n
      Выбираю город Борисов. Сразу же получаю длинный список из всех рейсов,
      \nкоторые существуют в данном направлении.<\/p>\n
      \n\"\"\n<\/div>\n
      Жму на рейс 17:55 — получаю список остановок, времени прибытия и отбытия с них<\/p>\n
      \n\"\"\n<\/div>\n
      Дам шанс этой таблице — узнать во сколько едет твой автобус и едет
      \nли он сегодня можно. Но все же она абсолютно не дружелюбна, криво сверстана
      \nи вообще ворует время пользователя, заставляя его копаться в ненужной инфе.
      \nНу вот нахера мне знать регулярность машрута в 8:27, если мне нужно ехать прямо
      \nсейчас, а время на часах 17:43?<\/p>\n
      В моем мире форма поиска будет выглядеть вот так.<\/h2>\n
      \n\"\"\n<\/div>\n
      Давайте разберемся что тут к чему. Вот область поиска. Можно выбрать дату
      \nпоездки, чтобы сразу получить список только тех рейсов, которые тебе доступны.<\/p>\n
      \n\"\"\n<\/div>\n
      К примеру, при выборе кнопки «Сегодня» (да знаю, дата устарела, но я же
      \nне за один день все делаю), система дает тебе инфу о ближайшем рейсе.
      \nНазвания станций отправления и прибытия подчеркнуты, а это значит, что
      \nкликнув по ним, можно перейти в разделы с информацией о них.<\/p>\n
      \n\"\"\n<\/div>\n
      И обо всех последующих рейсах, которые ходят в этот день.
      \nНачиная с текущего времени. Как видите, в списке нет рейсов до 17:55,
      \nибо фарш время невозможно повернуть назад.<\/p>\n
      \n\"\"\n<\/div>\n
      С функционалом разобрались немного, теперь у нас на очереди
      \nвот эта куча сопроводительного текста, которую разгребать
      \nне захочется ни одному пользователю, зашедшему на сайт.<\/p>\n
      \n\"\"\n<\/div>\n
      Все что можно сократить и выкинуть я без стыда и стеснения сокращаю
      \nи выкидываю. Все что осталось, по традиции идет в левую колонку.<\/p>\n
      \n\"\"\n<\/div>\n
      Давайте еще раз взглянем на то, что получилось<\/h2>\n
      \n\"\"\n<\/div>\n
      Ну красота-же!<\/p>\n
      Итак мы добались до гвоздя сегодняшнего номера! Раздел международных<\/h2>\n
      маршрутов. Попрошу здесь немного больше вашего внимания.
      \nСейчас будет интересно.<\/p>\n
      Вот что видит пользователь, когда заходит в этот раздел.<\/p>\n
      \n\"\"\n<\/div>\n
      Две формы поиска! Две, сука, формы поиска! Почему две? Зачеем?
      \nКакую выбрать? Аааа!<\/p>\n
      Немного покопавшись, я выяснил, что нижняя форма дает возможность
      \nвыбрать маршруты только филиала «Автобусный парк №2», причем
      \nнаправления не только международные, но и по Беларуси, хотя для этого есть раздел
      \nмеждугородних перевозок.<\/p>\n
      \n\"\"\n<\/div>\n
      Попробуем. Хочу я попасть, к примеру, в Белосток. В среду.<\/p>\n
      \n\"\"\n<\/div>\n
      «Иди в жопу, дорогой товарищ, в среду мы в Белосток не поедем» , —
      \nвыдает мне форма.<\/p>\n
      Когда же вы поедете в Белосток? Хороший вопрос. Чтобы на него ответить,
      \nнужно в списке «Выберите дату поездки», перебрать все дни недели, чтобы
      \nнайти тот, в который филиал «Автобусный парк №2» соизволит отвезти вас в Белосток.<\/p>\n
      О, нашел! Пятница!<\/p>\n
      \n\"\"\n<\/div>\n
      Если кликнуть по названию маршрута (догадайся еще, что по нему
      \nможно кликать), то можно получить список остановок по маршруту следования.<\/p>\n
      \n\"\"\n<\/div>\n
      Уф, немного разобрались с нижней частью. А в верхней-то что?
      \nА в верхней оказался список именно международных маршрутов,
      \nкоторые обслуживают различные перевозчики. В том числе и филиал
      \n«Автобусный парк №2». Ну, бля..<\/p>\n
      \n\"\"\n<\/div>\n
      Очень хочется попасть в Белосток.<\/p>\n
      Пробуем.<\/p>\n
      \n\"\"\n<\/div>\n
      Опа! Что я вижу! Три рейса! А где узнать подробности? А нужно всего-лишь..
      \nскачать вордовский файл! Ладно, путь тернист, но у меня получится.<\/p>\n
      \n\"\"\n<\/div>\n
      Скачал два файла, открыл и замер от восторга.<\/p>\n
      \n
      \n\"\"\n\"\"\n<\/div>\n<\/div>\n
      \n\"\"\n<\/div>\n
      Нет большего счастья для дизайнера, чем сложная задача.  А тут как раз такой
      \nслучай. Всю инфу из эти документов, нужно переварить, понять и придумать
      \nкак подать ее в удобной и красивой форме на сайте.<\/p>\n
      Веселье начинается!<\/p>\n
      Я отойду от своей традиции показывать сразу все что у меня получилось
      \nи пойду от обратного. Смотрим в начале на форму ввода даты поездки,
      \nпунктов отправления и прибытия.<\/p>\n
      \n\"\"\n<\/div>\n
      Выбираем дату 2 июня. Получаем наши три рейса.<\/p>\n
      \n\"\"\n<\/div>\n
      Попробуем прямой маршрут от филиала «Автобусный парк №2».
      \nПокажу мой вариант с сеточкой.<\/p>\n
      \n\"\"\n<\/div>\n
      А вот без сеточки<\/p>\n
      \n\"\"\n<\/div>\n
      Добавляю отдельной строкой время отправления и время прибытия.<\/p>\n
      \n\"\"\n<\/div>\n
      В правой колонке у нас будет ссылка на перевозчика, инфа и скидках,
      \nтарифах и прочем.<\/p>\n
      \n\"\"\n<\/div>\n
      Вот раздел скидок из вордовского документа.<\/p>\n
      \n\"\"\n<\/div>\n
      А вот он на сайте<\/p>\n
      \n\"\"\n<\/div>\n
      Кстати на главной странице международных перевозок висит вот такая красная
      \nрамка, в которой инфа про скидку в 50% для клиентов филиала «Автобусный парк №2»<\/p>\n
      \n\"\"\n<\/div>\n
      У меня на сайте она располагается как раз под таблицей с тарифами,
      \nа не в разделе «Скидки», потому что это же такое уникальное, горячее
      \nи вкусное предложение от номер второго, что оно должно быть перед глазами.<\/p>\n
      \n\"\"\n<\/div>\n
      Идем дальше. Правила возврат билетов и провоз багажа в вордовском файле.<\/p>\n
      \n\"\"\n<\/div>\n
      На сайте<\/p>\n
      \n\"\"\n<\/div>\n
      \n\"\"\n<\/div>\n
      Я добавил еще один раздел бронирование билетов, который в текстовом
      \nдокументе даже не был удостоен подзаголовка.<\/p>\n
      \n\"\"\n<\/div>\n
      \n\"\"\n<\/div>\n
      У нас на главной еще остались в гордом одиночестве две строчки,
      \nкоторым нужно найти свое место.<\/p>\n
      \n\"\"\n<\/div>\n
      Первая разместилась аккурат над формой ввода инфы.<\/p>\n
      \n\"\"\n<\/div>\n
      А вторая логично переместилась в левую колонку.<\/p>\n
      \n\"\"\n<\/div>\n
      Давайте взглянем еще раз<\/p>\n
      \n\"\"\n<\/div>\n
      О да, детка.<\/p>\n
      А что если выбрать не прямой маршрут? Например Минск—Варшава?<\/p>\n
      \n\"\"\n<\/div>\n
      В общем-то все то же, за исключением того, что у другого перевозчика
      \nкакая-то инфа (например расстояние в км) пропала, а какая-то добавилась
      \n(адреса станций).<\/p>\n
      \n\"\"\n<\/div>\n
      Теперь табличные данные об остановочных пунктах у разных перевозчиках
      \nразные, что конечно же не есть хорошо.<\/p>\n
      В правой колонке поместилась вся дополнительная инфа от перевозчика,
      \nдаже отдельных разделов создавать не пришлось.<\/p>\n
      \n\"\"\n<\/div>\n
      И напоследок, обращаюсь к коллегам-дизайнерам. Коллеги-дизайнеры!<\/h2>\n
      Если вы еще не в курсе на какой хрен в фотошопе есть окно Layer Comps,
      \nто не тормозите и узнайте! Не пожалеете.<\/p>\n
      \n\"\"\n<\/div>\n
      Спасибо всем за внимание! До новых встреч.<\/p>\n
      P.S. Подготовив этот пост, понял, что забыл сделать кнопку «Купить билет»
      \nрядом с выбранным рейсом. Ну что тут скажешь. Промахнулся Акела.<\/p>\n",
            "date_published": "2018-11-24T18:30:48+03:00",
            "date_modified": "2018-11-24T19:27:12+03:00",
            "image": "https:\/\/pereverstal.by\/pictures\/199871_800.jpg",
            "_date_published_rfc2822": "Sat, 24 Nov 2018 18:30:48 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "80",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "system\/library\/fotorama\/fotorama.css",
                    "system\/library\/fotorama\/fotorama.js"
                ],
                "og_images": [
                    "https:\/\/pereverstal.by\/pictures\/199871_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/205774_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/207529_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/210838_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/198871_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/196805_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/199059_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/198573_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/198349_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/211162_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/211464_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/197849_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/199975_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/200272_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/200681_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/200881_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/201220_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/201569_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/201814_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/211736_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/202075_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/212003_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/202497_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/203003_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/203451_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/203885_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/203543_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/204191_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/205047_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/205254_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/205393_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/205830_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/213389_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/206752_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/207256_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/208489_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/208121_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/212649_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/208891_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/206198_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/208230_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/212459_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/209475_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/209273_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/212824_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/208955_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/213049_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/206586_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/207013_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/213523_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/209902_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/210173_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/210272_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/210457_800.jpg"
                ]
            }
        },
        {
            "id": "79",
            "url": "https:\/\/pereverstal.by\/all\/bolshaya-pereverstka-minsktransa-chast-4-1-razdel-raspisanie\/",
            "title": "Большая переверстка Минсктранса, часть 4-1. Раздел «Расписание»",
            "content_html": "
      Привет всем! Сегодня мы займемся разделом «Расписание»<\/p>\n
      Вот как он выглядит в меню старого сайта. Как видите кроме четырех видов маршрутов
      \n(городских, междугородних, международных и экскурсионных) тут еще какие-то правила,
      \nпорядки и национальный аэропорт «Минск».<\/p>\n
      \n\"\"\n<\/div>\n
      Главная проблема этого меню в том, что, к примеру, из подраздела «Городские маршруты»
      \nпрямиком в «Международные маршруты»  не попадешь одним кликом, как минимум нужно
      \nделать два:<\/p>\n
      1) кнопка браузера «Назад»,
      \n2) выбор раздела «Международные маршруты»<\/p>\n
      Итак, сегодня я решу эту проблему, а также 2 миллиона проблем подраздела «Городские маршруты».
      \nТри оставшихся подраздела я оставлю для следующего поста, чтобы вас не утомлять.<\/p>\n
      Перейдя по ссылке «Городские маршруты» мы видим следующее.<\/p>\n
      \n\"\"\n<\/div>\n
      Давайте по-порядку:<\/p>\n
      1) Вкладка «Минск» (кто и зачем ее так назвал?), в которой три ссылочки «Автобусы»,
      \n«Троллейбусы» и «Трамваи». Нажал на ссылку — получил длиннющий список всех номеров
      \nи соответствующие им названия маршрутов.<\/p>\n
      Слева, рядом с каждым названияем ячейки с днями недели, по которым маршрут
      \nработает. В общем списке эти ячейки образуют нехилый столбец, занимающий
      \nдохера места.
      \nНепорядок!<\/p>\n
      \n\"\"\n<\/div>\n
      Маленький столбец из кнопок «i» тоже напрягает. А че там под этой кнопкой? А вот че:<\/p>\n
      \n\"\"\n<\/div>\n
      Ну нафиг!<\/p>\n
      2) Вкладка «Поиск остановки». Поиск остановки по названию, а также маршрутов,
      \nкоторые через нее проходят. 3) Вкладка «Поиск маршрута» — поиск маршрута,
      \nчего непонятного-то?<\/p>\n
      Ну что ж, займемся вкладкой «Минск». Нажимаем на первый автобусный маршрут №1.
      \nСмотрим.<\/p>\n
      \n\"\"\n<\/div>\n
      Слева все остановки маршрута в одном направлении и все остановки в обратном.
      \nЖмешь на любую строку и узнаешь в правом окне во сколько минут в течение
      \nконкретного часа автобус №1 придет на нажатую остановку. Вроде все понятно, так?
      \nНо уже видно, что направления «туда-обратно» можно выполнить
      \nв виде сегментированных кнопок — нажал на нужную, получил список.
      \nА не нажал, то и не увидел.<\/p>\n
      До кучи — линеейчки, плашечки и столбик iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii
      \n(у меня в строку получилось :)<\/p>\n
      Дальше сверху и снизу замечаю дополнительную информацию. Сверху — срочная
      \nи оперативная, т. е. иногда в этом месте пусто, а внизу постоянная инфа, которую
      \nнедурно было бы набрать по-человечески и поместить на видное место, а не как сейчас<\/p>\n
      \n
      \n\"\"\n\"\"\n<\/div>\n<\/div>\n
      Да и еще. В левом верхнем углу чекбокс — нажал узнал, какие номера проходят, через
      \nвыбранную остановку. Это гуд, что можно эту инфу включать выключать — так меньше шума.<\/p>\n
      \n\"\"\n<\/div>\n
      \n\"\"\n<\/div>\n
      Буду показывать проделанную работу задом наперед. Потому что так удобнее.
      \nИ да, к черту интригу. Пойдем от общего к частному.<\/p>\n
      Вуа-ля.<\/p>\n
      \n\"\"\n<\/div>\n
      Подберемся поближе<\/p>\n
      \n\"\"\n<\/div>\n
      Слева у нас 4 четыре главных подраздела. Теперь переход между ними займет
      \nровно один клик. Также инфа для тех кто нашел ошибку в расписании
      \nи про отклонения от графика. Все набрано как подобает в приличном обществе и жестко
      \nзафиксировано на видном месте.<\/p>\n
      \n\"\"\n<\/div>\n
      Переход между видами транспорта теперь у нас в виде кнопок.<\/p>\n
      \n\"\"\n<\/div>\n
      Список маршрутов набран в две колонки — теперь правая часть экрана не пустует и можно
      \nпо-меньше скролить вниз. Никаких ячеек с рабочими и нерабочими днями недели,
      \nникаких столбцов из кнопок «i». Нужная вся эта инфа? Нажми на нужный маршрут и смотри!<\/p>\n
      \n\"\"\n<\/div>\n
      Строка поиска. На случай если, нужно быстро найти номер. Сюда же перешли две вкладки
      \n«Поиск остановки» и «Поиск маршрута». Теперь это не вкладки, а ссылки и все они находятся
      \nрядом со строкой поиска, образуя очевидную группу поиска.<\/p>\n
      \n\"\"\n<\/div>\n
      Итак, жмякаем на автобусный маршрут №1 «ДС-Веснянка — Вокзал».
      \nСмотрим для начала на общую картину.<\/p>\n
      \n\"\"\n<\/div>\n
      Подходим ближе, не стесняемся. Опа, дни недели тут — можно сразу узнать когда выходной,
      \nа когда нет. Ссори за неровную верстку чисел — время экономил. Пороть меня за такое,
      \nтак некому же.<\/p>\n
      \n\"\"\n<\/div>\n
      Разные направления в разных сегментированных кнопках, как я и говорил выше. Два в одном —
      \nэто ж какая экономия экрана! Самые наблюдательные заметили ссылочку на карту маршрута.
      \nТут ей самое место, а не в выпадающем окне по-нажатию кнопки «i».<\/p>\n
      \n\"\"\n<\/div>\n
      Маленькое и полезное нововведение:<\/p>\n
      \n\"\"\n<\/div>\n
      Прежде чем идти дальше, подытожим что мы успели сделать<\/p>\n
      1) Переход между разделами маршрутов теперь в один клик.<\/p>\n
      2) Список маршрутов в разделе городского транспорта теперь в две колонки.<\/p>\n
      3) Убрали мусор в виде дней недели и кнопок «i».<\/p>\n
      4) Сократили место под список остановок в два раза, благодаря сегментированным кнопкам.<\/p>\n
      5) Дополнительная, срочная и оперативная инфа набрана по-человечески и находится
      \nпрямо перед глазами.<\/p>\n
      6) Ну там.., все стало чище, приятнее и понятнее.<\/p>\n
      Едем дальше, уважаемые пассажиры. Займемся поиском остановки. Для начала обозначим
      \nпроблемы теперешнего варианта.<\/p>\n
      \n\"\"\n<\/div>\n
      Меленько. Там же четыре числа всего, можно и крупнее!<\/p>\n
      \n\"\"\n<\/div>\n
      Непонятно (например как вводить время отправления —
      \nразделять пробелом? точкой? двоеточием? или неважно?).<\/p>\n
      \n\"\"\n<\/div>\n
      Шумно. Зачем вываливать все время сразу?
      \nЭкономить пространство будем? А?<\/p>\n
      \n\"\"\n<\/div>\n
      Мы тут медленно подбирамеся к поиску местоположения и маршрутов на карте.
      \nНужны иконочки. Я решил, что иконка начала пути — это «А», иконка конца пути —
      \nэто «Б». Ну как в школе, понимаете? «Из пункта А в пункт Б...»<\/p>\n
      Открываю иллюстратор и малюю. Готово!<\/p>\n
      \n\"\"\n<\/div>\n
      Смотрим раздел поиска остановки, который у меня получился. Вот как он выглядит,
      \nкогда ничего не ясно.<\/p>\n
      \n\"\"\n<\/div>\n
      А вот я решил найти остановку Тимирязева.<\/p>\n
      \n\"\"\n<\/div>\n
      Блииже!<\/p>\n
      \n\"\"\n<\/div>\n
      Теперь сразу видно какой транспорт на ней останавливается (все номера кликабельны и ведут
      \nв раздел с расписанием маршрута). Также можно найти остановочку на карте (нажав на пин).
      \nА можно обозначить ее на карте как начало или конец пути (иконки «А» и «Б»).
      \nНемного терпения, раздел «Поиск маршрута» впереди.<\/p>\n
      В правой колонке вверху самое важное — ближайшие маршруты. А для тех, кто планирует
      \nпоездку, можно ввести время и узнать во сколько придет нужный ему тралик на нужную
      \nему остановку (в данном случае Тимирязева.) Теперь не надо тупить, глядя на все расписание
      \nсразу — только то, что вам нужно. Не засирайте мозги, короче.<\/p>\n
      ААА! Мы близки к завершению! Последняя вкладка «Поиск маршрута».
      \nСмотрим на проблемы.<\/p>\n
      \n\"\"\n<\/div>\n
      Берт охренел.<\/p>\n
      \n\"\"\n<\/div>\n
      Не, шучу. Все не так плохо. Разобраться можно. Но долго, некрасиво, тяжело...<\/p>\n
      \n\"\"\n<\/div>\n
      \n\"\"\n<\/div>\n
      \n\"\"\n<\/div>\n
      Начну с рисования секундомера. Мы же тут маршрут прокладывать собираемся.<\/p>\n
      \n\"\"\n<\/div>\n
      Та-даам.<\/p>\n
      \n\"\"\n<\/div>\n
      Теперь разбираемся, что все это значит. Значит у нас две опции — узнать прямой рейс
      \nи рейс с пересадками.<\/p>\n
      Прямой рейс по традиции показывает нам ближайшее и заданное время.<\/p>\n
      \n\"\"\n<\/div>\n
      Немного деталек.<\/p>\n
      \n\"\"\n<\/div>\n
      Все номера конечно же кликабельны и ведут в окно расписания движения.
      \nТакже можно посмотреть маршрут на карте.<\/p>\n
      \n\"\"\n<\/div>\n
      Кстати, вот первый вариант, но я его отклонил, потому что номера маршрутов мелковаты,
      \nа мне хотелось, чтобы они были видны сразу.<\/p>\n
      \n\"\"\n<\/div>\n
      \n\"\"\n<\/div>\n
      Теперь рейс с пересадками. Вместо таблицы с повторами, ясная и четкая прямая,
      \nс указанием времени прибытия ближайшего транспорта и времени окончания
      \nдвижения по маршруту.<\/p>\n
      \n\"\"\n<\/div>\n
      Ну и конечно же ссылочка на карту.<\/p>\n
      \n\"\"\n<\/div>\n
      Готово! В следующем посте я покажу как я переделал
      \nразделы международных, междугородних и экскурсионных маршрутов.<\/p>\n
      До новых встреч!<\/p>\n",
            "date_published": "2018-11-24T18:30:40+03:00",
            "date_modified": "2018-11-24T19:26:51+03:00",
            "image": "https:\/\/pereverstal.by\/pictures\/179491_800.jpg",
            "_date_published_rfc2822": "Sat, 24 Nov 2018 18:30:40 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "79",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "system\/library\/fotorama\/fotorama.css",
                    "system\/library\/fotorama\/fotorama.js"
                ],
                "og_images": [
                    "https:\/\/pereverstal.by\/pictures\/179491_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/177024_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/177192_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/177662_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/178134_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/179179_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/178846_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/178558_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/178266_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/182669_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/181629_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/180471_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/180780_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/181383_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/182134_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/183474_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/183121_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/183695_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/193140_600.jpg",
                    "https:\/\/pereverstal.by\/pictures\/185252_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/185631_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/185560_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/185863_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/187035_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/187987_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/187457_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/187755_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/190077_900.jpg",
                    "https:\/\/pereverstal.by\/pictures\/193518_600.jpg",
                    "https:\/\/pereverstal.by\/pictures\/188432_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/188695_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/189072_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/192822_600.jpg",
                    "https:\/\/pereverstal.by\/pictures\/189449_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/190317_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/190926_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/191006_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/191745_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/191684_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/192142_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/192257_800.jpg"
                ]
            }
        },
        {
            "id": "78",
            "url": "https:\/\/pereverstal.by\/all\/bolshaya-pereverstka-minsktransa-chast-3-glavnaya-stranica\/",
            "title": "Большая переверстка Минсктранса, часть 3. Главная страница",
            "content_html": "
      Привет всем кто дождался! Сегодня я покажу вам новую главную страницу
      \nМинсктранса и расскажу о том, как я ее переверстывал.<\/p>\n
      Если забыли, вот так выглядит сайт Минсктранса сейчас.<\/p>\n
      \n\"\"\n<\/div>\n
      Обозначим фронт работ.<\/p>\n
      Начнем с меню и вообще со структуры сайта. Выкинем все лишнее. Например
      \n«Нормативные документы» и «Административные процедуры...» нафиг
      \nне упали рядовым посетителям сайта. Если не верите, то пройдите по этим ссылкам
      \nи убедитесь сами.<\/p>\n
      \n\"\"\n<\/div>\n
      Филиалы можно смело перенести в раздел «О предприятии»<\/p>\n
      \n\"\"\n<\/div>\n
      Для рекламы заведем отдельный раздел в главном меню (реклама — святое.)<\/p>\n
      \n\"\"\n<\/div>\n
      Электронные сообщения сбросим в Контакты.<\/p>\n
      \n\"\"\n<\/div>\n
      Контакты сбросим в подвал.<\/p>\n
      \n\"\"\n<\/div>\n
      Почистим еще немного, удалим всякий ненужный хлам вроде<\/p>\n
      \n\"\"\n<\/div>\n
      Конкурс художественно самодеятельности... Ну ладно, давайте будем честны —
      \nкому это нафиг сдалось?<\/p>\n
      После основательной чистки и реструктуризации у меня получилась вот такая карта сайта.<\/p>\n
      \n\"\"\n<\/div>\n
      С меню и структурой сайта разобрался. Едем дальше.<\/p>\n
      Сейчас смачное место занимает главная новость и ссылка на раздел с информацией
      \nо работе пассажирского транcпорта в связи с дорожной обстановкой — вроде все верно,
      \nно даже такая полезная инфа может занимать меньше места и при этом оставаться заметной.<\/p>\n
      \n\"\"\n<\/div>\n
      \n\"\"\n<\/div>\n
      Взглянем налево. Как я уже говорил — мед, говно и немного гвоздей. Без тазика для рвотных
      \nмасс и не взглянешь.<\/p>\n
      \n\"\"\n<\/div>\n
      \n\"\"\n<\/div>\n
      \n\"\"\n<\/div>\n
      Также сайту не хватает блоков с новостями, которые мы привыкли черпать
      \nоткуда угодно, только не с сайта Минсктранса. Да, Минсктранс, нужно будет
      \nрасширить штат и создать отдел новостей.<\/p>\n
      И напоследок переделаю подвал. Весь этот цветастый, криво сшитый ковер, надо
      \nсжечь и вместо него положить удобный, красивый палас. Туговато у меня сегодня
      \nс метафорами.<\/p>\n
      \n\"\"\n<\/div>\n
      Ну что ж, время сучить рукава. Беру в руки карандаш и начинаю делать эскизы
      \nсайта на бумаге.<\/p>\n
      \n\"\"\n<\/div>\n
      \n\"\"\n<\/div>\n
      \n\"\"\n<\/div>\n
      Много, много эскизов<\/p>\n
      \n\"\"\n<\/div>\n
      Сетку я решил оставить старую, т. е. 12 колоночную. Вот какой макет у меня получился
      \nпервоначально.<\/p>\n
      \n\"\"\n<\/div>\n
      \n\"\"\n<\/div>\n
      Первый подход к снаряду. Раздел с расписанием стал чище и понятнее. Две трети сетки справа
      \nполучил блок новостей, который состоит из главной новости и трех дополнительных. Информация
      \nо работе пассажирского транспорта в связи с дорожной обстановкой стала как раз под главной
      \nновостью, рядом с ней встал блок с оперативной информацией (который я назвал просто «Срочно»)<\/p>\n
      \n\"\"\n<\/div>\n
      Ниже у нас разместился блок с тарифами, в котором отдельными ссылками
      \nвстали калькулятор сравнения стоимостей и пункты продажи проездных билетов.<\/p>\n
      \n\"\"\n<\/div>\n
      Взглянув на следующий день на макет свежим взглядом, я вынес вердикт — говно.
      \nВсе нужно переделать. Расписание не красивое и тяжелое, новостей мало, тарифы
      \nна главной нафиг не упали — что цены каждый день меняются?<\/p>\n
      \n\"\"\n<\/div>\n
      Начинаю переверстывать свою переверстку. В первую очередь шапку.
      \nДобавляю логотип. Корректирую пункты меню. Добавляю номер справочной службы —
      \nуверен пригодится многим и не раз. Там ему самое место.<\/p>\n
      \n\"\"\n<\/div>\n
      Берусь за расписание. В «Городские маршруты» добавляю инфу из раздела «Тарифы»,
      \nа именно «Пункты продажи проездных документов» и «Калькулятор сравнения стоимости...».
      \nСюда же становится и USSD-запрос (хотя непонятно кому он нужен, но вдруг).<\/p>\n
      \n\"\"\n<\/div>\n
      К международным маршрутам сразу пришпандориваю ссылку на сайт www.ticketbus.by
      \n(ох, как же руки чешутся взяться за него поскорее)<\/p>\n
      \n\"\"\n<\/div>\n
      Бонусом внизу блока с расписанием ставлю вот эти две ссылки<\/p>\n
      \n\"\"\n<\/div>\n
      Теперь возьмемся за центральный бок новостей. Придумываю раздел «События»,
      \nувеличиваю количество новостей. Сверху главная новость (за фотку спасибо
      \nсайту www.citydog.by), ниже дополнительные.<\/p>\n
      \n\"\"\n<\/div>\n
      Под ним всякие новости-анонсы.<\/p>\n
      \n\"\"\n<\/div>\n
      Верхний правый край по праву занимает блок с оперативными новостями.<\/p>\n
      \n\"\"\n<\/div>\n
      На это место также можно ставить короткое и важное послание, которое периодически
      \nвсплывает на сайте Минсктранса в самом центре страницы. Блок оперативной информации
      \nпри этом чуть съезжает вниз.<\/p>\n
      \n\"\"\n<\/div>\n
      Ниже оперативной инфы идет информация о работе пассажирского транспорта в связи
      \nс дорожной обстановкой<\/p>\n
      \n\"\"\n<\/div>\n
      Придумываю заголовки, выравниваю по сетке, ставлю картинки.<\/p>\n
      \n\"\"\n<\/div>\n
      Немного поразмыслив, добавляю еще один новостной блок «Как у них?», в котором будут
      \nпубликоваться новости зарубежного транспорта (от дизайна проездных билетов
      \nи схем до интересных историй)<\/p>\n
      \n\"\"\n<\/div>\n
      Уф, осталось немного, всего лишь прибрать в подвале.<\/p>\n
      \n\"\"\n<\/div>\n
      Убираю цвет, выравниваю все по сеточке. Красота же.<\/p>\n
      \n\"\"\n<\/div>\n
      Вот что у меня получилось в итоге.<\/p>\n
      \n\"\"\n<\/div>\n
      Спасибо за то, что уделили время! Призываю вас репостить, лайкать, обсуждать,
      \nкритиковать, предлагать, хвалить.<\/p>\n
      Напоминаю, что это не все. Работа только начата — впереди переверстка внутренних страниц.
      \nСледите за новостями!<\/p>\n",
            "date_published": "2018-11-24T18:30:34+03:00",
            "date_modified": "2018-11-24T19:26:34+03:00",
            "image": "https:\/\/pereverstal.by\/pictures\/296669_800.jpg",
            "_date_published_rfc2822": "Sat, 24 Nov 2018 18:30:34 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "78",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/pereverstal.by\/pictures\/296669_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/157181_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/157363_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/157598_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/175114_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/157979_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/157945_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/175576_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/164457_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/158855_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/159167_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/160060_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/160281_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/160675_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/160926_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/161153_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/161488_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/161610_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/162113_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/162334_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/165172_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/165707_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/165919_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/167200_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/168442_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/168551_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/168708_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/169068_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/176441_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/170324_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/171247_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/171325_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/176022_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/175785_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/173082_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/174232_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/296669_original.jpg"
                ]
            }
        },
        {
            "id": "77",
            "url": "https:\/\/pereverstal.by\/all\/bolshaya-pereverstka-minsktransa-chast-2-redizayn-logotipa\/",
            "title": "Большая переверстка Минсктранса, часть 2. Редизайн логотипа",
            "content_html": "
      Ок, привет снова. День прошел быстро и незаметно, а у меня готов новый пост.
      \nСегодня я переделал лого Минсктранса.<\/p>\n
      Буду с вами честен потратил я на это дело немного времени. Когда дойдут руки до переделки
      \nвсего фирменного стиля Минсктранса, логотипу я уделю достаточно времени. А пока, как я
      \nсчитаю получился неплохой вариант, который можно будет поставить в шапку будущего сайта.<\/p>\n
      Напоминаю, вот так выглядит старый вариант:<\/p>\n
      \n\"\"\n<\/div>\n
      Беру карандаш и начинаю придумывать эскизы.<\/p>\n
      \n\"\"\n<\/div>\n
      \n\"\"\n<\/div>\n
      Включаю Иллюстратор, начинаю отрисовывать понравившиеся, при этом придумывая
      \nновые уже в программе.<\/p>\n
      \n\"\"\n<\/div>\n
      Получились вот такие знаки<\/p>\n
      \n\"\"\n<\/div>\n
      Можно примерить, например на проездных<\/p>\n
      \n\"\"\n<\/div>\n
      \n\"\"\n<\/div>\n
      \n\"\"\n<\/div>\n
      Гы, а почему бы и не черный? VIP-проездной? Не, ну, а чо? Дает право на место возле окна,
      \nк примеру. Или провоз рояля. В троллейбусе. Придумайте еще VIP-услуг! :)<\/p>\n
      \n\"\"\n<\/div>\n
      Ок, едем дальше. Кроме знака обязательно должна быть текстовая часть, причем отделимая,
      \nкогда лого нужно будет размещать на узких форматах, к примеру козырька киоска или на банере.<\/p>\n
      Я убежден, что это должен быть современный гротеск. Никаких засечек, никакой
      \nстилизации, никакого выпендрежа. Просто, технологично, утилитарно.<\/p>\n
      Веду поиск<\/p>\n
      \n\"\"\n<\/div>\n
      Отбираю понравившиеся варианты<\/p>\n
      \n\"\"\n<\/div>\n
      Вот что у меня в итоге получилось.<\/p>\n
      \n\"\"\n<\/div>\n
      В следующем посте, я буду полностью переделывать главную страницу сайта www.minsktrans.by<\/p>\n
      Следите за новостями, до скорых!<\/p>\n",
            "date_published": "2018-11-24T18:30:26+03:00",
            "date_modified": "2018-11-24T19:26:15+03:00",
            "image": "https:\/\/pereverstal.by\/pictures\/152022_800.jpg",
            "_date_published_rfc2822": "Sat, 24 Nov 2018 18:30:26 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "77",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/pereverstal.by\/pictures\/152022_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/152464_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/152263_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/152586_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/153277_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/156720_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/153771_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/154039_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/155048_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/155235_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/155725_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/156143_800.jpg"
                ]
            }
        },
        {
            "id": "76",
            "url": "https:\/\/pereverstal.by\/all\/bolshaya-pereverstka-minsktransa-chast-1-2\/",
            "title": "Большая переверстка Минсктранса, часть 1",
            "content_html": "
      Категорически приветствую всех! Этим постом я открываю мой новый проект
      \nпо переверстке-редизайну сайта Минсктранса! На данный момент главный
      \nсетевой ресурс огромного и важнейшего государственного предприятия
      \nвыглядит вот так.<\/p>\n
      \n\"\"\n<\/div>\n
      Сайт чудовищен и непонятен. На него не хочется заходить, по нему не хочется бродить,
      \nа если и вынужден, то придется столкнуться с массой мусора, кривой версткой, запутанным
      \nменю и грязным, неопрятным видом.<\/p>\n
      Задайте себе вопрос — где вы узнаете о событиях связанных с работой Минктранса?
      \nИзменение стоимости тарифов? Новая форма контролеров? Новости о конфликтах
      \nмежду пассажирами и работниками? Интервью, фотоотчеты, короткие заметки,
      \nнародные новости?Где все это? Правильно — на ресурсах типа tut.by или onliner.by.
      \nИ все это при наличии у Минсктранса своего сайта, треть которого отведена под
      \nуродливые рекламные баннеры.<\/p>\n
      Всей душой люблю минский общественный транспорт, желаю ему процветать
      \nи развиваться, становиться комфорным, быстрым и чистым. Я мечтаю о том,
      \nчтобы стоимость владения автомобилем в городе стала непомерно высокой,
      \nа наши дворы превратились бы из автостоянки в места для отдыха. В места для людей,
      \nа не для их металлических корыт. А вопрос перемещения по городу отпадет сам собой,
      \nввиду сильно развитой транспортной сети.<\/p>\n
      Но оставим мечты в стороне и возьмемся за дело. Прежде чем лечить пациента,
      \nдавайте разберемся, чем он болен. А если конкретнее — что с существуюшим
      \nсайтом Минсктранса не так?<\/p>\n
      Поехали.
      \nСамое главное — это запутанная и перегруженная структура сайта, большое
      \nколичество ненужной информации, неправильные приоритеты в ее подаче.
      \nСкладывается такое ощущение, что сама компания не знает для чего ей сайт.
      \nТеперь давайте пройдемся по деталям.<\/p>\n
      1) Перегруженная шапка сайта и кривой, уродливый, старый как динозавр логотип.<\/p>\n
      \n\"\"\n<\/div>\n
      Логотип Минсктранса — отдельная тема, ведь он есть не только на сайте, но и на киосках,
      \nтранспорте, печатной рекламе. Больше всего меня в нем раздражает шрифт, имитирующий
      \nдревнерусский устав.<\/p>\n
      \n\"\"\n<\/div>\n
      Уважаемые минчане! Как вы относитесь к тому, что одним и тем же шрифтом
      \nнабрано название предприятия, которое управляет транспортной системой
      \nнашего города и штендер неизвестного никому ломбарда?<\/p>\n
      \n\"\"\n<\/div>\n
      2) Главный акцент на сайте — информация о перспективе использования
      \nтерминалов для продажи билетов и поиск потенциальных поставщиков.<\/p>\n
      \n\"\"\n<\/div>\n
      Благая задумка, но не лучше ли отдать эту задачу маркетологам или каким-нибудь
      \nдругим специалистам, а не заставлять каждого посетителя читать эту ненужную
      \nему инфу? Что, каждый второй — поставщик терминалов для продажи билетов?<\/p>\n
      3) Левая колонка. Спасибо большое, что оставили на главной ссылки на разделы
      \nс расписанием транспорта. Но разношерстная графика и кривая верстка
      \nзаставляют меня рыдать.<\/p>\n
      \n
      \n\"\"\n\"\"\n<\/div>\n<\/div>\n
      4) Правая колонка, практически полностью отдана рекламным баннерам<\/p>\n
      \n
      \n\"\"\n\"\"\n<\/div>\n<\/div>\n
      Не, ну, а чо? Судя, по прайсу, рекламный банер в сутки стоит 4 BYN! Охренеть! Солидные бабки!<\/p>\n
      Минсктранс, вы обслуживаете каждый день тысячи пассажиров, им нужна актуальная
      \nинформация о вашей работе, а не реклама санатория «Волма»!<\/p>\n
      И кто, б...., вас так учил верстать?!<\/p>\n
      \n
      \n\"\"\n\"\"\n<\/div>\n<\/div>\n
      5)<\/h2>\n
      Побродив по сайту, можно обнаружить массу «приятных» мелочей.<\/p>\n
      \n
      \n\"\"\n\"\"\n<\/div>\n<\/div>\n
      \n\"\"\n<\/div>\n
      Итак, каков список задач для решения?<\/h2>\n
      1) Полностью переработать структуру сайта — выкинуть
      \nвсе лишнее, сгруппировать все общее, выделить главное.<\/p>\n
      2) Переверстать все оставшиеся страницы, сделать
      \nпонятную, удобную и красивую верстку.
      \nИзбавиться от некачественной графики и фото.<\/p>\n
      3) Переделать полностью главную страницу, разместив
      \nна ней только ту информацию, которая реально необходима
      \nи полезна каждый день, а именно:
      \n1) Расписание транспорта
      \n2) Актуальные новости Минсктранса.
      \n3) Информация о тарифах и стоимости проездных билетов.<\/p>\n
      4) Облегчить шапку сайта.<\/p>\n
      5) Сделать редизайн логотипа — создать новый, модный,
      \nмолодежный, актуальный.<\/p>\n
      Что я хочу получить в итоге?<\/h2>\n
      Новый, функциональный, удобный сайт, который привлечет
      \nосновную целевую аудиторию Минсктранса —  т. е. практически всех жителей Минска.<\/p>\n
      Да и мне плевать на безразличие Минсктранса, отсутствие бюджета
      \nи космические бури.<\/p>\n
      Я призываю всех вас, мои уважаемые читатели, помочь мне — активно комментировать,
      \nкритиковать, советовать, репостить (или хотя бы лайкать), вовлекать в обсуждение своих друзей,
      \nзнакомых, родственников.<\/p>\n
      Короче, не будьте безразличны. Если быть откровенным до конца, то дело ведь
      \nне конкретно в самом сайте, проект «Переверстал» занимается в первую очередь
      \nпривлечением внимания  общественности к актуальным и порой не заметным
      \nна первый взгляд проблемам окружающей нас визуальной среды.<\/p>\n
      Первый шажок сделан, проблемы обозначены. Завтра будет пост о том,
      \nкак я переделывал логотип Минсктранса. Следите за новостями!<\/p>\n",
            "date_published": "2018-11-24T18:29:03+03:00",
            "date_modified": "2018-11-24T19:25:52+03:00",
            "image": "https:\/\/pereverstal.by\/pictures\/148361_800.jpg",
            "_date_published_rfc2822": "Sat, 24 Nov 2018 18:29:03 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "76",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "system\/library\/fotorama\/fotorama.css",
                    "system\/library\/fotorama\/fotorama.js",
                    "system\/library\/fotorama\/fotorama.css",
                    "system\/library\/fotorama\/fotorama.js",
                    "system\/library\/fotorama\/fotorama.css",
                    "system\/library\/fotorama\/fotorama.js",
                    "system\/library\/fotorama\/fotorama.css",
                    "system\/library\/fotorama\/fotorama.js"
                ],
                "og_images": [
                    "https:\/\/pereverstal.by\/pictures\/148361_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/148537_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/151660_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/151390_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/148801_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/148997_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/149249_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/149538_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/149886_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/150377_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/150069_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/150975_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/150609_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/151280_800.jpg"
                ]
            }
        },
        {
            "id": "32",
            "url": "https:\/\/pereverstal.by\/all\/tablichka-na-ostanovke-2\/",
            "title": "Табличка на остановке",
            "content_html": "
      Доброго вечера всем! Градус пофигизма просто зашкаливает
      \nна этой табличке, сообщающей об изменении в маршруте движения автобусов.<\/p>\n
      \n\"\"\n<\/div>\n
      Такое чувство, что текст из ворда ляснули на макет путем копипаста,
      \nдаже не попытавшись хоть немного чего-нибудь подвигать.
      \nМелкий шрифт, выключка по центру, все эти бездушные «ул.», «просп.»,
      \n«о.п.» Каша, безразличная, наплевательская, бюрократическая каша!
      \nДа и еще. Обращение к пассажирам я убрал, во-первых в целях экономии
      \nпространства, во-вторых.., да кому всралось вообще это обращение?
      \nИ так ясно для кого все это. Еще и уважаемые! «Вот вам, уважаемые пассажиры,
      \nкусок текстового говна, копайтесь в нем!».<\/p>\n
      Ок, как вы догадались, я переверстал сей экспонат.<\/p>\n
      \n\"\"\n<\/div>\n
      \n\"\"\n<\/div>\n
      С уважением к буквам, строкам, набору и конечно пассажирам.
      \nЖелаю приятного просмотра.<\/p>\n",
            "date_published": "2018-11-24T18:10:00+03:00",
            "date_modified": "2018-10-16T20:58:42+03:00",
            "image": "https:\/\/pereverstal.by\/pictures\/58613_800.jpg",
            "_date_published_rfc2822": "Sat, 24 Nov 2018 18:10:00 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "32",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/pereverstal.by\/pictures\/58613_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/58785_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/59016_800.jpg"
                ]
            }
        },
        {
            "id": "28",
            "url": "https:\/\/pereverstal.by\/all\/privet-minsktrans\/",
            "title": "Привет, Минсктранс!",
            "content_html": "
      Привет, Минсктранс!<\/p>\n
      \n\"\"\n<\/div>\n
      Что тут у нас? Как обычно? Желтая подложка, сине-фиолетовая рамка,
      \nоранжевый фон, иудейские буковки в заголовке и конечно же толстый слой
      \nшоколада нечитаемого текста, состоящего на 95% из воды?<\/p>\n
      «Обращаем ваше внимание на соблюдение мер личной безопасности, находясь
      \nна остановочных пунктах и при поездке в салонах общественного транпорта»<\/p>\n
      «Не подбегать на остановочных пунктах для посадки с транспортное средство,
      \nт. к. оказавшись вне зоны видимости водителя можете попасть в опасную ситуацию»<\/p>\n
      «Чтобы не подвергать свою жизнь неоправданному риску,
      \nвыполняйте вышеуказанные рекомендации»<\/p>\n
      АААА! Для кого этот текст? Для роботов? Кто эту нудятину читать будет?
      \nТосскааа жее!<\/p>\n
      Нужно всего-то донести до пассажиров несколько простых правил безопасности,
      \nбез всяких этих ваших бюрократических, старопердуновских и длиннющих фраз.<\/p>\n
      \n
      \n\"\"\n\"\"\n\"\"\n<\/div>\n<\/div>\n
      Вот и все, делов-то!<\/p>\n
      \n\"\"\n<\/div>\n",
            "date_published": "2018-11-24T18:09:52+03:00",
            "date_modified": "2018-10-15T12:12:35+03:00",
            "image": "https:\/\/pereverstal.by\/pictures\/112822_800.jpg",
            "_date_published_rfc2822": "Sat, 24 Nov 2018 18:09:52 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "28",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "system\/library\/fotorama\/fotorama.css",
                    "system\/library\/fotorama\/fotorama.js"
                ],
                "og_images": [
                    "https:\/\/pereverstal.by\/pictures\/112822_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/114141_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/114446_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/114235_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/113689_800.jpg"
                ]
            }
        },
        {
            "id": "31",
            "url": "https:\/\/pereverstal.by\/all\/poddelka-proezdnyh-biletov\/",
            "title": "Подделка проездных билетов",
            "content_html": "
      Привет! «Минсктранс» не перестает радовать своими дизайнерскими выкидышами.
      \nДумаю, что настало время усомнится в душевном здоровье их дизайнера.<\/p>\n
      \n\"\"\n<\/div>\n
      Хотя, надеюсь все же, что с сознанием дизайнера все в порядке, а причиной ужасного
      \nмакета послужило его смиренное желание угодить всем согласователям. А их, как водится,
      \nбыло много (как же, все же эксперты!). Ну вот мы и имеем — желтенький нравится
      \nмаркетологу, рамочка директору, шрифтики бухгалтеру, скачущие кегли уборщице.<\/p>\n
      Что больше всего бросается в глаза, так это терзания дизайнера на тему что же
      \nсделать по-больше «подделка» или «штраф»? Уверен, что в других вариантах
      \nмакета «штраф» был больше чем «подделка», но охраннику понравился именно
      \nэтот вариант. И все довольны :)<\/p>\n
      Позвольте и мне вставить свои пять копеек.<\/p>\n
      \n\"\"\n<\/div>\n
      \n\"\"\n<\/div>\n",
            "date_published": "2018-11-24T18:09:40+03:00",
            "date_modified": "2018-10-16T20:52:54+03:00",
            "image": "https:\/\/pereverstal.by\/pictures\/59994_800.jpg",
            "_date_published_rfc2822": "Sat, 24 Nov 2018 18:09:40 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "31",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/pereverstal.by\/pictures\/59994_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/60407_800.jpg",
                    "https:\/\/pereverstal.by\/pictures\/60668_800.jpg"
                ]
            }
        }
    ],
    "_e2_version": 3254,
    "_e2_ua_string": "E2 (v3254; Aegea)"
}