オススメ機能
Twitter
お気に入り
記事履歴
ランキング
お気に入りタイトル/ワード

タイトル/ワード名(記事数)

最近記事を読んだタイトル/ワード

タイトル/ワード名(記事数)

LINEで4Gamerアカウントを登録
「そんなものあったっけ?」が理想となるチュートリアルを,どのようにデザインすべきか
特集記事一覧
注目のレビュー
注目のムービー

メディアパートナー

印刷2016/08/27 12:17

イベント

「そんなものあったっけ?」が理想となるチュートリアルを,どのようにデザインすべきか

 ゲームにとってチュートリアルをどう作るのか,というのは永遠の課題の一つと言ってもいいだろう。理想のチュートリアルとはどんなものなのかについて,These Awesome GuysのNicolae Berbece氏がGDC Europeで講演を行った。「This is a Talk About Tutorials, Press “A” to Skip」――「こちらはチュートリアルの話になります(Aボタンでスキップ)」という,タイトルからしてユーモラスなセッションだった。
 ちなみにThese Awesome Guysは,「Move or Die」というオンライン対戦可能なミニゲーム集を作った,ルーマニアのインディーズゲームデベロッパである。

These Awesome GuysのNicolae Berbece氏
画像集 No.001のサムネイル画像 / 「そんなものあったっけ?」が理想となるチュートリアルを,どのようにデザインすべきか

4Gamer「gamescom 2016」記事一覧



チュートリアルですべきでないこと


画像集 No.002のサムネイル画像 / 「そんなものあったっけ?」が理想となるチュートリアルを,どのようにデザインすべきか
 Berbece氏はまず「チュートリアルの定義」を引用するところから講演をスタートした。辞書にあるチュートリアルの定義をBerbece氏が読みあげたのだが,もちろん長くて退屈。そのとき,パワーポイントの下部に「Aボタンでスキップします」と表示され,Berbece氏はその説明をスキップした。むろん,会場内は爆笑に包まれる。
 このように,チュートリアルは,ゲームに対して退屈だという印象を与えてしまうことがあるとBerbece氏は述べる。さらに悪いことに,チュートリアルはゲームの第一印象であることが多い。つまり,初見でプレイヤーに悪い印象を抱かせる可能性を秘めているのがチュートリアルなのだ。


スキップしたくなるチュートリアル


 では実際に,「悪い印象を与えるチュートリアル」にはどんなものがあるだろうか。氏は順番に具体例を(具体的なゲームを示して)説明していった。

・ポップアップ
 ゲームを進行させる中で,突如小窓が開いて操作法やルールを説明されるというパターンだ。これはゲームのテンポ(しかも序盤のテンポ)を猛烈に損なってしまう。
 操作法を説明するのであれば,例えばステージの背景に書き込むなど,より良い方法があり得るという。

画像集 No.003のサムネイル画像 / 「そんなものあったっけ?」が理想となるチュートリアルを,どのようにデザインすべきか
ポップアップ!
画像集 No.004のサムネイル画像 / 「そんなものあったっけ?」が理想となるチュートリアルを,どのようにデザインすべきか
ステージの背景に操作法を書き込んだ例

・コントローラセッティング
 最近のコントローラは,とにかくボタンが多いしスティックもあり,そのすべてに機能が割り当てられている場合が多い。そこで,どのボタンがどういう機能を持っているのか,グラフィカルに表示するという例も見られる。
 とはいえ,これほどに膨大な情報を一度に見せられても,プレイヤーはすぐには覚えられない。

さすがに覚え切れないのは,筆者だけではないだろう
画像集 No.005のサムネイル画像 / 「そんなものあったっけ?」が理想となるチュートリアルを,どのようにデザインすべきか

・指示に沿えない
キーボード使用中に,コントローラのボタンを指定される
画像集 No.006のサムネイル画像 / 「そんなものあったっけ?」が理想となるチュートリアルを,どのようにデザインすべきか
 チュートリアルが示すとおりにゲームを進行させられない。そんなバカなと思うかもしれないが,コンシューマタイトルをPCにベタ移植したような作品ではしばしば発生する。例えば画面上では「Aボタンを押せ」と表示されているのに,プレイヤーはキーボードを操作しており,キーボードの[A]キーをひたすら押しても何も起きない,という感じだ。
 この問題については,デバイスを検知して表示を動的に切り替えられることが望ましい。

