Оффтоп Philipp Kontsarenko
5 033

Интерфейсный кейс: Приложение OZON.Travel для поиска авиабилетов

Редакция рубрики «Интерфейсы» обратила внимание на iOS-приложение для поиска авиабилетов OZON.Travel с необычной механикой взаимодействия с пользователем. Вместо привычных форм «откуда», «куда» и «когда», разработчики внедрили интерактивную систему ввода параметров поиска.

OZON.Travel использует непривычную для большинства приложений механику поиска авиабилетов. Стартовый экран минималистичен — только один круг со знаком вопроса. При тапе на нем пользователь выбирает пункт отправления. Повторный тап на синем фоне создает еще один круг — пункт назначения. При этом приложение практически лишено подсказок.

Для того, чтобы задать направление — «туда», «обратно», «в обе стороны» — пользователю необходимо нарисовать маршрут следования на экране смартфона. 

Следующим шагом пользователю необходимо выбрать дату перелета. Аналогично для обратного рейса.

Класс билета, количество и тип пассажиров, можно выбрать в нижней части экрана. Здесь также нет возможности выбрать параметр из списка.

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

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

#Интерфейсы #App_Store #iOS #приложения #мобильные_приложения #OZON #интерфейсы #юзабилити #OZON_Travel

{ "author_name": "Philipp Kontsarenko", "author_type": "editor", "tags": ["\u044e\u0437\u0430\u0431\u0438\u043b\u0438\u0442\u0438","\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f","\u043c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0435_\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f","\u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u044b","\u0434\u0438\u0437\u0430\u0439\u043d","ozon_travel","ozon","ios","app_store"], "comments": 42, "likes": 14, "favorites": 1, "is_advertisement": false, "subsite_label": "flood", "id": 6980, "is_wide": true }
00
дни
00
часы
00
мин
00
сек
(function(){ var banner = document.querySelector('.teaserSberbank'); var isAdsDisabled = document.querySelector('noad'); if (!isAdsDisabled){ var countdownTimer = null; var timerItem = document.querySelectorAll('[data-sber-timer]'); var seconds = parseInt('15388' + '59599') - now(); function now(){ return Math.round(new Date().getTime()/1000.0); } function timer() { var days = Math.floor(seconds / 24 / 60 / 60); var hoursLeft = Math.floor((seconds) - (days * 86400)); var hours = Math.floor(hoursLeft / 3600); var minutesLeft = Math.floor((hoursLeft) - (hours * 3600)); var minutes = Math.floor(minutesLeft / 60); var remainingSeconds = seconds % 60; if (days < 10) days = '0' + days; if (hours < 10) hours = '0' + hours; if (minutes < 10) minutes = '0' + minutes; if (remainingSeconds < 10) remainingSeconds = '0' + remainingSeconds; if (seconds <= 0) { clearInterval(countdownTimer); } else { timerItem[0].textContent = days; timerItem[1].textContent = hours; timerItem[2].textContent = minutes; timerItem[3].textContent = remainingSeconds; seconds -= 1; } } timer(); countdownTimer = setInterval(timer, 1000); } else { banner.style.display = 'none'; } })();
{ "id": 6980, "author_id": 4, "diff_limit": 1000, "urls": {"diff":"\/comments\/6980\/get","add":"\/comments\/6980\/add","edit":"\/comments\/edit","remove":"\/admin\/comments\/remove","pin":"\/admin\/comments\/pin","get4edit":"\/comments\/get4edit","complain":"\/comments\/complain","load_more":"\/comments\/loading\/6980"}, "attach_limit": 2, "max_comment_text_length": 5000, "subsite_id": 199791 }

42 комментария 42 комм.

Популярные

По порядку

Написать комментарий...
12

Самый ужасный из интерфейсов, из увиденных за последнее время. Комментарии пользователей на AppStore это многократно подтверждают.
p.s. Это как сайт AnyWayAnyDay, только хуже.

Ответить
4

Самое смешное, что при взгляде на экраны непонятно абсолютно все. Это цена, или номер рейса? Коды аэропортов? Зачем? LED – это Лёдинсбург, или Ливия, или что? Направления самолетов стрелками против часовой – это версия для левшей?

Ответить
0

Пулково же

Ответить

Комментарий удален

0

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

Ответить
0

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

Ответить
1

да ладно вам ребята, будьте же людьми! все ж мы люди!

Ответить
1

Автор приложения, перелогиньтесь. :)

Ответить
14

Застрял на 3-м уровне. Есть читы?

Ответить
1

1. одновременным свайпом против и по часовой стрелке вызываешь клавиатуру
2. набираешь "godfucksyou"
3. приложение удаляется с твоего телефона
4. автоматически устанавливается и запускается приложение aviasales

Ответить
4

Н̭̮̕͢У̢͔̬͜͢ ̬̥̲̲̮́ͅИ̜̖ ̱̜̩Х͕̙͔̜̪̩̗̘̘͜У͏͙̭̳̖̮͈̕Л̗̖͓ͅИ͎̪̺̫̘̯̗͍͟͝ ̴̡̠͎͟Т̧̬͖͙̱Ы̨̼̟͕͙̜͕͞ ͉̝̠͢ͅН̧̘͉̩̕А̠̭̣͞͡ͅСО̡͈̼̮͚̳͞В̲̻͍͖͍̝̹̕͞Е͠͏̤̱̘̬͍̲Т̲̮͚̬̙О̶̨͙͕̲̥̩В̮̗̳̦͔͍́А̫̱̹͓̹Л͇͇͇̝ ̖Б̡͇͎͕͍̞̤ͅЛ̜͔̟̗͉͓̮̠Я̢̛̫̪͡Д̗͡͞Ь̗̱̙͙̻͓͖̭̝̀̀͡?͝҉͙̤̻̙͓̻!̸͞͏̰͎̝̩͙

