Pioneer ARC
Описание экранов, анимации и геймифицированного пути пользователя
19.04.2017
ТИЗЕР: Появляется пульт с панелью автомобиля, над магнитолой бабл
«СЛОЖНО НАСТРОИТЬ МАГНИТОЛУ?» (статичен)
и текст “Испытай новый уровень комфорта в управлении магнитолой с бесплатным приложением Pioneer ARC» и стань Маэстро АВТОЗВУКА. “
Разбиваем текст на два поп апа. Поп-апы с текстом чередуются между собой.
Кнопка “Начни” ведет на главный экран
на главной
ПУЛЬТ ПРЕВРАЩАЕТСЯ В ТЕЛЕФОН и появляется главный экран с кнопками, новой магнитолой и приборной панелью
ТИЗЕР
Справа от телефона появляется поп-ап с текстом (подсвечивается) “Осталось всего три шага до уровня «МАЭСТРО АВТОЗВУКА»
НИЖЕ КНОПКА Начни.
Интегрируем прогресс бар, который показывает статус получения звания “Маэстро Автозвука”. Делим на три части, цветовое оформление - градиет из трех цветов. На старте полоса будет пустой, но на самой полосе будет анимирована динамика стартового цвета, который как буд-то стремится увеличиться.
При наведении на кнопку “Настроить звук” будут появляться 3 под кнопки “Настрой эквалайзер”, “Настрой временные задержки” и “Настрой кроссовер”)
Анимация:
ГЛАВНЫЙ ЭКРАН
ОСТАЛОСЬ ВСЕГО ТРИ ШАГА ДО УРОВНЯ МАЭСТРО АВТОЗВУКА
После нажатия кнопки “Настрой эквалайзер” пользователь видит телефон с экраном настройки эквалайзера
Играет звук на заднем фоне, по умолчанию рок.
Анимация:
Зеленая волна начинает бежать и мигать, приглашая настроить эквалайзер. Мигает первый пункт настройки эквалайзера SuperBass на экране смартфона. Появляется подсказка “Настрой SuperBass” После того, как пользователь по взаимодействовал с данной настройкой, изменяется кривая эквалайзера и начинает мигать второй тип звука Powerful, показывая, что можно переходить к настройке далее.
И так происходит, пока пользователь не попробует все настройки.
После испытания всех опций или если пользователь не активен 2 сек затемняется экран + появляется поп ап с текстом «Настройка эквалайзера пройдена успешно», пользователь переводится на главный экран.
НАСТРОЙКА ЭКВАЛАЙЗЕРА
НАСТРОЙКА ЭКВАЛАЙЗЕРА ПРОЙДЕНА УСПЕШНО
При клике на кнопку “Настройка временных задержек” приборная панель меняется на машину (вид сверху), как на картинке. Два передних сидения попеременно подсвечиваются зеленым. Баблы «Нажмите на сиденья и увидите, как изменится звук»
На заднем фоне приглушенно играет музыка, то тише, то громче.
При нажатии на сиденье водителя - колонки становятся зелеными и выстраиваются равномерно от сидения, появляется зеленая окружность. Те же настройки предлагаются для пассажира справа и для пассажиров сзади.
После последнего клика на сиденье, через 2 сек, затемняется экран + поп с текстом над магнитолой «Настройка временных задержек пройдена успешно», пользователь переводится на главный экран.
НАСТРОЙКА ВРЕМЕННЫХ ЗАДЕРЖЕК
Визуализация: Вид сверху, вокруг машины силуэты музыкальных инструментов, перед машиной сами инструменты.
На телефоне экран настройки кроссовера (статичен, мы в нем не работаем). Рядом бабл с подсказкой “Настрой кроссовер”.
Внутри салона, из того места в котором располагается магнитола, идут пульсирующие круги, которые будут имитировать кнопку.
При клике на кнопку инструменты становятся на свои места. Звук становится глубже и громче.
Через 2 сек затемняется экран + поп ап с текстом «Настройка кроссовера пройдена успешно».
Если это был третий пункт в очереди настроек звука, то появляется текст “Вы успешно настроили звук” . Далее пользователя перекидывает на главный экран.
НАСТРОЙКА КРОССОВЕРА
СВЕРХУ над магнитолой поп ап с текстом
«Настройка временных задержек» с текстом
Кнопка «Продолжить настройку»
Постепенно увеличивается прогресс бар, каждый раз, когда был протестирован какой-то пункт из настроек.
ГЛАВНЫЙ ЭКРАН (возврат после настройки каждого из элементов звука)
На переднем плане увеличивается магнитола по центру. Бабл «Настрой цвет твоей магнитолы».
Пользователь кликает на цвета на телефоне и меняется цвет подсветки.
НАСТРОЙКА ПОДСВЕТКИ
После 3го выбранного цвета или если после последнего клика на цвет прошло 5 сек, затемняется экран + на поп апе текст «Настройка подсветки пройдена успешно». Пользователь переводится на главный экран.
На переднем плане увеличивается магнитола по центру. И на нем бежит источник \ название исполнителя. (рекомендуем продублировать на плашке рядом источник и трек для понимания пользователем)
Появляются на телефоне иконки радио, блютуз, Flash + Бабл «Выбери источник звука»
При выборе одной из них, появляется список композиций (2-3). При клике на композицию изменяется название текста и музыка на заднем фоне.
УПРАВЛЕНИЕ ИСТОЧНИКОМ
После 2го выбранного источника или если после последнего клика на источник, прошло 5 сек, затемняется экран + поп ап с текстом «Настройка источника пройдена успешно», пользователь переводится на главный экран. Если это последний пункт, то появляется текст «Вы полностью настроили магнитолу и получаете звание “Маэстро АВТОЗВУКА» + кнопки «Поделиться в соц сетях», ниже кнопка «Вернуться на главную»
СПАСИБО!