appgameui https://blog.hatena.ne.jp/appgameui/ ゲームアプリのUIデザイン https://appgameui.hatenablog.com/ 010_タイトル一覧 010_タイトル一覧-妖怪ウォッチメダルウォーズ 020_アンチパターン 020_アンチパターン-誤タップ_タップ範囲が狭い こんにちは、ちょこきなこです。 「妖怪ウォッチメダルウォーズ 」にてタップしづらいと感じた部分があったので、なぜそう思ったのか考えてみました。 タップしづらい箇所はどこ？ まずタップしづらいと感じた場所はクエストを選択し、バトルに遷移する場面です。 タップしづらい理由は？ じゃあ、どうしてタップしづらいと感じたのかですが、ほかの画面だと帯全体がタップ範囲になっているんですよね。 これらは枠全体が押せる挙動です。 同じようなデザインなので、枠全体が押せると思い込んでしまい、結果的にボタンしか押せないと、ボタンのサイズが小さくてタップしづらいと感じました。 また、同じようにボタンが並ぶリストもある… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fappgameui.hatenablog.com%2Fentry%2F2019%2F09%2F01%2F000000" title="「妖怪ウォッチメダルウォーズ 」タップ範囲は最低限の大きささえ 確保していばOK？サイズ感ではなく押しづらければNG - ゲームアプリの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/20190801/20190801084331.png Hatena Blog https://hatena.blog 2019-09-01 00:00:00 rich https://appgameui.hatenablog.com/entry/2019/09/01/000000 1.0 100%