Эрмитаж. Аудиогид
App design
CultureTech
Navigation
Мобильное приложение для прослушивания экскурсий, просмотра экспонатов и навигации по музейному комплексу. В рамках проекта я отвечал за полный цикл дизайна: от формирования UX-гипотез до разработки прототипов, интерфейсов и общей логики продукта.
App design
CultureTech
Navigation
Мобильное приложение для прослушивания экскурсий, просмотра экспонатов и навигации по музейному комплексу. В рамках проекта я отвечал за полный цикл дизайна: от формирования UX-гипотез до разработки прототипов, интерфейсов и общей логики продукта.
О проекте
Аудиогид — это приложение для прослушивания аудиоэкскурсий и навигации по музейному комплексу.
О проекте
Аудиогид — это приложение для прослушивания аудиоэкскурсий и навигации по музейному комплексу.
О проекте
Аудиогид — это приложение для прослушивания аудиоэкскурсий и навигации по музейному комплексу.
О проекте
Аудиогид — это приложение для прослушивания аудиоэкскурсий и навигации по музейному комплексу.
Задача
К моменту старта проекта у Эрмитажа уже существовало приложение-аудиогид. Заказчик обратился к нам с задачей обновить его: избавиться от запутанной архитектуры, предложить новую концепцию дизайна и разработать функционал навигации по музею.
Задача
К моменту старта проекта у Эрмитажа уже существовало приложение-аудиогид. Заказчик обратился к нам с задачей обновить его: избавиться от запутанной архитектуры, предложить новую концепцию дизайна и разработать функционал навигации по музею.
Задача
К моменту старта проекта у Эрмитажа уже существовало приложение-аудиогид. Заказчик обратился к нам с задачей обновить его: избавиться от запутанной архитектуры, предложить новую концепцию дизайна и разработать функционал навигации по музею.
Задача
К моменту старта проекта у Эрмитажа уже существовало приложение-аудиогид. Заказчик обратился к нам с задачей обновить его: избавиться от запутанной архитектуры, предложить новую концепцию дизайна и разработать функционал навигации по музею.
Цели проекта
Спроектировать интуитивный интерфейс приложения
Цели проекта
Спроектировать интуитивный интерфейс приложения
Цели проекта
Спроектировать интуитивный интерфейс приложения
Создать удобную навигацию, синхронизирующую аудиодорожку, карту и текст
Создать удобную навигацию, синхронизирующую аудиодорожку, карту и текст
Создать удобную навигацию, синхронизирующую аудиодорожку, карту и текст
Повысить продажи аудиоэкскурсий
Повысить продажи аудиоэкскурсий
Повысить продажи аудиоэкскурсий
Повысить продажи аудиоэкскурсий
Анализ старого приложения
Я протестировал старое приложение и выделил основные проблемы:
Анализ старого приложения
Я протестировал старое приложение и выделил основные проблемы:
Анализ старого приложения
Я протестировал старое приложение и выделил основные проблемы:
Анализ старого приложения
Я протестировал старое приложение и выделил основные проблемы:
Запутанная структура разделов
Запутанная структура разделов
Запутанная структура разделов
Устаревший UI
Устаревший UI
Устаревший UI
Неудобный плеер экскурсий
Неудобный плеер экскурсий
Неудобный плеер экскурсий
Отсутствие интерактивной карты
Отсутствие интерактивной карты
Отсутствие интерактивной карты
Отсутствие интерактивной карты
Ключевой вывод: приложение не выполняло важную функцию навигации и не предлагало преимуществ онлайн-покупки аудиоэкскурсий.
Ключевой вывод: приложение не выполняло важную функцию навигации и не предлагало преимуществ онлайн-покупки аудиоэкскурсий.
Ключевой вывод: приложение не выполняло важную функцию навигации и не предлагало преимуществ онлайн-покупки аудиоэкскурсий.
Ключевой вывод: приложение не выполняло важную функцию навигации и не предлагало преимуществ онлайн-покупки аудиоэкскурсий.
Проектирование
На этапе проектирования я работал в паре с системным аналитиком: на первом этапе мы изучили популярные приложения-аудиогиды и сформулировали UX-гипотезы. После этого — определили базовую структуру приложения, составили карту пути пользователя и разработали интерактивный прототип.
Проектирование
На этапе проектирования я работал в паре с системным аналитиком: на первом этапе мы изучили популярные приложения-аудиогиды и сформулировали UX-гипотезы. После этого — определили базовую структуру приложения, составили карту пути пользователя и разработали интерактивный прототип.
Проектирование
На этапе проектирования я работал в паре с системным аналитиком: на первом этапе мы изучили популярные приложения-аудиогиды и сформулировали UX-гипотезы. После этого — определили базовую структуру приложения, составили карту пути пользователя и разработали интерактивный прототип.
Проектирование
На этапе проектирования я работал в паре с системным аналитиком: на первом этапе мы изучили популярные приложения-аудиогиды и сформулировали UX-гипотезы. После этого — определили базовую структуру приложения, составили карту пути пользователя и разработали интерактивный прототип.
Дизайн-концепция
Визуальная концепция построена на современном минимализме. Такое решение не отвлекает от прослушивания экскурсии. Для интерактивных элементов используется акцентный розовый цвет. Заголовки с засечками — легкая отсылка к истории музея.
Дизайн-концепция
Визуальная концепция построена на современном минимализме. Такое решение не отвлекает от прослушивания экскурсии. Для интерактивных элементов используется акцентный розовый цвет. Заголовки с засечками — легкая отсылка к истории музея.
Дизайн-концепция
Визуальная концепция построена на современном минимализме. Такое решение не отвлекает от прослушивания экскурсии. Для интерактивных элементов используется акцентный розовый цвет. Заголовки с засечками — легкая отсылка к истории музея.
Дизайн-концепция
Визуальная концепция построена на современном минимализме. Такое решение не отвлекает от прослушивания экскурсии. Для интерактивных элементов используется акцентный розовый цвет. Заголовки с засечками — легкая отсылка к истории музея.
Прослушивание экскурсий
Для сценария прослушивания я спроектировал плеер, который вдохновлён стриминговыми сервисами.
Прослушивание экскурсий
Для сценария прослушивания я спроектировал плеер, который вдохновлён стриминговыми сервисами.
Прослушивание экскурсий
Для сценария прослушивания я спроектировал плеер, который вдохновлён стриминговыми сервисами.
Прослушивание экскурсий
Для сценария прослушивания я спроектировал плеер, который вдохновлён стриминговыми сервисами.
Аудиоплеер умеет работать в фоновом режиме и синхронизировать карту, фото и аудиодорожку. Экскурсии можно слушать оффлайн.
Аудиоплеер умеет работать в фоновом режиме и синхронизировать карту, фото и аудиодорожку. Экскурсии можно слушать оффлайн.
Аудиоплеер умеет работать в фоновом режиме и синхронизировать карту, фото и аудиодорожку. Экскурсии можно слушать оффлайн.
Аудиоплеер умеет работать в фоновом режиме и синхронизировать карту, фото и аудиодорожку. Экскурсии можно слушать оффлайн.
Навигация
Раздел навигации по музею стал ключевым UX-решением, закрывающим сразу несколько задач:
Навигация
Раздел навигации по музею стал ключевым UX-решением, закрывающим сразу несколько задач:
Навигация
Раздел навигации по музею стал ключевым UX-решением, закрывающим сразу несколько задач:
Навигация
Раздел навигации по музею стал ключевым UX-решением, закрывающим сразу несколько задач:
Поиск залов, инфо-стоек, гардеробов, уборных и зон wi-fi
Поиск залов, инфо-стоек, гардеробов, уборных и зон wi-fi
Поиск залов, инфо-стоек, гардеробов, уборных и зон wi-fi
Навигация по маршруту экскурсии
Навигация по маршруту экскурсии
Навигация по маршруту экскурсии
Просмотр информации об экспонатах в выбранном зале
Просмотр информации об экспонатах в выбранном зале
Просмотр информации об экспонатах в выбранном зале
Просмотр информации об экспонатах в выбранном зале
Карта
Для реализации карты я изучил AutoCAD и вручную отрисовал точные планы зданий по сканам, предоставленным заказчиком. Итоговый вариант — интерактивная SVG-карта, где можно:
Карта
Для реализации карты я изучил AutoCAD и вручную отрисовал точные планы зданий по сканам, предоставленным заказчиком. Итоговый вариант — интерактивная SVG-карта, где можно:
Карта
Для реализации карты я изучил AutoCAD и вручную отрисовал точные планы зданий по сканам, предоставленным заказчиком. Итоговый вариант — интерактивная SVG-карта, где можно:
Карта
Для реализации карты я изучил AutoCAD и вручную отрисовал точные планы зданий по сканам, предоставленным заказчиком. Итоговый вариант — интерактивная SVG-карта, где можно:
Найти любой зал и посмотреть экспонаты в нём
Найти любой зал и посмотреть экспонаты в нём
Найти любой зал и посмотреть экспонаты в нём
Перейти в карточку экспоната
Перейти в карточку экспоната
Перейти в карточку экспоната
Увидеть, где находится пользователь во время экскурсии
Увидеть, где находится пользователь во время экскурсии
Увидеть, где находится пользователь во время экскурсии
Переходить между залами как виртуально, так и физически
Переходить между залами как виртуально, так и физически
Переходить между залами как виртуально, так и физически
Переходить между залами как виртуально, так и физически
A/B-тесты и улучшения интерфейса
После запуска приложения мы провели несколько A/B-тестов и улучшений, чтобы повысить удобство ключевых сценариев.
A/B-тесты и улучшения интерфейса
После запуска приложения мы провели несколько A/B-тестов и улучшений, чтобы повысить удобство ключевых сценариев.
A/B-тесты и улучшения интерфейса
После запуска приложения мы провели несколько A/B-тестов и улучшений, чтобы повысить удобство ключевых сценариев.
A/B-тесты и улучшения интерфейса
После запуска приложения мы провели несколько A/B-тестов и улучшений, чтобы повысить удобство ключевых сценариев.
Скорость воспроизведения
Скорость воспроизведения
Скорость воспроизведения
Пользователи просили возможность регулировать темп. Мы добавили функцию изменения скорости аудиогида.
Пользователи просили возможность регулировать темп. Мы добавили функцию изменения скорости аудиогида.
Пользователи просили возможность регулировать темп. Мы добавили функцию изменения скорости аудиогида.
Отображение экспонатов в залах
Отображение экспонатов в залах
Отображение экспонатов в залах
Отображение экспонатов в залах
Тестировали два варианта: отображение прямо на схеме зала или списком. По результатам теста выбрали комбинированный вариант — пользователям было важно увидеть всю основную информацию об экспонатах и узнать его точное местоположение в зале.
Тестировали два варианта: отображение прямо на схеме зала или списком. По результатам теста выбрали комбинированный вариант — пользователям было важно увидеть всю основную информацию об экспонатах и узнать его точное местоположение в зале.
Тестировали два варианта: отображение прямо на схеме зала или списком. По результатам теста выбрали комбинированный вариант — пользователям было важно увидеть всю основную информацию об экспонатах и узнать его точное местоположение в зале.
Редизайн плеера экскурсий
Редизайн плеера экскурсий
Редизайн плеера экскурсий
Редизайн плеера экскурсий
Было два варианта: одна большая карточка текущего экспоната с кнопками управления или список с маленькими картинками всех экспонатов экскурсии. В результате выбрали первый вариант, а список экспонатов вынесли в модальное окно, доступное по кнопке «Список экспонатов».
Было два варианта: одна большая карточка текущего экспоната с кнопками управления или список с маленькими картинками всех экспонатов экскурсии. В результате выбрали первый вариант, а список экспонатов вынесли в модальное окно, доступное по кнопке «Список экспонатов».
Было два варианта: одна большая карточка текущего экспоната с кнопками управления или список с маленькими картинками всех экспонатов экскурсии. В результате выбрали первый вариант, а список экспонатов вынесли в модальное окно, доступное по кнопке «Список экспонатов».
Было два варианта: одна большая карточка текущего экспоната с кнопками управления или список с маленькими картинками всех экспонатов экскурсии. В результате выбрали первый вариант, а список экспонатов вынесли в модальное окно, доступное по кнопке «Список экспонатов».
Результаты
Продукт был успешно запущен, после чего мы начали отслеживать изменения в метриках:
Результаты
Продукт был успешно запущен, после чего мы начали отслеживать изменения в метриках:
Результаты
Продукт был успешно запущен, после чего мы начали отслеживать изменения в метриках:
Результаты
Продукт был успешно запущен, после чего мы начали отслеживать изменения в метриках:
За первый месяц приложение скачали 63 000 пользователей
За первый месяц приложение скачали 63 000 пользователей
За первый месяц приложение скачали 63 000 пользователей
Продажи экскурсий выросли на 50%
Продажи экскурсий выросли на 50%
Продажи экскурсий выросли на 50%
Трафик вырос на 20%
Трафик вырос на 20%
Трафик вырос на 20%
Карта, разработанная для Эрмитажа, получила жизнь за пределами проекта: её начали продавать другим компаниям, меняя только SVG-основу.
Карта, разработанная для Эрмитажа, получила жизнь за пределами проекта: её начали продавать другим компаниям, меняя только SVG-основу.
Карта, разработанная для Эрмитажа, получила жизнь за пределами проекта: её начали продавать другим компаниям, меняя только SVG-основу.
Карта, разработанная для Эрмитажа, получила жизнь за пределами проекта: её начали продавать другим компаниям, меняя только SVG-основу.
Личный рост в проекте
Проект стал важным опытом: за короткий срок я освоил AutoCAD, чтобы реализовать точную цифровую карту. Это научило навыку быстрее адаптироваться к новым инструментам и задачам.
Личный рост в проекте
Проект стал важным опытом: за короткий срок я освоил AutoCAD, чтобы реализовать точную цифровую карту. Это научило навыку быстрее адаптироваться к новым инструментам и задачам.
Личный рост в проекте
Проект стал важным опытом: за короткий срок я освоил AutoCAD, чтобы реализовать точную цифровую карту. Это научило навыку быстрее адаптироваться к новым инструментам и задачам.
Личный рост в проекте
Проект стал важным опытом: за короткий срок я освоил AutoCAD, чтобы реализовать точную цифровую карту. Это научило навыку быстрее адаптироваться к новым инструментам и задачам.
Работа над приложением для Эрмитажа прокачала мою гибкость, скорость принятия решений и уверенность в том, что дизайн — это не только про красивые интерфейсы, но и про глубокое понимание технологий и процессов.
Работа над приложением для Эрмитажа прокачала мою гибкость, скорость принятия решений и уверенность в том, что дизайн — это не только про красивые интерфейсы, но и про глубокое понимание технологий и процессов.
Работа над приложением для Эрмитажа прокачала мою гибкость, скорость принятия решений и уверенность в том, что дизайн — это не только про красивые интерфейсы, но и про глубокое понимание технологий и процессов.
Работа над приложением для Эрмитажа прокачала мою гибкость, скорость принятия решений и уверенность в том, что дизайн — это не только про красивые интерфейсы, но и про глубокое понимание технологий и процессов.
Лет опыта
Клиентов
Проектов
Лет опыта
Клиентов
Проектов
Лет опыта
Клиентов
Проектов
Лет опыта
Клиентов
Проектов