デザイン

デザイン

PR

【UXデザイナー必見】ビデオゲームのUIから学ぶべきインタラクションデザインとは?

UX BOOTH

The UX Booth is a publication by and for the user experience community.

本記事は、What UX Designers Can Learn from Video Games’ Obsession with UI
翻訳・再構成したものです。
配信元または著者の許可を得て配信しています。

2,596 views

読了時間 : 約4分39秒

このビデオゲームでは、ユーザーインターフェイス(UI)が全てです。それは、説得力のある方法でプレーヤーをゲームに没頭させ続けるように役立ちます。何年も、ゲームはUIへのアプローチを革新し続け、重要な情報をユーザーに提示する実験を繰り返します。

 

UXに入る前に、ゲームレビューでUIのことを知っていました。ほとんどのwebやソフトウェアデザイナーは、自社製品はゲームではないと主張するでしょうが、それでもゲームのUIデザインについて学ぶべきことはたくさんあります。

 

なぜゲームデザイナーはUIに熱心になるのか?

UIは、どのビデオゲームでも非常に重要な部分です。ゲームデザイナーは、プレイヤーを惹きつけると同時に邪魔しない情報の提示方法のバランスが必要です。小さすぎるとユーザーが困惑するし、大きすぎると邪魔です。

 

シューティングゲームの弾薬カウンターから、格闘ゲームのヘルスバーまで、ゲームの表示方法はプレイヤーがゲームをプレイする方法に欠かせません。例えば、Call of Dutyでは、プレーヤーが過度のダメージを受けた場合、プレーヤーのキャラクターが痛みで喘ぎ、画面の端が血に染まります。他のゲームでは、普通、画面の上または下にヘルスバーが表示されますが、Call of Dutyのアプローチでは、プレーヤーは自分の周りで行われている全てのことに集中することができます。

 

多くのwebサイトが似たようなナビゲーションメニュー、サーチバー、トピックパスなどのユーザーインターフェイスの中で、ビデオゲームは、真にユーザーに役立つUI要素を作成することによって自分自身を区別します。

 

「素晴らしいデザイン。よくできると、見えなくなる。気づくときにだけ現れる」

ーJared Spool

ビデオゲームデザイナーがUIトレンドを形成している3つの主な方法と、それがwebエクスペリエンスにどのように使用されるのかを見てみましょう。

 

メニュー

多くのビデオゲームはプレイヤーに様々なアクションを起こすように要求します。(例えば、インゲームインベストリーの維持、キャラクターのアップグレード)しかしながら、リストやフォルダーをシンプルにする代わりに、ゲームデザイナーはメニューにユニークな体験を作り出すことに誇りを持っています。

 

いくつかのロールプレイングゲームでは、プレイヤーはスキルツリーからキャラクターをアップグレードできます。そしてそれは、特定の方法でキャラクターを作ることを可能にします。これは一般的なゲームの仕組みですが、Skyrimでは、デザイナーはゲームのファンタジーのテーマに合わせてツリーを星座として表示することを選択しました。

 

スキルツリーを開くと、プレイヤーのキャラクターは文字通り空を見上げ、ゲームプレイにさらに投入間を与えます。スキルツリーの機能は他のどのゲームも変わっていませんが、それを開いて使用するためのエレガントのアプローチは、他のゲームからSkyrimを際立たせました。

 

 

インタレストのポイント

マーケティングwebサイトがコール・トゥ・アクション(CTA)ボタンでユーザーの注意を引くことを望むように、ゲーム開発者は興味のあるポイントでプレーヤーの注意を引こうとします。地面に横たわっているヘルスキットは、気付いていなければプレーヤーには役立ちません。

 

例えば、ゼルダの伝説『ブレス・オブ・ザ・ワイルド』は、狩猟、料理、野生馬の飼育など、様々な活動に参加できる没入型のオープンワールドゲームです。カエルは特定のレシピに欠かせない成分で、見逃しやすいです。カエルに焦点を合わせると、種類がその上の小さな行のテキストとして表示されます。

 

