ゲームアプリのUIデザイン

プレイしたゲームアプリのUIデザインに関して書き残します。毎日頑張って更新!

「発見王」閉じるボタンの位置が異なるのは指の位置に配慮してのレイアウト

こんにちは!ちょこです!

 

このブログでは「ゲームUIを見てみよう!」というテーマで毎日ゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです。

 

今回は「発見王」の閉じるボタンの位置について紹介します。
結論から言うと、指の位置に配慮して画面を開くボタンの位置と閉じるボタンの位置を同じにしています。

 

では、具体的な事例を紹介します。
該当の画面は2つあります。

紹介するのはプレイヤーのプロフィール画面と…

f:id:appgameui:20211105095645p:image

 

 

こちらのもちもの画面です。

f:id:appgameui:20211105095650p:image

 

 

プロフィール画面の閉じるボタンは画面左下にあるのに対して…

◆◆◆◆◆◆◆◆◆◆◆◆◆◆

 

もちもの画面の閉じるボタンは画面右下にあります。

◆◆◆◆◆◆◆◆◆◆◆◆◆◆

 

一見するとレイアウトの不統一に見えるかもしれませんが、プレイしてみると指の位置を考慮してのレイアウトだと分かります。

 

画面を開く際のアニメーションを確認すると、こんな感じです。
プロフィールを開くボタンも閉じるボタンも画面左下にあります。
それに対して、もちもの画面を開くボタンも閉じるボタンも画面右下にあります。

このレイアウトの関係性により、それぞれ開くボタンと閉じるボタンの位置がほぼ同じ位置に配置されています。

◆◆◆◆◆◆◆◆◆◆◆◆◆◆

 

より分かりやすくするために、画面を開くボタンと閉じるボタンの部分を大きく拡大してみましたが伝わりますでしょうか…。

◆◆◆◆◆◆◆◆◆◆◆◆◆◆

 

閉じるボタンをどこに置くのか、というのは色んな考え方があります。
画面下部中央付近に配置するのが右手でも左手でも操作しやすく無難なレイアウトかもしれませんが、アプリの規模感によっては開くボタンと閉じるボタンの位置関係を同じにしても良いのかもしれません。

 

以上です。

閉じるボタンのレイアウトを検討する際の参考になれば幸いです。

 

このブログではこのようにゲームUIついて簡単にまとめて紹介しています。

他のゲームUIも紹介しているので、もし良かったら他の記事も見て行っていただけると嬉しいです。

 


権利者さまへ

以下はコンテンツ利用に関する認識の説明です。

「発見王」のガイドラインを確認したところ、配信ガイドラインについては見つけられたもののSNSやブログなどのwebに投稿についての記述は見当たりませんでした。

 

GuideLines | Neko Up Game

配信ガイドライン

NEKOUPのゲーム全てにおいて、配信のガイドラインを以下に定めます。基本的に動画配信や実況について歓迎します。

個人、企業に関わらず、収益化することについても問題ありません。

事前の連絡や許諾も必要ありません。
自由にゲームの楽しさを視聴者に伝えてください。
ただしいくつかのNGがあります。
​以下のNG項目に触れない範囲でお願いします。

 

NG項目

  • 各国の法令に違反するような動画
  • ゲームの内容外で公序良俗に反する配信等
  • 反社会的な内容を含む動画
  • Nekoupのゲームや他社の知的財産権を侵害するような動画
  • データに改造を施したアプリでの動画
  • 各種配信プラットフォームの定めるガイドラインを破る行為

※当ガイドラインは告知等無く、追加・変更を行う可能性があります。ご了承ください。

ついてはブログに利用している画像に関しては公開されている配信ガイドラインをもとに独自の解釈をし、NG項目に抵触していない認識ではありますが、画像利用、記事の内容について問題がありましたら、お手数ですがご連絡ください。
速やかに対応いたします。

 

お問い合わせ