Разработка интерфейса для 3D-игры

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

О проекте

Modern Jet Fighters — сессионный онлайн-шутер, позволяющий игрокам участвовать в виртуальных сражениях и управлять современными истребителями.

К разработке приложений наш клиент пришел как геймер. По его наблюдению, рынок мобильных игр в основном представлен простыми механиками, более сложные FPS-шутеры с динамичным геймплеем и хорошей 3D-графикой встречаются не так часто, авиасимуляторы или Flight Combat — еще реже. Мобильные устройства имеют ряд ограничений в управлении, что быстро сводит интерес к играм этого жанра на нет. Поэтому глобальной задачей была разработка продукта, который пойдет по другому пути.

Особенности проекта:

Наш заказчик занимается разработкой последние 6 лет и делал все сам от и до. Поэтому делегировать что-то другим казалось сложно. Сотрудничество с фрилансерами проходило со скрипом. С агентствами работа была более продуктивной, но обходилась дороже и были дополнительные риски еще больших затрат при исправлении ошибок. Нужен был не просто исполнитель, а партнер, который сделает ровно то, что нужно.

Наша задача

Спроектировать интерфейс и разработать дизайн для видеоигры — 3D-шутера в реальном времени. Основной тренд всех мобильных игр — упрощение геймплея. Игрокам гораздо интереснее крушить противника, чем соревноваться в управлении самолетом, поэтому эта функция автоматизирована. Игроки вместо этого концентрируются на оценке ситуации, принятии правильных решений и выборе конфигурации модели самолета. Это делает игру действительно интересной.

Поэтому при разработке нам важно было учесть несколько моментов:

• Визуал должен соответствовать характеру и тематике игры.
• Интерфейс должен быть простым и интуитивно понятным любому пользователю.
• Структура интерфейса должна быть модульной. Любые добавления или удаления разделов не должны требовать изменений других блоков.
• Интерфейс должен быть адаптивным.

Похожие интерфейсы мы могли оценить в других видеоиграх: War Wings, WoT Blitz, Infinite jets.

Процесс

Об игре

Это многопользовательский онлайн-3D-шутер в реальном времени. Механика игры позволяет прокачивать персонажа и соревноваться с игроками со всего мира.

Пользователи смогут:

• использовать современную боевую авиацию (реактивные истребители, штурмовики, бомбардировщики);
• участвовать в воздушных сражениях с другими игроками со всего мира;
• выполнять одиночные и кооперативные задания.

Этапы работ

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

После того, как прототипы были согласованы, мы перешли на этап отрисовки — все абстрактные элементы превращались в прорисованные детали интерфейса.

Основные разделы интерфейса, над которыми мы работали:

• Главный экран. Это хаб основных элементов интерфейса. Тут игрок видит краткую информацию о своем прогрессе в игре и персонаже, может переходить к другим разделам, например в игровой магазин или в настройки.

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

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

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

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

Каждая миссия выполнена в виде небольшого баннера с иллюстрацией, отражающей ее суть

Также мы разработали логотип для игры в рамках общей концепции:

Более детально часть интерфейса можно увидеть на видео:

Следить за развитием проекта можно в группе «ВКонтакте».

Проделать такую работу в отрыве от погружения в задачу невозможно. У нас было четкое понимание, как это должно работать и что должен испытывать пользователь при взаимодействии с интерфейсом, поэтому результат оправдал ожидание. Если вы хотите обсудить ваш проект, заполните форму ниже и переходите к следующему кейсу.