Найти в Дзене
Песнь копья | Spear Song

Как улучшить интерфейс игры? ч.1

Здравствуйте, мы команда Divovision Games, а это статья о том, как мы улучшаем интерфейс в нашей игре Песнь Копья. Проведя первый игровые тесты мы собрали много отзывов о недостатках интерфейса в нашей игре. Большинство проблем было вызвано недостаточной информативностью и/или отсутствием обратной связи от игры. Проблемы Вот некоторые из проблем, с которыми столкнулись игроки: Вот как выглядел наш интерфейс на момент тестов: Что мы сделали Сейчас мы опишем часть решений, которые были использованы чтобы минимизировать текущие проблемы интерфейса. Чтобы игроку было более очевидно то, какой юнит сейчас выбран мы добавили всплывающие окна показателей персонаже. Тех, которые выбраны в данный момент, тех, на которых наведён курсор, а также тех, до которых выбранный в данный момент юнит может достать атакой. Еще мы добавили иконку персонажа, который выбран в данный момент рядом со его способностями. Во многих играх курсор является тоже инструментом обратной связи. Чтобы игрокам было очеви
Оглавление

Здравствуйте, мы команда Divovision Games, а это статья о том, как мы улучшаем интерфейс в нашей игре Песнь Копья.

Пример качественного интерфейса с просторов интернета!
Пример качественного интерфейса с просторов интернета!

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

Реакция на первые игровые тесты нашей игры. Фото в цвете. Игра ему, кстати, очень понравилась!
Реакция на первые игровые тесты нашей игры. Фото в цвете. Игра ему, кстати, очень понравилась!

Проблемы

Вот некоторые из проблем, с которыми столкнулись игроки:

  1. Не понятно сколько очков хода осталось у юнита.
  2. Не понятно который юнит выбран в данный момент.
  3. Не очевидно как работает параметр защиты в нашей игре.
  4. Много визуального шума, который усложняет понимание.

Вот как выглядел наш интерфейс на момент тестов:

Над коррекцией цвета мы сейчас тоже ведём работу.
Над коррекцией цвета мы сейчас тоже ведём работу.

Что мы сделали

Сейчас мы опишем часть решений, которые были использованы чтобы минимизировать текущие проблемы интерфейса.

Еще один пример качественного интерфейса с просторов интернета!
Еще один пример качественного интерфейса с просторов интернета!

Чтобы игроку было более очевидно то, какой юнит сейчас выбран мы добавили всплывающие окна показателей персонаже. Тех, которые выбраны в данный момент, тех, на которых наведён курсор, а также тех, до которых выбранный в данный момент юнит может достать атакой.

-5

Еще мы добавили иконку персонажа, который выбран в данный момент рядом со его способностями.

-6

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

Попозже мы сделаем их покрасивее
Попозже мы сделаем их покрасивее

Для решения проблемы с отображением количества очков хода оставшихся у персонажа мы переработали иконки персонажей с их показателями. Теперь кроме полосок очков здоровья и маны, около иконки персонажа также есть полоска очков хода.

Кроме того, теперь есть поле для имени персонажа
Кроме того, теперь есть поле для имени персонажа

Также мы переработали меню отряда, чтобы улучшить удобство формирования отряда.

А еще игрок теперь может вращать персонажа мышкой. Если смотреть на эту гифку долго, то персонаж упадёт ;)
А еще игрок теперь может вращать персонажа мышкой. Если смотреть на эту гифку долго, то персонаж упадёт ;)

Итог

Вот как наш интерфейс выглядел до этих изменений:

До изменений.
До изменений.

И вот как он выглядит сейчас:

После изменений
После изменений

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

Что дальше

Cейчас мы работаем над всплывающими подсказками при наведении курсора:

А вот и она
А вот и она

А также над отображением статус-эффектов под портретом персонажа

Пример отображения статус эффектов из WoW
Пример отображения статус эффектов из WoW

Нам очень важно мнение игроков и поэтому мы хотим спросить у вас как нам сделать интерфейс еще лучше!

Пишите в комментариях свои идеи, а также в каких играх видели хорошие примеры интерфейса

Спасибо, что читаете

Подписывайтесь на наш паблик в ВК

Добавляйте нашу игру в вишлист Steam

-14