appgameui https://blog.hatena.ne.jp/appgameui/ ゲームアプリのUIデザイン https://appgameui.hatenablog.com/ 010_タイトル一覧 010_タイトル一覧-テラウォーズ 情報設計-情報の一覧性/認知コストの軽減 こんにちは、ちょこきなこです。 「テラウォーズ」キャラを出撃させる際に、出撃すべきキャラクターが分からない、という部分のサポートとして 盤面のキャラクターとの相性が分かるような機能が実装されています。 キャラクターの属性が表示される キャラクターを選択するとキャラクターの頭上に属性が表示されます。 こんな感じです。これによって選択しているキャラクターとの相性が分かるようになっています。 普段は表示されない 有利属性か相性が分かる 属性の表示だとまだ分かりづらいです。ユーザーが知りたいのは「勝てるかどうか」なので、属性の相性も知りたいと考えます。 そこで敵キャラクターの周囲に相性を示す光彩が表示… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fappgameui.hatenablog.com%2Fentry%2F2019%2F08%2F24%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/20190818/20190818144208.png Hatena Blog https://hatena.blog 2019-08-24 00:00:00 rich https://appgameui.hatenablog.com/entry/2019/08/24/000000 1.0 100%