{ "version": "https:\/\/jsonfeed.org\/version\/1", "title": "Таня Мисютина, заметки с тегом: транспорт", "home_page_url": "https:\/\/www.blog.infotanka.ru\/tags\/transport\/", "feed_url": "https:\/\/www.blog.infotanka.ru\/tags\/transport\/json\/", "icon": "https:\/\/www.blog.infotanka.ru\/user\/userpic@2x.jpg", "author": { "name": "Таня Мисютина: mail@infotanka.ru", "url": "https:\/\/www.blog.infotanka.ru\/", "avatar": "https:\/\/www.blog.infotanka.ru\/user\/userpic@2x.jpg" }, "items": [ { "id": "243", "url": "https:\/\/www.blog.infotanka.ru\/all\/vopros-otvet-minibus\/", "title": "Вопрос-ответ: качество работы маршруток", "content_html": "

Спрашивает Евгений Макаров из Baseride Technologies<\/a>:<\/p>\n

Мы собираем данные о работе маршрутных такси в Нижнем Новгороде для центральной диспетчерской, которая контролирует качество перевозок. На каждой машине установлен GPS-передатчик, который передаёт данные в «Клаудбас». На основании данных формируются ежедневные и ежемесячные отчёты о выполненной работе и нарушениях.<\/p>\n

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

Как наглядно отобразить эту информацию?<\/p>\n<\/div>

Часто подобные задачи решают так: данные складывают в таблицы, а ключевые параметры (среднее отклонение, количество нарушений) рассчитывают и выводят на дашборд<\/i>. На виду оказываются оторванные от реальных данных, «средние по больнице» показатели, а на поиски проблем и их возможных причин пользователи системы отправляются в громоздкие, неприспособленные для этого таблицы.<\/p>\n

Попробуем решить задачу иначе: от частного (одного рейса) к общему (ежедневным и ежемесячным отчётам). Как наглядно показать отклонения и превышения маршрутки за один рейс? Расположим остановки по горизонтали, сохранив пропорциональность растояний между ними. Отклонения от расписания при посещении конкретной остановки покажем кругом, площадь которого пропорциональна опозданию\/опережению в минутах. Участки превышения скорости закрасим красным цветом: чем больше превышение, тем краснее участок.<\/p>\n

Рейсы без нарушений или с небольшими нарушениями выглядят нейтрально:<\/p>\n

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

Конкретные опоздания и превышения показаны при наведении:<\/p>\n

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

Чтобы картина была нагляднее, оживим её временным слайдером.<\/p>\n

<\/p>\n

Чем «краснее» рейс, тем больше нарушений и тем они серьёзнее:<\/p>\n

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

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

Во-первых, такие рейсы легко сравнивать между собой. Например, можно одним взглядом окинуть все утренние рейсы, расположив их друг под другом (слева — время старта):<\/p>\n


\nЖивой прототип: http:\/\/minibus.datalaboratory.ru\/onebyone\/<\/a><\/b><\/span><\/p>\n

Во-вторых, рейсы можно складывать между собой. Та же картина дня может быть свёрнута в одну линию с суммарным опозданиям по остановкам и суммарными (полупрозрачными) нарушениями на участках:<\/p>\n

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

Последние четыре остановки сильнее других страдают от нарушений расписания, а скорость превышают чаще всего в начале и на длинном перегоне в конце маршрута. Благодаря интерактивности видно, как маршрутки, стартовавшие в разное время дня, распределяются по маршруту: кто и где отстаёт и, наоборот, опережает общую массу.<\/p>\n

Дополним картину средними показателями, над каждой остановкой подпишем средний интервал ожидания:<\/p>\n

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

Живой прототип: https:\/\/minibus.datalaboratory.ru\/all\/<\/a><\/b><\/span><\/p>\n

Плюс такого подхода в том, что можно наглядно показать любой срез по рейсам: за определённую дату или время дня, для конкретного водителя, по определённым нарушениям, — а также сравнивать эти срезы между собой. Так можно показать все городские маршруты со статистикой за любой временной период на одном экране. При этом будет видна общая картина и каждый конкретный рейс в удобной для дальнейшего исследования форме.<\/p>\n

Мы в Лаборатории данных создаём наглядные системы мониторинга для траспортных компаний и городских служб. Пишите: data@datalaboratory.ru<\/a><\/p>\n

Присылайте вопросы о визуализации данных на почту: data@datalaboratory.ru<\/a>, ответы публикуются по понедельникам. При участии Кирилла Беляева и Сергея Долинина.<\/p>\n", "date_published": "2015-04-28T10:24:40+03:00", "date_modified": "2020-03-03T21:57:27+03:00", "image": "https:\/\/www.blog.infotanka.ru\/pictures\/minibus-1@2x.png", "_date_published_rfc2822": "Tue, 28 Apr 2015 10:24:40 +0300", "_rss_guid_is_permalink": "true", "_rss_guid": "https:\/\/www.blog.infotanka.ru\/all\/vopros-otvet-minibus\/", "_e2_data": { "is_favourite": false, "links_required": [], "og_images": [ "https:\/\/www.blog.infotanka.ru\/pictures\/minibus-1@2x.png", "https:\/\/www.blog.infotanka.ru\/pictures\/minibus-1b@2x.png", "https:\/\/www.blog.infotanka.ru\/pictures\/minibus-2@2x.png", "https:\/\/www.blog.infotanka.ru\/pictures\/minibus-3@2x.png", "https:\/\/www.blog.infotanka.ru\/pictures\/minibus-many@2x.gif", "https:\/\/www.blog.infotanka.ru\/pictures\/minibus-6-qa@2x.png" ] } }, { "id": "139", "url": "https:\/\/www.blog.infotanka.ru\/all\/zagadka-pro-shemu-metro\/", "title": "Загадка про схему метро", "content_html": "

Общественный транспорт в Гонконге поражает удобством и продуманностью вплоть до мелочей. Метро, трамваи, автобусы, паромы, автомобильные эстакады, пешеходные переходы, парки и скверы объединены в безупречно отлаженную систему. Если вы интересуетесь городским планированием, обязательно посетите Гонконг — это надо видеть!<\/p>\n

Я не буду даже пытаться рассказать обо всём, а приведу только один маленький пример. Пересадки между зеленой и красной линиями метро организованы по-разному для экономии времени и оптимизации пассажиропотоков. Вот как это отражено на схеме:<\/p>\n

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

Попробуйте угадать смысл этих обозначений, а правильный ответ я напишу чуть позже :-)<\/p>\n

Внимание, правильный ответ!<\/b> На Принце Эдварде и Монг-коке организованы кросс-платформенные переходы: первый реверсивный, со сменой направления движения (от Шек-кип-мей к Шам-шуи-по и обратно), второй прямой (от Шек-кип-мей к Тсим-ша-тсу). Обозначения учитывают только осмысленные маршруты — никто не пересаживается на Принце Эдварде снизу-вниз. Столкнувшись со схемой в первый раз, я ничего не поняла, но после пересадки разобралась и потом всё время ориентировалась по этим значкам.<\/p>\n

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

Загадку угадали Сергей Афонкин и Наталья Харзу (на фэйсбуке) — молодцы! Алексей Блинов был близок, но слишком категоричен. Спасибо всем комментаторам :-)<\/p>\n", "date_published": "2013-03-30T19:09:18+03:00", "date_modified": "2020-03-03T22:31:58+03:00", "image": "https:\/\/www.blog.infotanka.ru\/pictures\/IMG_6280_1.jpg", "_date_published_rfc2822": "Sat, 30 Mar 2013 19:09:18 +0300", "_rss_guid_is_permalink": "true", "_rss_guid": "https:\/\/www.blog.infotanka.ru\/all\/zagadka-pro-shemu-metro\/", "_e2_data": { "is_favourite": false, "links_required": [], "og_images": [ "https:\/\/www.blog.infotanka.ru\/pictures\/IMG_6280_1.jpg" ] } }, { "id": "17", "url": "https:\/\/www.blog.infotanka.ru\/2012\/06\/18\/1\/", "title": "Апп-разбор: inTaxi 5\/4", "content_html": "

Пишет Станислав Леонтенко, руководитель проекта ((http:\/\/itunes.apple.com\/ru\/app\/intaxi-zakaz-taksi-onlajn\/id448134339 inTaxi)):\r\n!!Мы делаем лучший сервис заказа такси через мобильные приложения без участия диспетчера в 40 городах России. Нам интересно услышать мнение про приложение в целом, но если комментариям относительно экранов тоже будем рады.!!\r\n\r\nЗаказать такси на мобильном должно быть также просто, как выйти на обочину и поднять руку. Посмотрим, так ли это в случае с inTaxi. При запуске приложения открывается аккуратно свёрстанный экран с логотипом или историей поездок, информацией о бонусах, интересными таксо-фактами и приятной текстурой. Не хватает одного — формы заказа. Стартовые экраны конкурентов сразу показывают форму, экономя клиенту целый шаг.\r\n\r\n[[img intaxi-1.png]]\r\n\r\nОбратите внимание ещё вот на что: inTaxi считает, что я нахожусь в кафе China Club, тогда как другие приложения позиционируют меня правильно — на Зоологической ул., д. 32. Самое неприятное, что после ввода правильного адреса, приложение его не запоминает и повторяет ошибку во всех последующих заказах. Мне кажется, это хороший повод доработать механизм и логику гео-позиционирования.\r\n\r\n[[img intaxi-2.png]]\r\n\r\nЕдем дальше. При попытке указать правильный адрес, меня перебрасывает на добавление комментария к «Чайна-клабу» — ещё один лишний шаг. Выбор пункта отправления и пункта назначения сейчас выглядят одинаково, и совершенно напрасно. Для отправления, в первую очередь, важны ближайшие объекты, лучше всего с учётом истории поездок (чтобы моя злополучная Зоологическая была на самом верху). Аэропорты, вокзалы и другие адреса я советую переместить вниз или спрятать на отдельный экран. В пункте назначения, наоборот, элемент «Рядом с вами» полностью теряет актуальность. Кстати, почему нельзя заказать такси без указания конечной точки? \r\n\r\n[[img intaxi-3.png]]\r\n\r\nНастройка времени заказа реализована нестандартным контролом, но качественно и с любовью, зря вы прячете его за дополнительный диалог. С установкой ограничений та же проблема, что и с адресом — их каждый раз приходится вводить заново. Лучше запоминать и показывать последний ввод, а если пользователь внезапно полюбил курящих водителей, он об этом сообщит. Кстати, информативность формы заказа можно повысить, заменив фразу «С ограничениями» на «С некурящим водителем и кондиционером» (даже если длинные пояснения обрубать троеточием, от них всё равно будет больше пользы, чем от общей формулировки). \r\n\r\n[[img intaxi-4.png]]\r\n\r\nФорма заполнена, и я ищу предложения. Но вместо них получаю информационный экран с параметрами поездки, большую часть которого занимает карта. Маршрут, конечно, важен, но я бы не выделяла его в целый отдельный шаг — ведь на решение о заказе влияет только продолжительность поездки с учётом пробок. Экран с тарифами и предложениями, на мой взгляд, самый важный и полезный. Единственное улучшение, которое приходит в голову: указывать более достоверное время подачи на основе реального расположения машин, а не интервал, зафиксированный таксопарком. Ссылку на карту можно разместить на этом же экране, в заголовке с описанием поездки. Дальше всё идёт, как по маслу.\r\n\r\n[[img intaxi-5.png]]\r\n\r\nИтак, стартовый экран ((html →)) форма заказа ((html →)) комментарий к пункту отправления ((html →)) выбор пункта отправления ((html →)) ввод точного адреса или комментария ((html →)) форма заказа ((html →)) выбор пункта назначения ((html →)) ввод точного адреса или комментария ((html →)) установка ограничений ((html →)) информация о поездке ((html →)) предложения ((html →)) информация об исполнителе и подтверждение заказа — целых 12 шагов. Идеальный конечный результат: запустить приложение, ввести адрес назначения (или пропустить этот шаг, если лень или мало времени), выбрать наиболее подходящее по цене предложение и подтвердить заказ — всего 3-4 шага.\r\n\r\nЯ слышала много хорошего об inTaxi от друзей и знакомых, отзывы в аппсторе тоже крайне положительные. Судя по всему, вы предлагаете отличный сервис и грамотно работаете с таксопарками — в таком деле это главное. Надеюсь, мои интерфейсные рекомендации помогут сделать приложение ещё лучше, а пользователей чуть более довольными. \r\n\r\nИтого: твёрдая «пятёрка» за идею и сервис, но интерфейс, на мой взгляд, требует доработки.<\/div>", "date_published": "2012-06-18T00:44:21+03:00", "date_modified": "2014-01-11T02:48:09+03:00", "_date_published_rfc2822": "Mon, 18 Jun 2012 00:44:21 +0300", "_rss_guid_is_permalink": "true", "_rss_guid": "https:\/\/www.blog.infotanka.ru\/2012\/06\/18\/1\/", "_e2_data": { "is_favourite": false, "links_required": null, "og_images": [] } } ], "_e2_version": 3239, "_e2_ua_string": "E2 (v3239; Aegea)" }