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

0301be2fad7.png

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

О проекте

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

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

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


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

Наша задача


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

59ccafa4458.png


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

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

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

dfb0dc496df.png

Процесс

Об игре


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

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

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

Этапы работ

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

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


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

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

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

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

4eddde47c16.png
ee84fc09de0.png
Экран «Оснащение»
Экран «Оснащение»

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

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

Интерфейс игрового магазина
Интерфейс игрового магазина

Миссии

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

71ed067169e.png
Каждая миссия выполнена в виде небольшого баннера с иллюстрацией, отражающей ее суть
Каждая миссия выполнена в виде небольшого баннера с иллюстрацией, отражающей ее суть
eaaa91c8561.png
e0820e19d2f.png
684837c10cc.png
bfb8f6456ad.png
1a30c36e2a8.png
Статистика и награды игрока
Статистика и награды игрока

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

731334d0a6b.png
69b7d80d3fb.png

df3c76a6424.png
Логотип игры
Логотип игры

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

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

Проект опубликован пользователем. Чтобы поделиться своим проектом, написать новость или статью нажмите кнопку «Стать автором»