Дизайн интерфейса Destiny

История создания и советы от дизайнера интерфейсов игр Bungie.

Мы выбрали самое важное из выступления Дэвида Кэндлэнда — дизайнера интерфейсов, работавшего в том числе над тремя частями Halo, — в рамках GDC. В нём он рассказывает о создании интерфейса для первой Destiny, о проблемах, с которыми ему пришлось столкнуться в процессе разработки, и о методах их решения.

Дизайн интерфейса Destiny

Свободный курсор

В отличие от большинства игр для консолей, в Destiny для управления интерфейсом используется свободно перемещающийся по экрану курсор. Он управляется левым стиком контроллера, а правый обычно используется для вращения модели. К такому необычному решению в Bungie пришли неслучайно.

Дизайн интерфейса Destiny

Во-первых, свободный курсор позволяет поместить много элементов на один экран. Чтобы добраться из одного края обширного меню в другой, игроку не нужно несколько раз совершать одинаковые движения («вниз, вниз, вниз, налево, налево»), а достаточно просто сдвинуть стик в нужном направлении.

Во-вторых, как утверждает Дэвид, интерфейс с анимированными интерактивными элементами, по которому можно свободно перемещаться при помощи курсора, выглядит «сексуально».

Дизайн интерфейса Destiny

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

Дэвид Кэндлэнд, дизайнер интерфейсов в Bungie

И, наконец, курсор избавляет от необходимости создавать интерфейс в виде сетки. Стандартное управление с контроллера предполагает линейный, предсказуемый интерфейс, в котором из каждой точки можно двинуться направо, налево или вверх, и при этом игроку точно известно, к чему это приведёт. Это накладывает ограничения — например, на создание карт.

Наши карты выглядят естественно. Если бы вы захотели переместиться, например, из Skywatch в Mothyards, локацию, которая находится от нас строго по диагонали, то у вас был бы пятидесятипроцентный шанс угадать: «Мне нужно нажать вниз или направо?».

Дэвид Кэндлэнд, дизайнер интерфейсов в Bungie
Дизайн интерфейса Destiny

Дэвид рассказывает, что Джейсон Джонс (сооснователь Bungie и руководитель разработки Destiny) поддержал эту идею, но поставил перед командой несколько задач относительно курсора. Прежде всего он попросил Дэвида «потратить на это столько же времени, что и на автоприцеливание». Дело в том, что со времён Halo в Bungie уделяется огромное внимание автоприцеливанию; тому, чтобы оно ощущалось в точности так, как необходимо.

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

Дэвид Кэндлэнд, дизайнер интерфейсов в Bungie

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

Дизайн интерфейса Destiny

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

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

Иконки снаряжения

Когда дело дошло до дизайна иконок снаряжения, Джонс снова поставил перед командой несколько задач. Во-первых, каждая иконка должна была очень чётко отображать сам объект —чтобы игрок мог понять, что это такое, даже при беглом взгляде на неё. Во-вторых, они должны были казаться «реальными», «осязаемыми».

Мы очень быстро поняли, что с таким огромным инвентарём у нас не получится показывать игроку всё, чем он владеет, на одном экране. Поэтому нам пришлось отображать реальные предметы иконками. Если вместо модели оружия ты получаешь просто иконку, это не приносит приятных ощущений —если мы (разработчики) отдельно об этом не позаботимся. Иконки должны выглядеть «осязаемыми» и вызывать восторг, когда ты их видишь.

Дэвид Кэндлэнд, дизайнер интерфейсов в Bungie

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

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

Дизайн интерфейса Destiny

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

Дизайн интерфейса Destiny

Фон иконок оружия постепенно закрашивался в синий цвет, отображая прогресс игрока, но через некоторое время в Destiny была введена концепция «редкости», и это свело на нет большую часть предшествовавшей работы с цветами. Дэвид и его художники потратили много времени на то, чтобы найти идеальный способ «перекрашивать» иконки в нужный цвет, и в результате создали «автоматизированный» процесс, позволивший им справиться с огромным количеством иконок, не затрачивая при этом такого же количества времени и ресурсов.

Интерфейс и локализация

При разработке интерфейса для такой игры, как Destiny, нельзя забывать о потенциальной локализации и о том, как те или иные надписи будут выглядеть на других языках. По этому поводу Кэнлэнд даёт несколько советов.

