VALORANT:パッチ5.08でUX/UIが大幅刷新へ。ロビー画面、ロード画面、MVP画面などのデザインが変更

  • URLをコピーしました!

Riot Gamesは10月13日、VALORANTのUX/UI(ユーザーエクスペリエンス/ユーザーインターフェース)に関する変更をパッチ5.08より導入開始することを発表しました。

公開された記事では、今回のアップデートの主目的は「ゲームプレイ以外の体験にフォーカスしており、一部の機能を改良しつつ、スタイルを刷新するためのもの」とし、UX/UIのアップデートを行う理由、開発プロセスなどについて言及しています。

今回のアップデートでは、パッチ5.03で一足先にリリースされた「エージェントメニュー画面」の変更に加え、試合終了時のMVP画面、ロビー画面、対戦前のロード画面、試合終了画面などが、より大胆さと美麗さを兼ね備えたものに刷新される予定となっています。

また、記事中では「いずれ機会が来たら正式にお知らせできる『お伝えするのが待ちきれない新機能』」と何らかの新機能が今後実装予定であること、将来的にマルチプラットフォーム化する可能性などについても言及。VALORANT開発チームは今後も開発とアップデートを進めていくとし、年内に新たな設計方針に基づいたさまざまなアップデートがリリースされる予定であることを明らかにしています。

今回のアップデートが実施されるパッチ5.08は、新シーズン「エピソード 5 Act 3」が開幕する2022年10月19日(水)より適用予定。その他、新バトルパスや新エージェント「ハーバー」にも大きな注目が集まっています。

目次

VALORANTのインターフェースの未来予想図

以下、公式リリースより引用

VALORANTのUX(ユーザーエクスペリエンス)、UI(ユーザーインターフェース)、エンジニアリングおよびQAチームからお知らせです。UX/UI関連の変更がパッチ5.08より導入開始されます。これらのアップデートはゲームプレイ以外の体験にフォーカスしており、一部の機能を改良しつつ、スタイルを刷新するためのものです。

この変更にともない、一部なくなっている機能がありますが、アップデート導入後も引き続きフィードバックを募集しています。今回はアップデートを実施する理由や、そのアップデートにおける開発プロセスと考えをお伝えします。

なぜ今なのか?

アートチームは単に見た目を変えるためにアップデートを実施するわけではありません。いずれ機会が来たら正式にお知らせできる「お伝えするのが待ちきれない新機能」を含め、今後のVALORANTのための準備が進んでいます。現在は、ゲームが全体として目指している方向性を反映する、上質なUX/UIの開発を進めています。これには、UX/UI基準の再評価、アートの忠実性の分析、そしてゲームフローと描画を強化するモーションデザインの導入が含まれます。さらにこのアップデートは、将来的に新しいプラットフォームが登場した場合に備えて、より一貫性のあるビジュアルと機能性を維持するのにも役に立つでしょう。

開発プロセス

まず始めに、私たちはこの目的のための特別タスクフォースチームを編成しました。このチームの目標はUXUI、エンジニアリングとQAを横断する業務をまとめて、ゲームクライアントを改良し、将来的な拡張性の確保をより容易にすることでした。取り組んだ分野/タスクには以下のようなものがあります。

  • コアとなるゲームフロー画面における、改善余地がある部分の検査
  • デザインの選択において一貫性を保持できる部分の特定
  • ゲームエンジンの強化
  • クライアントのバックボーンを確認し、マルチプラットフォームに対応できるUIナビゲーションについての検討
  • 実際の環境に近い状態で幅広いスタイルを検討し、主要な設計方針を評価・分析
  • VALORANTのスタイルと世界観をゲーム内で表現する方法のレベルアップ

すでにお気付きの方もおられるでしょうが、一部はパッチ5.03ですでにリリース済みで、上記の取り組みの第一弾として、エージェントメニューのUIがアップデートされています。エージェントのグラフィックを2Dのキーアートに替え、背景の配色をアップデートすることにより、アイコニックで個性的なキャラクター性をこれまで以上に表現できるようにしました。しかし、これはまだ始まりに過ぎません。エージェントメニューについては、まだまだ多数の野心的な取り組みが進行中です。

最新デザインを一足先にご紹介

UIのアップデートの目的は、リッチなビジュアルとわかりやすさを併せ持った魅力的なインターフェースを実現し、ゲームとマーケティングのビジュアルアイデンティティーを統合することです。その一環として、次はMVP画面が生まれ変わります

「VALORANTではチーム要素の重要性をプレイヤーの皆さんに理解していただきたいです。この新しい、大胆なチーム画面は、チームのMVPと編成を堂々と見せつけると同時に、直近の試合結果が物語る情熱的なストーリーを強調しています。またこの新たな画面により、エージェントのビジュアルの美麗さがより鮮明に伝わることも期待しています。試合終了画面に至るまで連続性を重視したビジュアルにご注目ください」 —Tea Chang、UXデザインマネージャー

さらに、視認性向上のためにロビー画面や対戦前のロード画面、試合終了画面もデザインが新しくなります。

