03c204a3-474a-4102-8246-62bb955f0555

Gremlins Interfaces

В IT уже сформировалось понимание, что интерфейс — шире его традиционного представления, поэтому вместо слова «интерфейс» говорят «UX». Но в геймдеве даже этого обобщения недостаточно.
Игровой интерфейс включает все взаимодействие с игрой: механики, физику, управление и прочее.
Он, таким образом, неуловимо сливается с геймдизайном. Правда, геймдизайнеры, как известно, делают ужасные интерфейсы, не многим лучше программистов. Но UX-специалист не подскажет, как незаметно и логично поменять геймдизайн, чтобы улучился не геймплей, а, собственно, UX.

К этой теме подвернулся отличный пример: Gremlins Inc. от Климова и Бокулева.

Мотивированный эпическим срачем под рецензией RP, я посвятил Гремлинам пару часов жизни и задумался над оценкой автора рецензии. Его претензии, коротко говоря, сводятся к «слишком много дайсов и сущностей».

Это, и правда, проблема — но решаемая.

Ремонт интерфейса дизайном

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

Около половины всех клеток занимают события типа «разыграй шанс на неприятность или заплати денег».

Gremlins_Inc 01:36Значимость этих событий не особо велика, а шанс совсем мал — я всегда выбирал шанс и, рискну предположить, все так делают.
Но каждый раз перед игроком возникает диалоговое окно, которое заставляет принять решение и только после этого разыгрывается вероятность.
Ощущение «слишком много дайсов» возникает не столько из-за самого дайса, сколько из-за необходимости постоянно делать однотипный выбор.

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

Аналогичная проблема со зданиями: Gremlins_Inc 09:46в Гремлинах есть 10 важных клеток, каждая со своей механикой и каждая требует подтверждения для запуска этой механики. Если запускать сразу, без подтверждения — игрок потеряет толику контроля, но геймплей от этого не пострадает, напротив, появится новое звено в цепочке решения «куда пойти», а механика перейдет из категории «грузит лишней информацией» в категорию «углубляет геймплей».

Ремонт дизайна интерфейсом

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

Но ощущение перегрузки вызвано не столько количеством, сколько подачей.

Gremlins_Inc 13:35К примеру, самый богатый игрок имеет статус «самый богатый». Таких статусов у каждого игрока три — по числу ресурсов. Они отражаются в иконках напротив ресурсных плашек, показывают хинт при наведении, им посвящено несколько текстов в обучении.
И, конечно, они совершенно, абсолютно не нужны.
Да, в игре есть эффекты, влияющие, к примеру, на самого бедного игрока. Но для этого не нужен статус, иконка и обучение; достаточно слов «+20 самому бедному».

de833068-2165-440f-8e27-6d594bfdbe0b.jpg 1,920×1,080 pixels 17:37

Еще в игре есть «карты Хаоса» — что-то вроде «чудес света» в Цивилизации. Минуем вопрос «так ли они нужны?» и перейдем к интерфейсу: Карты Хаоса зашиты в панель руки отдельной вкладкой. Вкладка небольшая, но на ней акцент, ведь рука — самая важная часть любой карточной игры.

Однако, картами Хаоса либо вообще не пользуются, либо пару раз за игру, так что этот акцент на них явно избыточный.

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

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

Итого

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

