appgameui https://blog.hatena.ne.jp/appgameui/ ゲームアプリのUIデザイン https://appgameui.hatenablog.com/ 010_タイトル一覧 010_タイトル一覧-AFKアリーナ 011_画面別 011_画面別-プレゼント画面 016_グラフィック こんにちは！ちょこです！ 「AFKアリーナ」のメールボックス機能で、受け取り済みの贈り物と未受け取りの贈り物が文字ではなく、グラフィックで差別化されていました。 これにより認知の軽減に繋がっているのかな、と感じました。 未開封だと、項目が明るくなり視認性が担保されています。 また、左側に表示されている封書のグラフィックも未開封の状態を示していることで状態が分かりやすくなっています。上が未受け取りの状態、下が受け取り済みの状態です。 ▲ よく見ると手紙には「＠マーク」が描かれている このように文字だけではなくビジュアルが結びついていることによって、認知するための手掛かりが多く、結果的に認知コスト… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fappgameui.hatenablog.com%2Fentry%2F2020%2F08%2F02%2F140000" title="「AFKアリーナ」受け取り済みかどうか、封書の開封グラフィックで差異があった - ゲームアプリの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/20200727/20200727075859.png Hatena Blog https://hatena.blog 2020-08-02 14:00:00 rich https://appgameui.hatenablog.com/entry/2020/08/02/140000 1.0 100%