Тестовое задание на «Дизайн-перемену»
В начале февраля 2019го заметил рекламу очередной «Дизайн-перемены» от Яндекса.
Чтобы попасть на воркшоп, нужно выполнить тестовое задание. Про него и пишу.
Текст задания
Представьте, что вам дали отпуск на месяц. Вы хотите посвятить эти дни играм и решили обустроить дома временный игровой уголок с приставкой. Бюджет маленький, и на новую приставку денег точно не хватит — тем более через месяц она будет уже не нужна.
Придумайте интерфейс мобильного приложения, в котором есть всё для обустройства игрового уголка. Используйте шеринговую модель (предполагает аренду, обмен или дар). Будет ли это iOS, Android или веб-приложение — решать вам.
Уделите особое внимание сценарию выбора и заказа игровой консоли, без которой вы не сможете насладиться долгожданным отпуском.
Приложите PDF-файл с объяснением решений и картинками. В нём же укажите ссылки на прототип и ваше портфолио, если они есть.
Анализ
Я предположил: люди не знают, какие консоли есть, и какие игры на них работают. Отсюда теория: пользователю сервиса не важно, какая приставка приедет. Важно, какая игра будет развлекать в течение месяца.
Теорию нужно проверить. Я прошёл по коворкингу и задал вопросы:
- Какие модели консолей ты знаешь?
- Чем консоли отличаются?
Ребята неуверенно отвечали: PlayStation3, PS4, XBOX. Двое из двадцати вспомнили, что у XBOX есть поколения, кто-то упомянул Nintendo. Вопрос об отличиях получал один ответ: «играми, наверное».
Выходит, теория верна: не важно какую консоль поставят рядом с телеком, важно во что будут играть. Опираясь на эту мысль я сделал концепцию приложения.
П.С. Да, нужно провести количественный исследование, но… Это тестовое задание :)
Интерфейс
После анализа стало понятно: нужна аренда игр в комплекте с консолью. Приставка без игр — бесполезная коробка.
ПодборкиОпустим процесс регистрации и авторизации, там ничего нового. Дальше экран, который открывается после авторизации:
Подборки игр от редакции. Предполагается, что получиться составить подборки для разных пользователей: мультиплеерные игры, игры для тусовок, шутеры, приключения, RPG, хорроры, баттл рояли, популярные за сегодня, громкие новинки и т.д.
Категории и поискЯ не выделял отдельную страницу для категорий. Они хорошо подружились с поиском:
Пользователь не всегда знает, во что хочет поиграть. Для этого есть подборки, а после них приложение предложит поискать что-нибудь определённое. В поиске встретятся категории, они помогут сузить выдачу.
НавигацияНавигация приложений, что расположена сверху — бесчеловечна: нужно перехватывать телефон для поиска или возврата на прошлый экран. Последние два года нам показывают много телефонов с дисплеем 18:9. С таким соотношением сторон управлять приложением ещё сложнее.
Я расположил все навигационные кнопки внизу, чтобы не мучаться:
Это финальная версия навигации. Все остальные страницы открываются в модальных окнах.
Я провёл исследование, чтобы выяснить насколько удобно пользоваться навигацией:
- Я собрал прототип в Фигме.
- Нашёл восемь человек с iOS и восемь c Android.
- Четырёх попросил заказать и оплатить аренду.
- На основе совершённых ошибок изменял навигацию.
И так четыре раза.
Описание игрыВозьмём игру, которую я недавно прошёл:
На странице с игрой: трейлер, описание, комплектация, похожие игры, обзоры и отзывы. В навигации: кнопка назад, кнопка поделиться и напоминание с общей суммой.
КорзинаВ корзину пользователь попадает из подборок и экрана с описанием игры.
Зафиксированы сверху: заголовок и ползунок с количеством недель аренды. Зафиксированы снизу: итоговая стоимость аренды и кнопка «оформить». Если не устраивает комплектация, то измените её: добавьте телевизор, или ещё один джойстик. Игру без приставки в аренду взять нельзя.
ОплатаКонцепция сервиса предполагает, что арендованную консоль привезёт курьер, а между пользователем и сервисом подписывается договор аренды.
ПрофильНа экране профиля отслеживают, продлевают и отменяют аренду.
Профиль получился скучным: когда я дизайнил профиль не успел добавить отслеживание доставки и пути курьера.
ПрототипДля жирной точки делюсь прототипом, он поможет лучше понять концепцию. Собирал его в Фигме, поэтому можно открыть через браузер в телефоне и потыкать :)