У меня появился повод вспомнить про фичу, которую сделали пару лет назад — интерфейс выбора пиццы из половинок в Додо.
Расскажу как дизайнили, почему и какие решения приняли. От идеи до прода в одном треде.
Продукт показываем крупно, в полную ширину экрана. Можно было бы еще крупнее — вынести за пределы экрана, но нам важна форма пиццы, а не начинка.
Управлять контентом напрямую кайфово, поэтому двигаем пиццы под пальцем. Получается два вертикальных списка. Выбранная пицца крупно, остальные уходят в фон, все интерактивно изменяется. смотрите в движении:
О том, как это работает внутри мы написали статью
habr.com/ru/company/dod…
Пицц много — нужны скролл-индикаторы. Взяли бы стандартные, но для списка слева все равно придется кастомайзить, чтобы передвинуть к другому краю, поэтому делаем свои и закругляем вдоль пиццы, чтобы целостно было.
Заголовки тоже по форме пиццы.
Нужно больше фана — добавляем легкую вибрацию при перелистывании и кнопку «перемешать» в правом нижнем углу.
Добавляем весь интерфейс вокруг. Кастомизацию по типу теста не показываем на этом экране, потому что хочется сосредоточиться на главном.
Можно выбрать одинаковые — не проблема, переставляем заголовки и просто ведем на обычную карточку.
Надо научить пользоваться интерфейсом. Для обучения сами подскроливаем пиццу справа, тем самым уходим из дефолтного состояния одинаковых пицц.
При объединении плавно переходим на новый экран. Обратный переход интерактивен.
И вот мы подошли к самому вкусному.
Спустя 3 года Dominos Russia показывает свои наработки.
Без комментариев.
Share this Scrolly Tale with your friends.
A Scrolly Tale is a new way to read Twitter threads with a more visually immersive experience.
Discover more beautiful Scrolly Tales like this.