こんにちは！ちょこです！
このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！
今回は「レスレリアーナのアトリエ ～忘れられた錬金術と極夜の解放者～」（以下「レスレリ」）からキャラクターの情報をフィルタする画面のデザインを紹介します。
色々なフィルタ画面を見ましたが、登場キャラクターの数が多く、キャラを訴求したいゲームは大体このような見た目のフィルタ画面に落ち着いている印象を受けます。
以下概要です。
顔サムネイルが表示され直感的に伝わりやすい
「レスレリ」のフィルタ画面はキャラクターのサムネイルが表示され、直感的に分かりやすいデザインになっています。
また、名前の表記がない点も興味深いと感じました。
恐らく、この画面において何かを判断する際、キャラクターの名前は優先度が低い情報に設計されているのだと考えられます。
▲キャラの名前が表示されていない
新規IPの場合、ユーザーが十分に記憶できていない可能性がありますが、「アトリエシリーズ」のように長く続くIPで「レスレリ」のように過去作品のキャラが登場するようなタイトルであれば、ユーザーに認知されている可能性があります。
ユーザーの認知が進んでいれば、省略できる情報もあるのかもしれません。
表情を付けたサムネイルが採用
「レスレリ」ではキャラクターごとに表情が異なるサムネイルが採用されていました。
フィルタ画面のサムネイルのデザインは大きく２つに分けられ、それぞれ以下のような特徴があると考えています。
- 表情や角度などが統一されている⇒情報が整理され比較しやすい
- 表情や角度などが統一されていない⇒キャラクターらしさが表現しやすい
「レスレリ」のようにキャラクターの表情を見せる場合、情報量が増える傾向があります。例えば、口角のわずかな上下などは画像が小さいと認識しにくくなりますが、画像を大きくすることで情報が認識しやすくなります。
情報量が増える場合、画像も情報量に比例して大きくすると伝わりやすくなるのかもしれません。
属性情報が表示されている
キャラクターのサムネイルの近くに属性情報などが表示されていたのも興味深いと感じました。
恐らく、どのような情報でフィルタするか判断する際、キャラクターのグラフィック以外の手掛かりになる情報が表示されているのだと考えます。
キャラクターのレアリティや属性などは、サムネイルの枠の色を変えて表現するケースは多く見たことがありましたが、このような見せ方は初めて見たかもしれません。
珍しい見せ方だと感じたため、事例として紹介します。
以上です。
フィルタ画面のデザインの参考になれば幸いです。
また、他タイトルのフィルタ機能については以下のタグで管理しています。
他タイトルのデザインもご興味があればあわせてご参照ください。
このブログではこのようにゲームUIついて簡単にまとめて紹介しています。
他のゲームUIも紹介しているので、もし良かったら他の記事も見て行っていただけると嬉しいです。
権利者さまへ
以下はコンテンツ利用に関する認識の説明です。
「レスレリアーナのアトリエ ～忘れられた錬金術と極夜の解放者～」のガイドラインを確認したところ、以下の記載がありました。
株式会社コーエーテクモゲームス（以下「当社」といいます）の、配信対象ゲーム（以下「当社ゲーム」という）の動画・画像を、SNS等の動画配信サイト（以下「動画配信サイト」という）へ投稿すること（生配信を含みます。以下「投稿」という）について、個人のお客様に限り、以下に定めるガイドライン（以下「ガイドライン」という）に従うことを条件として、当社ゲームの動画・画像の投稿ができます。
これによりゲーム画面のスクリーンショットのブログの利用についてはガイドラインに従った前提で許可されている認識でおります。
画像利用、記事の内容について問題がありましたら、お手数ですがご連絡ください。
速やかに対応いたします。