「ロビー画面については、ビジュアルを整理して全体的に判読性を向上させることが目標となりました。従来は、魅力的ではあるものの実用性のない装飾が多数あったためです。これはプレイヤーカードとそのプレゼンテーションを強調するために必要な変更でした。さらにプレイヤーへのCall To Action(行動喚起)を明確にするために、画面のコントラストを強調し、明度を上げ、形状を簡略化しました」—Oliver Zumstein、ビジュアルデザインマネージャー
「試合開始画面では、これから”ガチンコ勝負”をする2チームを全面的に押し出したいと考えました。マップを削除してバナーを掲げる場所を作り、プレイヤー自身が選んだプレイヤーカード、タイトルとランクバッジがもっと目立つようにしました。さらに両サイドの色を強調し、バナーを左右対称になる位置に置いて、『VS』の文字を追加して”真剣勝負”の雰囲気を盛り上げました」—Max Smiley、スタッフエンジニア

今後について

冒頭でも述べた通り、グラフィックのモーションデザインや全体的なビジュアルを改良していくために、今後も開発とアップデートを進めていきます。現在は複数のVALORANTチームが、様々な領域におけるプレイ体験とビジュアル的な明瞭性を見直しているところです。年内には、新たな設計方針に基づいたさまざまなアップデートがリリースされる予定です。将来的にも改良を重ねていけるようなものになっていますので、どうぞご期待ください。

実際に変更後のUXやUIを体験してみて、何か不足していると感じる機能がありましたら、ぜひお知らせください。それを基に、今後も改良を行っていくつもりです。チーム一同、新たなお知らせができる時を楽しみにしています。

引用元:VALORANTのインターフェースの未来予想図

  • マウス
  • キーボード
  • モニター
  • ヘッドセット
  • マウスパッド
  1. 家電 ストア
  2. 家電 ストア
  3. 家電 ストア
  4. ゲーミングマウス
  5. Amazon限定特典付ゲームが200円OFFクーポンプレゼント
  6. 家電 ストア
  7. PC Game Pass キャンペーン
  8. 家電 ストア
  9. 家電 ストア
  10. 家電 ストア
  11. 家電 ストア
  12. 家電 ストア
  13. ゲーミングマウス
  14. PC Game Pass キャンペーン
  15. PC Game Pass キャンペーン
  16. 家電 ストア
  17. 家電 ストア
  18. 家電 ストア
  19. PC Game Pass キャンペーン
  20. PC Game Pass キャンペーン
  1. 家電 ストア
  2. 家電 ストア
  3. ゲーミングキーボード
  4. Amazon限定特典付ゲームが200円OFFクーポンプレゼント
  5. ゲーミングキーボード
  6. ゲーミングキーボード
  7. ゲーミングキーボード
  8. PC Game Pass キャンペーン
  9. 家電 ストア
  10. 家電 ストア
  11. 家電 ストア
  12. 家電 ストア
  13. PC Game Pass キャンペーン
  14. ゲーミングキーボード
  15. PC Game Pass キャンペーン
  16. ゲーミングキーボード
  17. 家電 ストア
  18. ゲーミングキーボード
  19. 家電 ストア
  20. ゲーミングキーボード
  1. ディスプレイ
  2. ディスプレイ
  3. ディスプレイ
  4. ディスプレイ
  5. ディスプレイ
  6. ディスプレイ
  7. ディスプレイ
  8. ディスプレイ
  9. ディスプレイ
  10. ディスプレイ
  11. ディスプレイ
  12. ディスプレイ
  13. ディスプレイ
  14. ディスプレイ
  15. ディスプレイ
  16. ディスプレイ
  17. ディスプレイ
  18. ディスプレイ
  19. ディスプレイ
  20. ディスプレイ
  1. ヘッドセット
  2. ヘッドセット
  3. ヘッドセット
  4. ヘッドセット
  5. 周辺機器・アクセサリ
  6. ヘッドセット
  7. ヘッドセット
  8. ヘッドセット
  9. ヘッドセット
  10. ヘッドセット
  11. ヘッドセット
  12. ヘッドセット
  13. 周辺機器・アクセサリ
  14. ヘッドセット
  15. ヘッドセット
  16. ヘッドセット
  17. 周辺機器・アクセサリ
  18. ヘッドセット
  19. ヘッドセット
  20. ヘッドセット
  1. 家電 ストア
  2. 家電 ストア
  3. 家電 ストア
  4. 家電 ストア
  5. 家電 ストア
  6. 家電 ストア
  7. 家電 ストア
  8. 家電 ストア
  9. 家電 ストア
  10. 家電 ストア
  11. 家電 ストア
  12. 家電 ストア
  13. クレードル・ドック
  14. 家電 ストア
  15. 家電 ストア
  16. 家電 ストア
  17. 家電 ストア
  18. 家電 ストア
  19. 家電 ストア
  20. 家電 ストア
  • URLをコピーしました!
  • URLをコピーしました!

コメント

コメント一覧 (14件)

コメントする

特定の個人や団体に対する誹謗中傷や攻撃的なコメントはご遠慮ください。皆様が気持ちよく利用できる場を保つため、礼儀を守った投稿をお願いいたします。不適切な内容は削除させていただくことがございます。


目次