・テキストの壁
 ポップアップに似ている。ゲームを進めていると,突如画面にテキストが怒涛のように表示され,ルールや操作を解説するというパターンだ。
 ポップアップよりオシャレに見えるせいか,最近利用例が多いが,結局はポップアップと変わらない。

ウィッチャーよ,おまえもか
画像集 No.007のサムネイル画像 / 「そんなものあったっけ?」が理想となるチュートリアルを,どのようにデザインすべきか

 結論として,Berbece氏は「ゲームの操作法やルールを直接教えようとすれば,絶対に失敗する」と指摘した。


チュートリアルですべきこと


 ではいったい,どのような発想でチュートリアルを作るべきなのだろうか?
 結論から言えば,「ゲーム体験を通じて徐々に学ぶ」ことがベストであるとBerbece氏は断じる。

画像集 No.008のサムネイル画像 / 「そんなものあったっけ?」が理想となるチュートリアルを,どのようにデザインすべきか
 例えば,プレイ中に特殊な攻撃方法が使えるようになったとき,悪い例としては,上のようなポップアップやテキストがいきなり出現して,プレイヤーを現実に引き戻してしまう。
 しかし,Berbece氏がまず例に挙げた「Half Life 2」はそうではない。前進の障害となっている机をグラビティガンでどけようとすると,壁にある丸ノコの刃が「動かすことのできるオブジェクト」であることに気がつく。ごく自然に,プレイヤーは丸ノコの刃を引き寄せると,そのタイミングにピタリと合わせてゾンビが出現する。プレイヤーが,グラビティガンに引き寄せた刃をゾンビぶつけてみようとするのもまた自然だろう。かくしてプレイヤーに「丸ノコを飛ばして敵を真っ二つにする」というアクションを覚えさせているわけだ。
 これが,「ゲーム体験を通じて徐々に学ぶ」というチュートリアルだ。「Half Life 2」ではこれ以外にもマップデザインを通じて,あるいはキャラクターとの会話によって「やり方」を教えるという試みを多数しており,チュートリアルの良いサンプルになっているとBerbece氏は指摘した。

画像集 No.009のサムネイル画像 / 「そんなものあったっけ?」が理想となるチュートリアルを,どのようにデザインすべきか
画像集 No.010のサムネイル画像 / 「そんなものあったっけ?」が理想となるチュートリアルを,どのようにデザインすべきか

 こうした,「遊びながら学ぶ」チュートリアルとして世界最高峰のものがあることを我々はよく知っている。それが,「スーパーマリオブラザーズ」の最初のステージだ。
 これについてBerbece氏は「YouTubeでもネットでも,同作の研究は大量に存在するので説明は割愛」としつつも,間違いなく最高の例であるとした。当然ながら「スーパーマリオ 3Dワールド」なども良いサンプルとなるし,「ロックマン」「God of War」「Portal」も同様に参考になると語った。

画像集 No.011のサムネイル画像 / 「そんなものあったっけ?」が理想となるチュートリアルを,どのようにデザインすべきか 画像集 No.012のサムネイル画像 / 「そんなものあったっけ?」が理想となるチュートリアルを,どのようにデザインすべきか

 一方,プレイヤーが学ぶべきことが膨大な量になるゲームも存在し,その代表例としてはRTSが挙げられる。RTSの場合,シングルプレイのキャンペーンを用意し,そこで段階的にルールを学んでいくようにするのが一般的な手法だろう。

 だが,別のアプローチとして,「ゲーマーにとっての常識を使う」という方法もあり得る。
 「似たようなゲームで,これまで,このようにしてきた」という操作やギミックを踏襲することで,プレイヤーをゲームへ自然に導入するという考え方だ。RTSではないが,コントローラの右トリガで銃を発射しないFPSはまずないだろう。

 発展形としては,最初に簡単なタスクを提示し,それがすんなりクリアできるなら,ここでチュートリアルをスキップし,できなかった人にのみ操作を詳しく説明する,という手法も紹介されていた。

