appgameui https://blog.hatena.ne.jp/appgameui/ ゲームアプリのUIデザイン https://appgameui.hatenablog.com/ 010_タイトル一覧 010_タイトル一覧-バンドリ！ ガールズバンドパーティ！ 050_演出 050_演出-画面遷移演出 情報設計 情報設計-視線誘導 こんにちは！ちょこです！ 「バンドリ！ ガールズバンドパーティ！」にてカメラ演出を使って、ユーザーがやることを示した事例があったので紹介します！ まずはこちらをご覧ください。 ▲街の全体マップから任意の施設に遷移する時の演出です カメラが寄ることによって自然と視線が誘導され、次にやるべきことが分かる、というデザインになっています。 同じシーンでもカメラ演出がないこのような見え方になります。 ▲カメラが寄らない場合 SDキャラクターがアニメーションして目立っていること、画面の中央に表示されていること、SDキャラの足元に「NEW」と表示されていることを考慮すると、この状態でも次に取るべきアクション… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fappgameui.hatenablog.com%2Fentry%2F2020%2F07%2F26%2F000000" title="「バンドリ！ ガールズバンドパーティ！」ちょっとしたカメラ演出でユーザーの認知コストを下げるデザインになる話 - ゲームアプリのUIデザイン" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/a/appgameui/20200719/20200719134454.png Hatena Blog https://hatena.blog 2020-07-26 00:00:00 rich https://appgameui.hatenablog.com/entry/2020/07/26/000000 1.0 100%