appgameui https://blog.hatena.ne.jp/appgameui/ ゲームアプリのUIデザイン https://appgameui.hatenablog.com/ 010_タイトル一覧 010_タイトル一覧-アークナイツ 011_画面別 011_画面別-キャラ詳細/プロフィール画面 こんにちは、ちょこです。 「アークナイツ」の図鑑の下位階層にキャラクターのプロファイル画面があるのですが、そこで面白い挙動があったので紹介します。 右側にあるボタンをタップするとそれぞれ「プロファイル」「ボイス」の情報が表示されます。 ▲動くとこんな感じ このようにプロファイルとボイスのボタンの位置が動的に切り替わり、情報を閲覧しようとした際、指の移動距離がゼロで済む、という特徴があります。 ここで謎に気付く 書いてて気づいたのですが、この挙動、スマホではなくPCでマウス操作した時の方が利便性高いですね。 というのも、情報開いておいて、その情報を見ずに切り替える、というのはイレギュラーな操作で… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fappgameui.hatenablog.com%2Fentry%2F2020%2F02%2F09%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/20200123/20200123220148.png Hatena Blog https://hatena.blog 2020-02-09 00:00:00 rich https://appgameui.hatenablog.com/entry/2020/02/09/000000 1.0 100%