Апгрейд нового меню закупки в CS2

На днях Counter Strike обновился до версии 2. Разработчики в очередной раз переделали меню закупки. И, о чудо, из огорода Valoranta прилетел небольшой камешек. Но можно было пойти и дальше

Апгрейд нового меню закупки в CS2

Немного истории

Я занимаюсь, в том числе, и дизайном игровых интерфейсов. Плюс, я в своё время неплохо играл в CS 1.6, CSS, CS:GO. А сейчас ребёнок просит поиграть с ним и в Valorant (фактически первая платина). Поэтому никак не мог пройти мимо такой благодатной темы ))

Вообще, экран закупа за всю историю CS менялся множество раз. Были и круглые "радары" в несколько уровней, и текстовые кнопки, и странные гибриды.

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

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

Новый экран закупа

Апгрейд нового меню закупки в CS2

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

Дальше начинаются странности. Купленная вещь становится тоже серой. Кажется логичным, но нет. Когда ты пытаешься понять что у тебя куплено, а что нет, возникает проблема. Неактивное и купленное сливается в серое пятно. Зато некупленное снаряжение, наоборот, притягивает максимальное внимание зеленым цветом.

Ещё момент. Новички часто спрашивают у коллег "что купить". В ответ получают набор непонятных слов типа "юспик", "дезерт", "ауг" или "слонобой", прости Господи.

И, вроде, мы читаем слева направо. Но надписи расположены на арабский манер справа налево. Зачем?!

Короче, пока ты пытаешься соотнести слова с названиями и картинками, время истекает и пора радостно бежать вперёд.

Как бы сделал я

Апгрейд нового меню закупки в CS2

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

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

Купленное снаряжение как раз удобно посвечивать цветным фоном. Самое яркое — это то, что у тебя есть. Теперь ты за секунду считываешь с чем идёшь в бой!

Ну круто же!

Какой экран вам больше нравится?
Только православный CS 1.6
Кружок был супер удобный
Будущее за новым
Valorant имба

.

Я занимаюсь UX-аналитикой и UI-дизайном онлайн-сервисов, CRM/ERP, кабинетов, дашбордов и мобильных приложений.

💡 Портфолио и статьи — на моём сайте →

📢 Поболтать, вдохновиться AI — в уютном ТГ форуме →

66
12 комментариев

Относительно cs выглядит это рано или поздно как текст, по этому бессмысленно раскрашивать что либо, как мне кажется. В валоранте насколько знаю нет быстрых команд на покупку вроде B-4-1

2
Ответить

Со временем, конечно, на автомате всё делаешь, факт. Но первое впечатление прям сбило с толку )

2
Ответить

Биндов в валоранте нет и, думаю, не будет. Там и снаряжения существенно меньше

1
Ответить

Верните старую CS!

2
Ответить

Там такой драйв был! ))
Простая механика и динамичный экшн.

В Валике чуть-чуть тоже сейчас есть, если не киберкотлетить и за лайнапы не рубиться.

1
Ответить

Всё грамотно сделал

2
Ответить

Благодарю 🙏 Интересно, чем их дизайнеры руководствовались?

1
Ответить