appgameui https://blog.hatena.ne.jp/appgameui/ ゲームアプリのUIデザイン https://appgameui.hatenablog.com/ 010_タイトル一覧 010_タイトル一覧-アニドルカラーズ 011_画面別 011_画面別-キャラ一覧画面 情報設計 情報設計-指の可動域を意識したレイアウト こんにちは、ちょこきなこです。 「アニドルカラーズ」のタブが右にレイアウトされています。 視線の流れから考えると、左にあるのが自然。なぜ右にあるんだろう… 右側にある理由を考えてみる まず考えられるのは左に配置したかったけど、左に配置できなかったケース。一瞬、ノッチの影響かな、と思ったけどそんなワケはないと思うので却下。 左上に画面の見出しの情報が表示されているのでそれと情報が被るのが不恰好だったから？ う～ん、こんな感じ？ 雑に試しましたが多分違う…。 というか試しながら気づきました。恐らく誤タップ防止の為に右側に寄せたのだと思われます。 左上に戻るボタンがあり、タブも左上揃えにしたら、割と… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fappgameui.hatenablog.com%2Fentry%2F2019%2F09%2F24%2F120000" 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/20190910/20190910134020.png Hatena Blog https://hatena.blog 2019-09-24 12:00:00 rich https://appgameui.hatenablog.com/entry/2019/09/24/120000 1.0 100%