Во-первых, для каждой надписи он рекомендует оставлять «40-процентный буфер». Этого свободного места должно быть достаточно, чтобы локализаторам не приходилось страдать от того, что их перевод не умещается в отведённое для текста пространство.

Если в другом языке те же самые слова окажутся более длинными — у вас будет для них место. Я не буду говорить конкретно, но с некоторыми языками такое происходит чаще, чем с другими.

Дэвид Кэндлэнд, дизайнер интерфейсов в Bungie

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

Дизайн интерфейса Destiny

Каждая строчка на этой картинке состоит из одинакового количества символов — двадцати одного. Если вы скажете автору, что он может использовать до двадцати одного символа, то он теоретически может выйти за границы кнопки — в зависимости от того, сколько он будет использовать заглавных W, M и пробелов. Так что лучше делать ограничение расплывчатым, но стремящимся к меньшему количеству символов. Например, в этом случае я бы сказал «где-то между 18 и 23 знаками».

Дэвид Кэндлэнд, дизайнер интерфейсов в Bungie

Ещё один небольшой совет: помнить о том, что иногда в разных языках встречается разный порядок слов, и не задавать этот порядок програмно. В качестве примера Дэвид использует фразу «легендарный дробовик». Если спроектировать интерфейс так, чтобы слово, обозначающее редкость оружия, предшествовало слову, обозначающему его тип, то, например, испанским игрокам будет казаться, что игру локализировал магистр Йода.

Дизайн интерфейса Destiny

Карта

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

Во-первых, карта для Destiny должна была предоставлять «список постоянно доступных стартовых точек для приключений». Во-вторых, она должна была стимулировать игроков становится «всеядными» — то есть не зацикливаться на каком-то одном виде деятельности, а также быть устроенной так, чтобы у новичков не было шанса запутаться и заняться чем-то неподходящим для них.

Дизайн интерфейса Destiny

Первый вариант карты «выглядел очень изящно, и с ним интересно было играть», но у него была одна фундаментальная проблема — он не вызывал чувства «так, чем я займусь дальше?».

У нас много игроков, которые просто приходят и говорят: «Я просто хочу пострелять в кого-нибудь, вот и всё! Куда мне обратиться?». А на нашей карте сложно было быстро что-нибудь найти. Нам пришлось задуматься о Пьяном Тодде и попытаться сделать так, чтобы он мог играть в нашу игру, как ему хочется.

Дэвид Кэндлэнд, дизайнер интерфейсов в Bungie
Дизайн интерфейса Destiny

С тех пор карту переделывали около десяти раз.

В определённый момент от неё вообще решили отказаться — вместо карты в игре осталось меню, в котором всё было распределено по категориям: «кампания», «награда», «рейд недели» и так далее. На этом варианте и было решено остановиться, и именно он был запущен в производство.

Дизайн интерфейса Destiny

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

Дэвид Кэндлэнд, дизайнер интерфейсов в Bungie

Первым то, что разработчики «заблудились» в попытке создать идеальную карту (которую уже сложно было назвать «картой»), заметил Джейсон Джонс. Ему спешно пришлось добавить ещё несколько условий к предыдущим трём: теперь Дэвиду и его команде нужно было «создать ощущение места», а также «показать игрокам прошлое и будущее», «достижения и вдохновение». Иными словами: карта должна была постоянно напоминать игроку о том, чего он уже достиг, и о том, что ждёт его впереди.

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

Дизайн интерфейса Destiny
3939
34 комментария

Ух ты! Да это же GDC двухлетней давности. Когда постмортем по Half-Life?

9
Ответить

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

Кстати, в No Man’s Sky интерфейс ну очень уж похож. Совпадение?

2
Ответить

В AC Origins похож тоже, и курсор есть. Вот бы все уже начали так делать.

2
Ответить

Это я странный, или интерфейс первой игры гораздо круче сиквела?

3
Ответить

Он такой же

2
Ответить

Дизайн интерфейса как игрового, так инвентаря мне показался приятнее, нежели во второй части.
Но всё это уже вкусовщина, так они, по функционалу, одинаковы.

Ответить

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

2
Ответить