Content Oriented Web
Make great presentations, longreads, and landing pages, as well as photo stories, blogs, lookbooks, and all other kinds of content oriented projects.
Content Oriented Web
Make great presentations, longreads, and landing pages, as well as photo stories, blogs, lookbooks, and all other kinds of content oriented projects.
Москва 2019
Дизайн интерфейса
для «Мосметро»
Автоматы продажи проездных билетов
На станции метро "Белорусская" Замоскворецкой линии началось тестирование билетных автоматов
с новым интерфейсом
Экран АПБ большого размера
Экран АПБ малого размера
Срок реализации:
2 месяца
Проблема и задачи
«Мосметро» доверили нам создание интуитивно-понятного интерфейса и нового UX-решения для меню АПБ, так как старый дизайн потерял свою актуальность.

Что нужно сделать:

– добавить возможность пополнить «Тройку»
на любую сумму, а не только кратную 50 рублям

– разработать сценарий выбора билета
или абонемента для проезда по МЦД

– реализовать опцию записи на «Тройку»
абонемента на наземный транспорт
Новый интерфейс АПБ
Основные экраны интерфейса с адаптивом под малые АПБ
Пользовательский опыт
Важно очень быстро получать результат во время использования автомата билетов,
так как интерфейсы достаточно медленно реагируют, а это неудобно.

Панель интерфейса была непонятна для использования из-за отсутствия продуманных пользовательских сценариев.
Старый интерфейс АПБ
Мы предложили разработать сценарии в виде блок-схем,
так как клиенту было крайне сложно представить концепцию визуально.
Работа над дизайном
На станции метро "Белорусская" Замоскворецкой линии началось тестирование билетных автоматов с новым интерфейсом На станции метро "Белорусская" Замоскворецкой линии началось тестирование билетных автоматов с новым интерфейсом
Результат
– создали понятный интерфейс
– проработали пользовательские сценарии (учтены пользовательские паттерны поведения пользователей карт «Тройка» и социальных карт)
– увеличили функционал текущей версии
– разместили быстрые экшены на первый план, чтобы они были легко доступны
Новый итерфейс АПБ
Дополнительные экраны интерфейса с адаптивом под малые АПБ
Идея концепции
Интересно и важно то, что в процессе реализации концепции заложена идея, которая была разработана учениками курса «Digital test-drive» на базе Британской Школы Дизайна в 2018 году.

Во время этого курса ребят познакомили с жизнью агентства,
а руководители digital-агентства «Zephyrlab» Роман Квартальнов
и Дмитрий Уколов на примере работы с подростками показали, как выстроить грамотный art-дирекшн и научиться делать крутые дизайн-концепции.
Следующий кейс
Электронный дневник
Lancman school