Index

4 минуты чтения

Короткой строкой

Четыре решения из молодёжной фазы «Кто/Где», на которые не нужен отдельный кейс.

Палитра

Молодёжному «Кто/Где» нужен был свой визуальный язык — отстроенный от продуктов МТС, но на корпоративной дизайн-системе, чтобы не терять скорость разработки. Айдентику отдали студии.

Согласование палитры затянулось: варианты студии команде не заходили. Без палитры не было ассетов — они уже были нужны мне в макетах.

Я взял палитру, заготовленную ещё на прошлой работе — там она не пригодилась. Перекрасил ею готовые hi-fi экраны и показал стейкхолдерам. Палитру приняли за один заход и отдали студии как основу для графики.

Расширил палитру градиентами, перевёл все в токены и использовал их вместо стандартной палитры дизайн-системы.

Палитра

Статусы

Карта ценностей подсветила проблему: пользователь хочет знать, что происходит у друга — гуляет или занят, но не хочет навязываться звонком. Задача — дать этот контекст прямо на карте.

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

Пин, онбординг и дефолтный статус

Остальные четыре ставятся на время: выбираешь статус, выбираешь срок, подтверждаешь. Когда время вышло, система возвращает дефолтный.

Выбор статуса и срока

Видео карусели — наглядный артефакт, с помощью которого я уточнял требования у разработчиков.

Позже добавился кот — статус «Делаю кусь», который разблокировался за три приглашённых контакта. Механика та же, задача другая: не показать контекст, а дать повод позвать друзей в приложение.

Статусами пользовались 8–10% MEU. Барьер был в ручной установке: автовозврат снимал устаревание, но поставить статус пользователь всё равно должен был сам — и про это забывал.

Шагомер

Хотели добавить интерактивности между пользователем и контактом и выбрали соревновательную механику — шаги.

Шаги видно прямо на карте: свои на главном экране, рядом с бургером, чужие — над пином контакта в его карточке. При первом входе — короткий разовый онбординг. Дальше статистика и средний результат по шагам за сутки.

Шагомер

Камень-ножницы-бумага

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

Инициация — пользователь кидает ход в соперника. Играет анимация броска.

Ответ: контакту прилетает пуш и ведёт прямо в карточку инициатора. Акцептор видит, что с ним начали игру, выбирает свой ход и получает анимацию развязки.

Развязка возвращается инициатору.

Для меня игра стала полем, где я оттачивал работу с анимацией и последующим хендоффом. Здесь смесь — Lottie и code-based. Такой же подход использовали на онбординге, там анимация решала утилитарную задачу — провести пользователя по системным настройкам.