こんにちは！ちょこです！
このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！
今回「金色のコルダ スターライトオーケストラ」（以下、スタオケ）から、お知らせ画面のデザインの事例を紹介します！
文字が入りきらない場合は文字がスクロールする
「スタオケ」のお知らせ画面の見出しは１行でレイアウトされていますが、しばしば枠に収まっておらず見切れています。
見出しが見切れる場合に考えられるレイアウトとしては…
- 行を増やすなどして表示スペースを増やす
- 文字サイズを小さくする
- 見切れることを許容する
…など、いくつか対処方法は考えられますが、
「スタオケ」の場合はスクロールアニメーションが採用されていました。
アニメーションで見るとこんな感じです。
画面遷移直後は静止していますが、表示して１秒ほど経つとスクロールアニメーションが開始されます。
見やすいように該当部分を抜き出しました。
スクロール速度についてはある程度の読みやすさを意識しつつ、１秒間で６～７文字程度が流れるくらいの速度に見えます。
文字を動かす場合、視野狭窄があるユーザーなど、一部のユーザーにとっては可読性を下げる可能性がありますが、画面遷移してお知らせ本文が確認できる画面では文字は静止しているため、ここで動いていても大きくユーザーの不利益に繋がらず、許容と考えたのかもしれません。
この画面ではレイアウトの一貫性、情報の一覧性を優先したのかもしれません。
以上です。
お知らせ画面をデザインする際の参考になれば幸いです
このブログではこのようにゲームUIついて簡単にまとめて紹介しています。
他のゲームUIも紹介しているので、もし良かったら他の記事も見て行っていただけると嬉しいです。
権利者さまへ
以下はコンテンツ利用に関する認識の説明です。
「金色のコルダ スターライトオーケストラ」のガイドラインを確認したところ、公式HPにて、ゲーム画像をブログに投稿することは許諾されている旨の記載がありました。
主な参照箇所を抜粋します。
株式会社コーエーテクモゲームス（以下「当社」といいます）の、配信対象ゲーム（以下「当社ゲーム」という）の動画・画像を、SNS等の動画配信サイト（以下「動画配信サイト」という）へ投稿すること（生配信を含みます。以下「投稿」という）について、個人のお客様に限り、以下に定めるガイドライン（以下「ガイドライン」という）に従うことを条件として、当社ゲームの動画・画像の投稿ができます。ガイドラインに従って投稿する場合には、当社への個別の連絡は不要です。
投稿にあたり以下の著作権表示を記載してください。
©コーエーテクモゲームス
画像利用、記事の内容について問題がありましたら、お手数ですがご連絡ください。
速やかに対応いたします。
