7 2 800x440 - Визуальная история дизайна интерфейсов Xbox

Разбор и оценка дизайна интерфейса Xbox 360 и Xbox One

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

Microsoft заслуживает похвалы за многолетние эксперименты со своим интерфейсом, даже, если многие из них были неудачными. В связи с грядущим выходом Xbox Series X в конце 2020 года, похоже, настало время рассмотреть историю дизайна интерфейсов Xbox One и Xbox 360. Это позволит нам предположить его возможное будущее.

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Визуальная история дизайна интерфейсов Xbox
png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Визуальная история дизайна интерфейсов Xbox
Microsoft

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

XBOX 360

Blades (2005)

Хорошо: быстрый и аккуратный

Плохо: похож на скин Winamp

Интерфейс Blades дебютировал на Xbox 360. Он организовывал каждую основную функцию консоли в отдельный раздел. У этого интерфейса было гораздо больше возможностей, чем у интерфейса оригинального Xbox. Он был аккуратный и его было легко понять. Кроме того, быстрое переключение между разделами было отзывчивым, а элементы быстро загружались (даже с 512 МБ ОЗУ XBOX 360). И звуковой эффект от переключения разделов навсегда останется в моей памяти.

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

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Визуальная история дизайна интерфейсов Xbox
Kotaku

New Xbox Experience (2008)

Хорошо: Аватары! Больше возможностей для кастомизации по сравнению с Blades

Плохо: не так быстро и приятно использовать, как Blades

Через три года после выпуска Xbox 360, Microsoft решила начать с чистого листа, с помощью обновления интерфейса NXE. А с появлением Netflix и других развлекательных приложений, интерфейс Xbox 360 начал погружаться в безумие, совмещая на дашборде игры и другие виды развлечений. Он начал напоминать телевизионную приставку.

Остатки любимого дашборда Blades можно найти, нажав на кнопку Xbox на контроллере. Но сам дашборд был изменен. Теперь секции складываются в стек. Перейдите к нужной секции, тогда весь ее контент отобразиться в виде плиток, которые вы можете прокручивать слева направо. Новый дашборд выглядел более отполированным и зрелым, чем Blades, но не был быстрее или проще в использовании. Возможно, кому-то он понравился, но не всем.

«Под капотом» появилось несколько важных обновлений для Xbox 360, таких как аватары, конкурирующие с Mii от Nintendo. Кроме того, появилась возможность смотреть потоковое HD-видео на Netflix, устраивать вечеринки в Xbox Live и устанавливать игры на жесткий диск для быстрой загрузки.

Kinect udate (2010)

Хорошо: более изысканная версия дашборда NXE

Плохо: еще более запутанный интерфейс, поддержка Kinect

Аватары были лишь частью плана Microsoft по копированию успеха консоли Wii. Они хотели, чтобы геймеры использовали камеру Kinect для движения, и, таким образом, дизайн нового дашборда сделал Kinect своим центральным элементом.

В действительности, это было незначительное визуальное обновление NXE. Дашборд по-прежнему имел тот же общий вид, структуру и навигацию, что и обновление 2008 года, но Microsoft уделила внимание возможности перемещаться по дашборду с помощью Kinect (RIP). Если вам не понравился NXE, вероятно, и эта версия вам тоже не понравилась.

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Визуальная история дизайна интерфейсов Xbox

Metro (2011)

Хорошо: приятный внешний вид, в некотором смысле вернул основную навигацию в стиле Blade

Плохо: упрощенный интерфейс не помог быстро сортировать множество контента

Обновление 2011 года, в котором был представлен дизайн «Metro», показало, что Microsoft пытались экспериментировать с внешним видом больше, чем когда-либо прежде. Язык дизайна давал ощущение «меньше, значит больше», но на самом деле он доказал, что «меньше – это меньше». Microsoft все еще пытаются избавиться от некоторых идей в дашборде Xbox One, которые появились с этим обновлением.

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

В некотором смысле, это обновление дашборда объединило дизайн Blades с NXE, позволяя вам использовать бамперы для переключения между категориями а-ля Blades и перемещаться по красочным плиткам в каждом разделе, как в NXE. И, конечно, он был совместим с Microsoft Kinect, поэтому, если у вас была камера, вы могли перемещаться между меню, махнув рукой или используя голос для поиска в Bing.

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

Xbox One

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Визуальная история дизайна интерфейсов Xbox

The launch dashboard (2013)

Хорошо: широкие возможности кастомизации

Плохо: перегруженный и запутанный, довольно медленный, однобокий фокус в сторону ТВ

Xbox One был выпущен сразу после Windows 8 в 2013 году, поэтому неудивительно, что дизайн десктопной ОС «Metro» был использован в качестве основы интерфейса. В отличие от рассмотренных выше интерфейсов Xbox 360, в которых используется аналогичный стиль, здесь возник беспорядок в навигации. Причиной тому смешивание на домашнем экране игр с ТВ и всем остальным. Обнаружение нового контента имеет приоритет над обнаружением контента, который у вас уже есть.