カエルが簡単に見つけやすいと、世界からプレーヤーを引き出すでしょう。見つけるのが難しすぎた場合、彼らは狩りをするのが楽しくないでしょう。もっと詳細を見るためにクリックする必要があれば、退屈になります。このゲームに没頭するには、UIが必要なときにそこに表示され、表示されないときに表示されるようにします。

 

カスタムは簡潔に

いくつかのビデオのゲームでは、最も複雑なソフトウェアでも比較するとシンプルに見えます。誰にでも合う包括的なソリューションを作成しようとする代わりに、ゲームデザイナーは時々彼らのプレーヤーにUIを引き渡すことを選びます。

 

World of Warcraftでは、深さと複雑さのために、ユーザーインターフェイスのカスタマイズはゲームの重要な部分です。プレイヤーは、ゲーム内で実行可能な何百ものことを管理するために多数の変更を加えることができます。また、ゲームの開発者はそれを実行することを推奨し、支援します。他の多くの複雑なゲームも似たようなカスタマイズ性を特徴としています。それによってプレイヤーは自分にとって最も意味のある方法で情報を表示することができます。

 

UIデザイナーはビデオゲームから何を学べるか?

webとソフトウェアデザイナーは、UIを設計するときに様々な質問をすることで、ビデオゲームUIの革新的な性質から多くのことを学ぶことができます。このUIは製品を反映していますか?または業界のスタンダードですか?

 

ユーザーが自分の道を見つけるのを手助けしているのか、それとも特定の方向に彼らを推し進めているのかにかかわらず、あなたのUIが本当に製品を表しているのかどうかを常に考慮する必要があります。

 

ハンバーガーのメニューが2009年に再登場したとき、それはすぐにミニマリスト、モバイルフレンドリーなデザインのためのゴールドスタンダードとなりました。しかし、今では厄介なUXに対する批判に直面しているため、特定の製品ではその製品により適したメニューが見つかりました。

 

例えば、Soundcloudは、おなじみのハンバーガーメニューデザインを採用し、それを横にひっくり返しました。ほとんどのレコードやCDを見ることができます。これはこのアイコンがあなたを連れて行くのに最適です。コレクション、トラック、プレイリスト、最近演奏した曲を見つけられます。すべてのレコードが棚に積み上げられているのがほとんど同じです。

 

 

ユーザーカスタムの提供によってUIの問題は解決されるのか?

 

それぞれ異なる方法で製品を使うことを忘れてはいけません。万能UIをデザインする代わりに、ユーザーが自分の製品を使用する方法をカスタマイズできるようにすることが、最高のUXになる可能性があります。

 

Adobe製品は様々なユースケースで有名であり、カスタマイズ可能なUIに精通しています。インデザインは素晴らしいサンプルです。様々な機能のあるソフトウェアのインデザインは、ユーザーにスライドバーでのショートカット機能やグループ同様のショートカットを提供します。一度機能を開くと、サイドバーまたはグループにドラッグするだけで、サイドバーまたは、グループにドラッグするだけで、サイドバーをすばらく簡単に個人用にすることができます。

 

ゲーマーはUIが好きです。ユーザーもそうでしょう。

ゲームレビューフォーラム投稿、さらにはマーケティング資料でさえも、ビデオゲームのユーザーインターフェイスについて議論することは珍しいことではありません。ゲームをナビゲートする主な方法、および何時間も凝視しているものとしてゲームのUIは機能にとって不可欠です。

 

優れたUIは、ユーザーが単に製品を使用するだけではなく、それを楽しむのに役立ちます。通常、webサイトやソフトウェアはタスクを達成するのを助けられるように設計されています。ゲーム業界では何十年にわたってユーザーフレンドリーなインターフェイスに注力してきたため、革新的なユーザーインターフェイスの開発の原動力となっています。他に何もないにしても、今やあなたは「仕事のために」ビデオゲームをする言い訳をしています。

 

 

 

 

 

 

 

 

 

 

 

 

 

 

おすすめ新着記事

おすすめタグ