appgameui https://blog.hatena.ne.jp/appgameui/ ゲームアプリのUIデザイン https://appgameui.hatenablog.com/ 010_タイトル一覧 010_タイトル一覧-メギド72 011_画面別 011_画面別-キャラ詳細/プロフィール画面 020_アンチパターン 020_アンチパターン-関係する情報が離れている こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 この画面、左右フリックでキャラ切り替え出来るんですが、直感的じゃないと感じました。 なぜなら画面の中央に目線がいってるので、＜＞の記号を見落とすから。 他の画面はこんな感じの位置。 顔と同じ高さなので比較的目に入りやすい位置かと…。 こっちも同様。視線が集まる位置の近くにあるので、自然と目に入りやすい。 上にあるので視線から外れているし、認識できていなかった。小さいので装飾の一部だと思ってたのかな。 しかもアニメーションしないので、注目も無かったです。 まとめ 「左右フリックできる場面では画面の近くに」「左右フリックの位置や大きさは… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fappgameui.hatenablog.com%2Fentry%2F2019%2F05%2F18%2F000000" title="「メギド72」フリック可能を示すカーソルの位置とアニメーションは大事だよ！ - ゲームアプリの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/20190503/20190503190355.png Hatena Blog https://hatena.blog 2019-05-18 00:00:00 rich https://appgameui.hatenablog.com/entry/2019/05/18/000000 1.0 100%