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

TexTerra · 11 июн. 2020 · 361

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

О проекте

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

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

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

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

Наша задача

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

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

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

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

Процесс

Об игре

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

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

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

Этапы работ

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

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

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

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

Отсюда игрок может перейти в любой другой раздел, узнать свой прогресс

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

Игровой магазин

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