У меня появился повод вспомнить про фичу, которую сделали пару лет назад — интерфейс выбора пиццы из половинок в Додо.
Расскажу как дизайнили, почему и какие решения приняли. От идеи до прода в одном треде.
Продукт показываем крупно, в полную ширину экрана. Можно было бы еще крупнее — вынести за пределы экрана, но нам важна форма пиццы, а не начинка.
Управлять контентом напрямую кайфово, поэтому двигаем пиццы под пальцем. Получается два вертикальных списка. Выбранная пицца крупно, остальные уходят в фон, все интерактивно изменяется. смотрите в движении:
Пицц много — нужны скролл-индикаторы. Взяли бы стандартные, но для списка слева все равно придется кастомайзить, чтобы передвинуть к другому краю, поэтому делаем свои и закругляем вдоль пиццы, чтобы целостно было.
Заголовки тоже по форме пиццы.
Нужно больше фана — добавляем легкую вибрацию при перелистывании и кнопку «перемешать» в правом нижнем углу.
Добавляем весь интерфейс вокруг. Кастомизацию по типу теста не показываем на этом экране, потому что хочется сосредоточиться на главном.
Можно выбрать одинаковые — не проблема, переставляем заголовки и просто ведем на обычную карточку.
Надо научить пользоваться интерфейсом. Для обучения сами подскроливаем пиццу справа, тем самым уходим из дефолтного состояния одинаковых пицц.
При объединении плавно переходим на новый экран. Обратный переход интерактивен.
И вот мы подошли к самому вкусному.
Спустя 3 года Dominos Russia показывает свои наработки.
Без комментариев.
• • •
Missing some Tweet in this thread? You can try to
force a refresh
Уже сотню лет никто не решается массово заредизайнить клаву. У Эпла последняя выглядит вот так. Давайте немного подвигаем кнопки и посмотрим как можно сделать лучше.
Наши пальцы двигаются впереди и назад, а не по диагонали, поэтому кнопки выравниваем в колонки.
Длина боковых клавиш нужна была только для компенсации сдвига, укоротим кнопки обратно. Не спешите бомбить за короткий энтер, его еще подвинем поудобней.