Первый интерфейс Xbox One был амбициозным, но содержал ряд ошибочных направлений развития. Например, Microsoft проглядели грядущую беспроводную революцию, поэтому их ставка на ТВ по требованию и DVR себя не оправдала. Кроме того, концептуально великолепная функция «привязки», в которую Microsoft так верили, что выделили для нее отдельную кнопку на контроллере,  была отменена в 2017 году. (Они полностью избавятся от кнопки на новом контроллере Xbox, который появится в 2020 году).

The new Xbox One Experience (2015)

Хорошо: стало гораздо проще ориентироваться

Плохо: быстрее, но все же недостаточно быстро

Первая крупная переработка дашборда Xbox One принесла с собой столь необходимый фокус на играх. Он также стал быстрее, но все еще недостаточно быстрым. Microsoft только запустили Windows 10, поэтому, как и на ПК, они стали активно продвигать на консоли своего голосового ассистента Cortana. С этим обновлением Microsoft были на правильном пути.

FLUENT DESIGN (2017)

Хорошо: дальнейший акцент на пинах для сортировки контента

Плохо: слишком много контента находится вне поля зрения

В следующем обновлении от Microsoft появился Fluent Design, внешний вид, который Microsoft уже использовала в Windows 10. Новый домашний экран был нацелен на отображение вашей недавней активности и предоставлении геймерам быстрого доступа к функциям сообщества.

Это также улучшило использование пинов, которые позволяют разбивать приложения и игры на разделы. Вместо того, чтобы в поисках контента прокручивать плитку и меню, вертикальная прокрутка нескольких пинов была намного проще, хотя, все еще не идеальна. Game Pass дебютировал в 2017 году, до того, как вышло это обновление дашборда, но пока сервис не завоевал популярность, он оставался слишком далеко за пределами поля зрения.

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Визуальная история дизайна интерфейсов Xbox

The Refinement process (2018–настоящее время)

Хорошо: с каждым обновлением становится все лучше, и (наконец-то) стало меньше лагать.

Плохо: все слишком часто меняется

Исчезло взаимодействие с голосовым ассистентом Cortana. FastStart позволяет загружать игры до того, как закончится их закачка. Xbox Game Pass имеет собственный раздел в основной навигации. Microsoft перерабатывает интерфейс Xbox One быстрее, чем когда-либо, и стремится ускорить процесс, исправить недоработки ранних интерфейсов и упростить доступ к играм.

Что касается последнего обновления, выпущенного в конце февраля 2020 года, мой коллега Том Уоррен говорит, что оно «сфокусировано на полной переделке домашней страницы дашборда Xbox One, при этом часто используемые игры и приложения сразу доступны. Новый дизайн домашней страницы также включает в себя возможность добавлять или удалять строки для дальнейшей настройки, а также быстрого доступа к Xbox Game Pass, Mixer и Microsoft Store».

Сейчас как никогда очевидно, что Microsoft пытается с помощью интерфейса быстро решить проблему кризиса идентичности. Xbox One переживает значительные переделки дашборда чаще, чем раньше, а ставки становятся все выше, по мере приближения к релизу Xbox Series X в конце 2020 года.

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Визуальная история дизайна интерфейсов Xbox

Xbox Series X

Launch dashboard (2020)

Хорошо: ?

Плохо: ?

Microsoft выпустит Xbox Series X в конце 2020 года, и неизвестно, решат ли они начать с нуля с новым дашбордом для новой консоли или возьмут за основу последнее обновление дашборда Xbox One.

Учитывая, что Microsoft рекламирует обратную совместимость с играми всех предыдущих поколений Xbox, легко представить, что они решат использовать в Series X слегка измененную версию интерфейса Xbox One. Нам придется подождать и посмотреть, что же они выберут.

Свежие вакансии
                        Региональная Академия делового образования Региональная Академия делового образования Технический дизайнер Удаленно Самарская область
                        BR LAb BR LAb UX/ UI web-designer Удаленно Москва 80 000 - 120 000 ₽
                        Rightapplications Rightapplications UX дизайнер Офис Харьков
                        Emlid Emlid UX/UI Designer Офис Санкт-Петербург
                        Тинькофф Тинькофф Креативный веб-дизайнер Офис Москва
Все вакансии

Оригинал: theverge.com

Если вы нашли ошибку, выделите фрагмент текста и нажмите Ctrl+Enter

Добавить комментарий
Похожие записи

Тренды UI/UX дизайна на 2020 год

Подборка основных трендов UI/UX дизайна, которые мы увидим в 2020 году

Паттерн нижней панели навигации на мобильных веб-сайтах, исследование

Гамбургер-меню? Есть ли лучшая альтернатива? В этой статье я попытаюсь рассмотреть эти вопросы

О Доне Нормане, вандализации UX и широком подходе к дизайну

Раньше UX-специалисты были универсалами, им нужно было одинаково следить и за дизайном, и за исследованиями. Это были части неразрывного процесса. Но эта парадигма была намеренно изменена