appgameui https://blog.hatena.ne.jp/appgameui/ ゲームアプリのUIデザイン https://appgameui.hatenablog.com/ 010_タイトル一覧 010_タイトル一覧-テラウォーズ 011_画面別 011_画面別-ショップ画面 020_アンチパターン 020_アンチパターン-情報が整理されていないデザイン 020_アンチパターン-何を見せたいのかが分かりづらい 020_アンチパターン-伝わりづらい文言 020_アンチパターン-関係する情報が離れている 020_アンチパターン-表記の不統一 こんにちは、ちょこきなこです。 今回は「テラウォーズ 」のショップのバナーデザインについて書いてみたいと思います。ちょっと見た感じ分かりづらく感じたんですよね… 早速ショップ画面の訴求画像を見てみます。 ぱっと見のショップのちぐはぐ感…。 ポップアップを開くとこんな感じです。 先ほどの賑やかさとは変わって、落ち着いたデザインになっています。 ショップの下の方はこんな感じ。 色数、フォントの種類の多さなど、情報量が多く、他画面の世界観から外れてしまっているように見えます。 「これも世界観です」と言ってしまうことも可能ですが、厳しい…。 見てて思ったのですが、これ…、オススメだけあとで強引に追加し… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fappgameui.hatenablog.com%2Fentry%2F2019%2F08%2F16%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/20190702/20190702235442.png Hatena Blog https://hatena.blog 2019-08-16 00:00:00 rich https://appgameui.hatenablog.com/entry/2019/08/16/000000 1.0 100%