画像集 No.013のサムネイル画像 / 「そんなものあったっけ?」が理想となるチュートリアルを,どのようにデザインすべきか

 「常識を使う」をさらに推し進めると,「そもそもチュートリアルを用意しない」という選択になる。
 ろくなチュートリアルを用意していないのに大成功した例として「Pokémon GO」が挙げられた。「Pokémon GO」の場合,「こういうこともできる」「こういう操作がある」という情報がコミュニティで共有されることを見越して,詳しいチュートリアルを用意していないのではないかとBerbece氏は指摘した。コミュニティを前提に,操作方法を探ることまでゲームにしているタイトルは,ほかにも少なくない。

画像集 No.014のサムネイル画像 / 「そんなものあったっけ?」が理想となるチュートリアルを,どのようにデザインすべきか


プレイヤーの「常識」を活用したチュートリアル


 チュートリアルを最低限にしつつ,うまくゲームにプレイヤーを導くための技術として,色を適切に使うという方法も紹介された。

 これはシンプルな考え方で,

・安全ないし利益がある場所:緑色で表示
・危険な場所:赤色で表示
・ヒットポイント:赤いゲージで表示
・マナやMPなど:青いゲージで表示

 など,「普通そうだよね」というゲーマーの理解に沿った色彩デザインをするのである。

 これはまた,キーバインドについても同じことが言える。

・W/A/S/Dキーで移動
・Eキーで何かを使う
・Ctrlキーでしゃがむ
・数字キーでアイテムやスキルを使う


 こういった「普通のキー配置」は,よほどの理由がない限り,絶対にそうするべきだとBerbece氏は力説した。

画像集 No.015のサムネイル画像 / 「そんなものあったっけ?」が理想となるチュートリアルを,どのようにデザインすべきか 画像集 No.016のサムネイル画像 / 「そんなものあったっけ?」が理想となるチュートリアルを,どのようにデザインすべきか
画像集 No.017のサムネイル画像 / 「そんなものあったっけ?」が理想となるチュートリアルを,どのようにデザインすべきか 画像集 No.018のサムネイル画像 / 「そんなものあったっけ?」が理想となるチュートリアルを,どのようにデザインすべきか

 また,もっと直接的な誘導もあり得る。例えば,「マップの特定の場所に移動してほしい」なら,遠くに灯りをともせば,おそらくプレイヤーはそちらに移動するだろう。あるいは,「このルートにそって移動してほしい」なら,光る緑色(それ以外の色は良くない)のラインでそのルートを示す。また「Portal」のように,分かりやすい標識やアイコンで誘導するのも良い。

画像集 No.019のサムネイル画像 / 「そんなものあったっけ?」が理想となるチュートリアルを,どのようにデザインすべきか
画像集 No.020のサムネイル画像 / 「そんなものあったっけ?」が理想となるチュートリアルを,どのようにデザインすべきか

 その一方,「常識」がうまく機能しない,あるいは条件によって変化することもある。

画像集 No.021のサムネイル画像 / 「そんなものあったっけ?」が理想となるチュートリアルを,どのようにデザインすべきか
 その代表例としてBerbece氏が挙げたのがローカライズ問題で,日本では,コントローラの○ボタンで先に進み,×でキャンセルする。だが欧米では×で先に進み,○はキャンセルだ。
 このように,国や地域が異なれば常識が異なることもある。

 また,コントローラにも新たな常識の変化が訪れつつある。とくにこれはVRで顕著で,VRコンテンツでは,「モノがそこにある」ので,これまでよりも直接的なインタラクションが可能になるし,日常で行っている動作をそのままゲームの動作として取り込むこともできる。
 これは,常識の変化というより,VRという新しいメディアにまだ常識ができあがっていないことが理由だろう。コントローラでVRを操作する場合,従来の常識には縛られないほうがうまくいく場合があるとのことだ。

画像集 No.022のサムネイル画像 / 「そんなものあったっけ?」が理想となるチュートリアルを,どのようにデザインすべきか

 Berbece氏は最後に,最も優れたチュートリアルは,「チュートリアルなんてあったっけ?」と思わせるようなチュートリアルだと語って,講演を終えた。

4Gamer「gamescom 2016」記事一覧

  • この記事のURL:
4Gamer.net最新情報
プラットフォーム別新着記事
総合新着記事
企画記事
スペシャルコンテンツ
注目記事ランキング
集計:03月18日〜03月19日