Ответить
0

ты хотел читы? получи, распишись.

Ответить
8

Сопсно

Ответить
3

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

Ответить
5

Зачем убирать? Большой компанией веселее! :)

Ответить
4

та летите так

Ответить
0

Еще и детей

Ответить
4

Может это игра такая? :D

Ответить
2

выигравшие оказываются в нужном городе в нужное время.
проигравшие исчезают навсегда.

Ответить
4

В Facebook уже шутили – хотите запороть продажи на мобилках, делайте как Ozon Travel )

Ответить
2

Хотел похвалить за новый подход, но воспользовавшись не смог заказать

Ответить
2

Все верно, из неизвестности (?) нельзя никуда попасть.

Ответить
–5

А вы не подумали что это бета тест разраба? И он просто показывает ход работы заказчику?

Есть официальный релиз и новость на Ozon?

Ответить
6

Бета-тесты не показывают в апсторе.

Ответить
0

Я не вижу ни новости, ни ссылки на сайте Ozon Travel

Ответить
0

Это готовое приложение.

Ответить
1

Я бы поняла, если бы это приложение сделало государство, которое не хочет, чтобы люди уезжали. Но Озон)

Ответить
0

а меня минимализм подобного рода зарадовал.
Правда, если бы я скачал его до того, как прочитал эту статью - навряд ли я что-нибудь понял.
Но, купив один раз в нем билеты, можно с удовольствием этим приложением пользоваться.

Ответить
0

Подобными приложениями не пользуются каждый день, к чему тут "ускорять" заказ?

Я пока разобрался что да как, больше времени потратил.

Опять дизайн во благо юзабилити.

Ответить
3

Получилось как-то так

Ответить
1

Куда спешили?

Ответить

Комментарий удален

1

ШТО

Ответить
1

Артемий Лебедев нервно курит)

Ответить
0

Ну че, поспорим оранжевая или красная линия отвечает за обратный перелет?

Ответить
0

Идея очень понравилась, а вот техническая реализация сильно страдает.

Ответить
0

И ведь над этим работала команда, потратили время и деньги. Либо это какие-то неправильные разработчики, которые делают неправильные приложения, либо они перед этим изрядно №1 приняли.

Ответить
0

Слушайте, но ведь все же работает, и достаточно наглядно, какие проблемы?

Ответить
0

есть мнение, что ЦП просто тестирует реакцию читателей задавая тот или иной тон поста.

Ответить
0

Протестил на неподготовлен человеке. Сначала остро встает вопрос, как добавить второй пункт, затем, что с ними делать. Видимо, интуитивности нет в приложении. 😐 Но вот прочитав инструкцию 1 раз, все становится абсолютно понятно. Единственное, наверное, через полчаса это надоест и уже не будет восприниматься как что-то креативное и забавное.

Ответить
0

Квест какой-то, а не приложение по продаже билетов. Epic fail.

Ответить

Комментарий удален

0

Кстати, недавно ребята сделали интересный дизайн у браузерной версии поиска билетов, статья на хабре была:
http://habrahabr.ru/company/aviageek/blog/250257/
Тоже довольно свежий подход, хоть и своеобразный.

Ответить
0

Озончег, купи уже авиасейлс и успакойся.

Ответить
0

Такое приложение государство не смогло бы придумать: хочу протянуть-таки стрелочку "обратно на Родину из Рима", но видимо проще застрелиться. :)

Ответить
0

Прямой эфир

[ { "id": 1, "label": "100%×150_Branding_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox_method": "createAdaptive", "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfl" } } }, { "id": 2, "label": "1200х400", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfn" } } }, { "id": 3, "label": "240х200 _ТГБ_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fizc" } } }, { "id": 4, "label": "240х200_mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "flbq" } } }, { "id": 5, "label": "300x500_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfk" } } }, { "id": 6, "label": "1180х250_Interpool_баннер над комментариями_Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "ffyh" } } }, { "id": 7, "label": "Article Footer 100%_desktop_mobile", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjxb" } } }, { "id": 8, "label": "Fullscreen Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjoh" } } }, { "id": 9, "label": "Fullscreen Mobile", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjog" } } }, { "id": 10, "disable": true, "label": "Native Partner Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyb" } } }, { "id": 11, "disable": true, "label": "Native Partner Mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyc" } } }, { "id": 12, "label": "Кнопка в шапке", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "p1": "bscsh", "p2": "fdhx" } } }, { "id": 13, "label": "DM InPage Video PartnerCode", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox_method": "createAdaptive", "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "flvn" } } }, { "id": 14, "label": "Yandex context video banner", "provider": "yandex", "yandex": { "block_id": "VI-223676-0", "render_to": "inpage_VI-223676-0-1104503429", "adfox_url": "//ads.adfox.ru/228129/getCode?pp=h&ps=bugf&p2=fpjw&puid1=&puid2=&puid3=&puid4=&puid8=&puid9=&puid10=&puid21=&puid22=&puid31=&puid32=&puid33=&fmt=1&dl={REFERER}&pr=" } }, { "id": 15, "label": "Плашка на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byudx", "p2": "ftjf" } } }, { "id": 16, "label": "Кнопка в шапке мобайл", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byzqf", "p2": "ftwx" } } }, { "id": 17, "label": "Stratum Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvb" } } }, { "id": 18, "label": "Stratum Mobile", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvc" } } }, { "id": 19, "label": "Тизер на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "p1": "cbltd", "p2": "gazs" } } } ]
Компания отказалась от email
в пользу общения при помощи мемов
Подписаться на push-уведомления