Тестовое задание на «Дизайн-перемену»

Денис Седов
Дизайн-кабак
4 min readOct 4, 2019

В начале февраля 2019го заметил рекламу очередной «Дизайн-перемены» от Яндекса.

Чтобы попасть на воркшоп, нужно выполнить тестовое задание. Про него и пишу.

Текст задания

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

Придумайте интерфейс мобильного приложения, в котором есть всё для обустройства игрового уголка. Используйте шеринговую модель (предполагает аренду, обмен или дар). Будет ли это iOS, Android или веб-приложение — решать вам.

Уделите особое внимание сценарию выбора и заказа игровой консоли, без которой вы не сможете насладиться долгожданным отпуском.

Приложите PDF-файл с объяснением решений и картинками. В нём же укажите ссылки на прототип и ваше портфолио, если они есть.

Анализ

Я предположил: люди не знают, какие консоли есть, и какие игры на них работают. Отсюда теория: пользователю сервиса не важно, какая приставка приедет. Важно, какая игра будет развлекать в течение месяца.

Теорию нужно проверить. Я прошёл по коворкингу и задал вопросы:
1. Какие модели консолей ты знаешь?
2. Чем консоли отличаются?

Ребята неуверенно отвечали: PlayStation3, PS4, XBOX. Двое из двадцати вспомнили, что у XBOX есть поколения, кто-то упомянул Nintendo. Вопрос об отличиях получал один ответ: «играми, наверное».

Выходит, теория верна: не важно какую консоль поставят рядом с телеком, важно во что будут играть. Опираясь на эту мысль я сделал концепцию приложения.

П.С. Да, нужно провести количественный исследование, но… Это тестовое задание :)

Интерфейс

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

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

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

Категории и поиск
Я не выделял отдельную страницу для категорий. Они хорошо подружились с поиском:

Пользователь не всегда знает, во что хочет поиграть. Для этого есть подборки, а после них приложение предложит поискать что-нибудь определённое. В поиске встретятся категории, они помогут сузить выдачу.

Навигация
Навигация приложений, что расположена сверху — бесчеловечна: нужно перехватывать телефон для поиска или возврата на прошлый экран. Последние два года нам показывают много телефонов с дисплеем 18:9. С таким соотношением сторон управлять приложением ещё сложнее.

Я расположил все навигационные кнопки внизу, чтобы не мучаться:

Это финальная версия навигации. Все остальные страницы открываются в модальных окнах.

Я провёл исследование, чтобы выяснить насколько удобно пользоваться навигацией:
1. Я собрал прототип в Фигме.
2. Нашёл восемь человек с iOS и восемь c Android.
3. Четырёх попросил заказать и оплатить аренду.
4. На основе совершённых ошибок изменял навигацию.
И так четыре раза.

Описание игры
Возьмём игру, которую я недавно прошёл:

На странице с игрой: трейлер, описание, комплектация, похожие игры, обзоры и отзывы. В навигации: кнопка назад, кнопка поделиться и напоминание с общей суммой.

Корзина
В корзину пользователь попадает из подборок и экрана с описанием игры.

Зафиксированы сверху: заголовок и ползунок с количеством недель аренды. Зафиксированы снизу: итоговая стоимость аренды и кнопка «оформить». Если не устраивает комплектация, то измените её: добавьте телевизор, или ещё один джойстик. Игру без приставки в аренду взять нельзя.

Оплата
Концепция сервиса предполагает, что арендованную консоль привезёт курьер, а между пользователем и сервисом подписывается договор аренды.

Профиль
На экране профиля отслеживают, продлевают и отменяют аренду.

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

Прототип
Для жирной точки делюсь прототипом, он поможет лучше понять концепцию. Собирал его в Фигме, поэтому можно открыть через браузер в телефоне и потыкать :)

--

--