UX Flow
Онбординг, авторизация, каталог спектаклей, билеты, загрузка файла и запуск просмотра.
Вернуться к портфолио
Мобильный ТЮЗ
Мобильное AR‑приложение для Томского ТЮЗа, которое превращает город в театральную сцену: зритель активирует билет, загружает спектакль, приходит к стартовой точке маршрута и смотрит сцены в дополненной реальности через камеру смартфона.
Моя роль
Я работал над продуктовой логикой и UX/UI-дизайном мобильного приложения: от структуры пользовательских сценариев до основных потоков, состояний интерфейса и edge cases. Главная задача состояла в том, чтобы сделать сложный AR‑театральный опыт понятным для семей с детьми, туристов, зрителей театра и людей, которые впервые используют AR.
Route Logic
Предпросмотр маршрута, стартовая точка, переходы между сценами, пауза и возврат к просмотру.
Mobile UI
Основные экраны приложения, AR‑состояния, модальные окна, ошибки, FAQ и поддержка.
Edge Cases
Проверка устройства, память, доступы, геолокация, истёкший билет и групповой просмотр.
Новый формат театрального опыта
Томский ТЮЗ хотел создать формат спектакля вне традиционного здания театра. Вместо зала зритель идёт по городу и видит AR‑сцены в конкретных точках маршрута. Первый спектакль был основан на «Волшебнике Изумрудного города» Александра Волкова: Томск становился декорацией, а цифровые персонажи и объекты появлялись в дополненной реальности.
Театр
Приложение должно сохранять ощущение спектакля, а не превращаться только в технический AR‑плеер.
Город
Маршрут, адреса, объекты для поиска и переходы между точками становятся частью продукта.
AR
Пользователю нужно объяснить, куда смотреть, что найти в камере и как запустить сцену.
AR‑спектакль зависит от реального мира
В отличие от обычного стриминга или билетного сервиса, этот опыт зависит от погоды, городской навигации, камеры, памяти устройства, мобильного интернета, геолокации и физического присутствия зрителя в нужной точке.
Поэтому главная задача была не просто спроектировать красивое приложение для театра, а сделать весь путь просмотра надёжным. Пользователь должен понимать, что нужно сделать заранее, когда билет станет активным, сколько времени осталось и как получить помощь, если AR‑сцена не запускается.
Подготовить до прогулки
Проверить устройство, показать размер файла и предложить загрузить спектакль заранее.
Защитить билет
Не активировать билет случайно: запускать таймер только перед первой AR‑сценой.
Вести по маршруту
После каждой сцены объяснять, куда идти дальше и какой объект искать в камере.
Состояния как основа интерфейса
Я начал с декомпозиции полного опыта на состояния продукта. Один и тот же спектакль мог быть доступен, куплен, не загружен, загружен, активен, поставлен на паузу, завершён, просрочен или недоступен из-за закрытого сезона или неподдерживаемого устройства. Эта модель определила, какое действие нужно показывать пользователю в каждый момент.
Выбрать
Проверить
Загрузить
Активировать
Смотреть
Проверка устройства
До критических шагов пользователь видит совместимость с AR, доступную память и рекомендации, если устройство не готово к просмотру.
Загрузка спектакля
Размер файла, прогресс загрузки и возможность удалить файл вынесены в явное состояние, чтобы снизить риск сбоев во время городского маршрута.
Явная активация билета
Билет активируется только перед первой сценой. Перед этим приложение предупреждает, что возврат станет недоступен и начнётся 24‑часовой таймер.
AR‑экран без перегруза
В режиме камеры остаются только номер сцены, инструкция, объект для поиска, звук, пауза и помощь, чтобы интерфейс не закрывал спектакль.
Информационная архитектура
Структура приложения была построена вокруг пяти разделов нижней навигации. Она разделяет намерения пользователя: узнать о театре, выбрать спектакль, управлять билетами, смотреть активный маршрут или получить помощь.
Театр
Информация о Томском ТЮЗе, истории, миссии и новом формате спектаклей.
Спектакли
Каталог AR‑спектаклей с длительностью, маршрутом, размером файла и статусом доступности.
Просмотр
Активный или приостановленный спектакль, текущая точка маршрута и следующее действие.
Билеты
Индивидуальные, семейные и групповые билеты, статусы использования и таймер просмотра.
Помощь
FAQ, обратная связь, Telegram, WhatsApp, часы работы и быстрый доступ из AR‑режима.
Групповой просмотр
Для групповых билетов я спроектировал состояния, в которых приложение показывает, сколько зрителей уже готовы к запуску сцены. Сцена стартует только тогда, когда все участники распознали маркер или подтвердили готовность. Это не даёт одному человеку случайно начать просмотр, пока остальные ещё не готовы.
Такой сценарий поддерживает общий театральный опыт: приложение синхронизирует группу, а не превращает прогулку в набор отдельных просмотров.
Результат
5
разделов нижней навигации
24h
таймер после активации билета
AR
просмотр сцен через камеру
1
масштабируемая платформа для маршрутов
Результатом стал полный UX/UI-концепт мобильной AR‑платформы для городских спектаклей: от первого запуска и авторизации до каталога, билетов, проверки устройства, загрузки файла, старта маршрута, запуска AR‑сцены, паузы, группового просмотра и поддержки.
Логика продукта позволяет масштабировать приложение за пределы одного спектакля: добавлять новые пьесы, маршруты, языки, сезоны и групповые форматы без изменения базовой структуры.
Главный вывод
Mobile TUZ показывает, как театр, городское исследование и дополненная реальность могут объединиться в один цифровой продукт. Самое важное в таком опыте — спроектировать доверие: зритель не должен потеряться в городе, случайно активировать билет или растеряться перед AR.