Share on Facebook0Tweet about this on TwitterShare on VK
  • marapper

    u041au0430u043a u0432u0430u0440u0438u0430u043du0442 — u0437u0430u043cu0435u043du0438u0442u044c u043cu043eu0434u0430u043bu044cu043du043eu0435 u043eu043au043du043e u043du0430 u0434u0435u0439u0441u0442u0432u0438u0435 u043fu043e u0442u0430u0439u043cu0435u0440u0443. 3 u0441u0435u043au0443u043du0434u044b u0438u0433u0440u043eu043a «u0443u0431u0435u0433u0430u0435u0442″ u043eu0442 u0436u0430u043du0434u0430u0440u043cu0430, u0435u0441u043bu0438 u0440u0430u043du0434u043eu043cu0430u0439u0437u0435u0440 u0431u0440u043eu0441u0438u043b 1 — u0442u043eu0433u0434u0430 u0441u043bu0443u0447u0430u0435u0442u0441u044f u0430u0440u0435u0441u0442, u043du0435u0442 — u043eu043au043du043e u0437u0430u043au0440u044bu0432u0430u0435u0442u0441u044f. u041fu0440u043eu043fu0443u0441u0442u0438u0442u044c u0441u043eu0431u044bu0442u0438u0435 u043cu043eu0436u043du043e u0431u0443u0434u0435u0442 u0432 u043bu044eu0431u043eu0435 u0432u0440u0435u043cu044f u0437u0430 u0432u0437u044fu0442u043au0443 (u043eu0434u043du0430 u043au043du043eu043fu043au0430). u0422u0430u043au0438u043c u043eu0431u0440u0430u0437u0440u043eu043c, u0438 u043cu0435u0445u0430u043du0438u043au0430 u0446u0435u043bu0430 u043eu0441u0442u0430u043du0435u0442u0441u044f.nnu0410 u0435u0449u0435 u043bu0443u0447u0448u0435 u0432u043eu043eu0431u0449u0435 u0432u044bu0431u0440u043eu0441u0438u0442u044c u0443u043fu043eu043cu0438u043du0430u043du0438u0435 u043e u043au0443u0431u0438u043au0435 u0432 u0442u0435u043au0441u0442u0430u0445. u0418u0433u0440u0430 u0436u0435 u043au0438u043du0435u0442 u0435u0433u043e u0437u0430 u0442u0435u0431u044f u0432 u043bu044eu0431u043eu043c u0441u043bu0443u0447u0430u0435 (u0442u043eu0436u0435 u0441u0430u043cu043eu0435 u0441 u0442u0435u043au0441u0442u043eu0432u043au043eu0439 «u0415u0441u043bu0438 u0432u044b u0431u0435u0434u043du0435u0435 u0434u0440u0443u0433u0438u0445 u0438u0433u0440u043eu043au043eu0432″ — u0438u0433u0440u0430 u0443u0436u0435 u0437u043du0430u0435u0442, u0431u0435u0434u043du0435u0435 u0438u0433u0440u043eu043a, u0438u043bu0438 u043du0435u0442, u043cu043eu0436u043du043e u0436u0435 u0441u0440u0430u0437u0443 u043du0430u043fu0438u0441u0430u0442u044c u043du0430u0440u0440u0430u0442u0438u0432u043du043e — «u041fu0440u043eu0445u043eu0436u0438u0435, u0443u0432u0438u0434u0435u0432, u043au0430u043au043eu0439 u0432u044b u0431u0435u0434u043du044bu0439, u043du0430u043au0438u0434u0430u043bu0438 u0432u0430u043c u0435u0449u0435 30 u0448u0442u0443u043a»).

    • u0421 u043du0430u0440u0440u0430u0442u0438u0432u043du044bu043c u0432u0430u0440u0438u0430u043du0442u043eu043c, u043du0430 u0441u0430u043cu043eu043c u0434u0435u043bu0435, u043du0435 u0432u0441u0435 u0442u0430u043a u043eu0447u0435u0432u0438u0434u043du043e.nu041eu043d u0437u0430u0432u0438u0441u0438u0442 u043eu0442 u0430u0443u0434u0438u0442u043eu0440u0438u0438, u043a u043au043eu0442u043eu0440u043eu0439 u043eu0431u0449u0430u0435u0442u0441u044f u0438u0433u0440u0430 — u0442u0440u0443 u0440u0438u0430u043b u043du0430u0441u0442u043eu043bu044cu0449u0438u043au0430u043c u043fu0440u0438u0432u044bu0447u043du0435u0435 u0446u0438u0444u0440u044b u0438 u043au0443u0431u0438u043au0438, u0430 u043du0430u0440u0440u0430u0442u0438u0432 u0432 u0442u0435u0445u043du0438u0447u0435u0441u043au0438u0445 u043eu043fu0438u0441u0430u043du0438u044fu0445 u0438u0445 u043fu0443u0433u0430u0435u0442.nu0418u0433u0440u0430, u043cu043du0435 u043au0430u0436u0435u0442u0441u044f, u043cu043eu0433u043bu0430 u0431u044b u043fu0440u0435u0442u0435u043du0434u043eu0432u0430u0442u044c u0438 u043du0430 u0431u043eu043bu0435u0435 u0448u0438u0440u043eu043au0443u044e u0430u0443u0434u0438u0442u043eu0440u0438u044e, u0441 u043au043eu0442u043eu0440u043eu0439 u0434u0430u0436u0435 u0431u0430u0437u043eu0432u044bu0435 u0442u0435u0440u043cu0438u043du044b u0432u0440u043eu0434u0435 «u0440u0443u043au0430″, «u0441u0431u0440u043eu0441″ u0438 «u0440u0430u0437u044bu0433u0440u0430u0442u044c» u043bu0443u0447u0448u0435 u0438u0437u0431u0435u0433u0430u0442u044c. u041du043e u0440u0430u0437u0440u0430u0431u043eu0442u0447u0438u043au0438, u0441u0443u0434u044f u043fu043e u0432u0441u0435u043cu0443, u0442u0430u043a u043du0435 u0441u0447u0438u0442u0430u044eu0442 — u0438u043c u0432u0438u0434u043du0435u0435.

      • marapper

        u041du0443, u0432 u043au0430u043au043eu0439-u0442u043e u043cu0435u0440u0435, u044f u0441 u0445u0430u0440u0436u043au043eu0440u043du044bu043cu0438 u043du0430u0441u0442u043eu043bu043bu044cu0449u0438u043au0430u043cu0438 u0441u043eu0433u043bu0430u0441u0435u043d — u043cu043eu0439 u0432u0430u0440u0438u0430u043du0442 u0442u0435u0440u044fu0435u0442 u043fu043eu0432u0442u043eu0440u044fu0435u043cu043eu0441u0442u044c, u043du043e u044du0442u043e u0440u0435u0448u0430u0435u0442u0441u044f u0442u043eu0447u043du044bu043c u043fu043eu0434u0431u043eu0440u043eu043c u0444u0440u0430u0437, u043fu0440u0438 u043au043eu0442u043eu0440u043eu043c u043fu043eu043du044fu0442u043du043e, u0447u0442u043e u043fu0440u0438 u044du0442u043eu043c u0434u0435u0439u0441u0442u0432u0438u0438 u0432u0441u0435u0433u0434u0430 u0441u0430u043cu043eu043cu0443 u0431u0435u0434u043du043eu043cu0443 u0434u0430u044eu0442 u043bu0438u0448u043du0438u0435 u043eu0447u043au0438. u0422u0435 u0436u0435 u0445u0430u0440u0434u043au043eu0440u0449u0438u043au0438 u0442u043eu043bu044cu043au043e u043eu0446u0435u043du044fu0442, u0435u0441u043bu0438 u043fu0440u0430u0432u0438u043bu0430 u0438 u043cu0435u0445u0430u043du0438u043au0430 u0438u0433u0440u044b u0431u0443u0434u0443u0442 u043cu0435u043du0435u0435 u043cu0435u0445u0430u043du0438u0441u0442u0438u0447u043du044b u0438 u0431u043eu043bu0435u0435 u0430u0442u043cu043eu0441u0444u0435u0440u043du0430.

  • Xageu

    u0415u0441u043bu0438 u0442u044b u043fu0440u043eu0444u0435u0441u0441u0438u043eu043du0430u043bu044cu043du044bu0439 u0438u0433u0440u043eu043a, u0442u043e u0437u043du0430u0442u044c, u0441u043au043eu043bu044cu043au043e u043au0430u0440u0442 u043eu0441u0442u0430u043bu043eu0441u044c u0432 u043au043eu043bu043eu0434u0435 — u0432u0430u0436u043du043e. u0421u0447u0435u0442u0447u0438u043a u043du0443u0436u0435u043d.nu041fu043e u043fu043eu0432u043eu0434u0443 u0441u0430u043cu043eu0439 u0441u0442u0430u0442u044cu0438 — u043du0435 u0441u0447u0438u0442u0430u044e u0435u0451 u0446u0435u043du043du043eu0439. :D

    • u0410 u0442u044b u043fu0440u043eu0444u0435u0441u0441u0438u043eu043du0430u043bu044cu043du044bu0439 u0438u0433u0440u043eu043a? u041cu043eu0436u0435u0442 u0440u0430u0441u0441u043au0430u0436u0435u0448u044c, u043au0430u043a u0442u0430u043c u0438u0441u043fu043eu043bu044cu0437u043eu0432u0430u0442u044c u043eu0441u0442u0430u0432u0448u0435u0435u0441u044f u0447u0438u0441u043bu043e u043au0430u0440u0442? u0422u043eu043bu044cu043au043e u0445u043eu0440u043eu0448u043e u043fu043eu0434u0443u043cu0430u0439, u043fu043eu0442u043eu043cu0443 u0447u0442u043e u0432 u0413u0440u0435u043cu043bu0438u043du0430u0445 — u0432 u043eu0442u043bu0438u0447u0438u0435, u043du0430u043fu0440u0438u043cu0435u0440, u043eu0442 HS — u043du0435u0442 u043cu0435u0445u0430u043du0438u043a u043du0430 u043au043eu043du0435u0446 u043au043eu043bu043eu0434u044b, u043au0430u0440u0442u044b u043fu0440u043eu0441u0442u043e u043fu0435u0440u0435u0442u0430u0441u043eu0432u044bu0432u0430u044eu0442u0441u044f.nu0412u0430u0448u0435 u043cu043du0435u043du0438u0435 u043eu0447u0435u043du044c u0432u0430u0436u043du043e u0434u043bu044f u043du0430u0441, u0430u0433u0430.

      • Xageu

        u0417u0430u0447u0435u043c u0437u0430u0434u0430u0432u0430u0442u044c u0432u043eu043fu0440u043eu0441, u0435u0441u043bu0438 u0434u0430u0432u0430u0442u044c u043fu043eu043du044fu0442u044c, u0447u0442u043e u043eu0442u0432u0435u0442 u0442u0435u0431u0435 u043du0435 u0432u0430u0436u0435u043d?nu041fu0440u0438 u0437u043du0430u043du0438u0438 u043au043eu043bu0438u0447u0435u0441u0442u0432u0430 u043au0430u0440u0442 u043cu043eu0436u043du043e u043fu0440u0438u043au0438u043du0443u0442u044c u0448u0430u043du0441 u0442u043eu0433u043e, u0447u0442u043e u043au0430u0440u0442u0430, u043au043eu0442u043eu0440u0430u044f u043fu043eu0434u0430u0440u0438u0442 u043fu0440u043eu0442u0438u0432u043du0438u043au0443 u043fu043eu0431u0435u0434u0443, u0438u043cu0435u043du043du043e u0443 u043du0435u0433u043e u0432 u0440u0443u043au0430u0445, u0438 u0441u043eu0432u0435u0440u0448u0438u0442u044c u043eu043fu0440u0435u0434u0435u043bu0435u043du043du043eu0435 u0434u0435u0439u0441u0442u0432u0438u0435, u043au043eu0442u043eu0440u044bu0435 u043du0435 u043cu043eu0436u0435u0442 u0431u044bu0442u044c u043eu0442u043bu043eu0436u0435u043du043e u043du0430 u043fu043eu0442u043eu043c u043fu0440u0438 u0442u0430u043au043eu043c u0441u043bu0443u0447u0430u0435.n