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

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

「アークナイツ」情報が指で隠れてしまう強化画面。実機プレビューも重要

こんにちは、ちょこです。

 

「アークナイツ」強化画面ですが、レイアウトが原因でストレスに感じる場面があります。 

強化画面のデザイン

強化画面はこんなデザインになっています。

f:id:appgameui:20200211200555p:plain

 

操作するとこんな感じです。

f:id:appgameui:20200211200313g:plain

 

ストレスに感じた箇所

前提として、横画面のゲームなので基本的に両手持ちになっているかと思います。

素材を選択する際は右手だと遠いので左手で操作しやすいデザインです。

f:id:appgameui:20200211200555p:plain

そうなると「龍門幣」の値が左手で隠れて見えなくなります。

実際に再現すると以下のような操作になります。

 

f:id:appgameui:20200213234242p:plain

▲すっごい隠れる!

 

このように親指で素材を選択する際に、左側の情報が隠れてしまいます。

 

f:id:appgameui:20200213234525p:plain

▲「所持龍門幣」が隠れて見えない

 

また、必要龍門幣と所持龍門幣の位置が遠いので視線移動がストレスに感じます

 

f:id:appgameui:20200213235729p:plain

▲遠い。画面を横断させてる

 

 

このように、情報が指で隠れてしまったり、視線の移動距離があることにより、スムーズな操作が妨げられ、ストレスに感じました。

こういったことは、端末で確認せずにPCだけでデザインしていると起きることがあります。

また、レイアウト以外にも「龍門幣にストッパーを付ける」「オススメ選択といったボタンを追加する」など、機能面でサポートすることなどでも、ユーザビリティの向上が望めます。

 

右手で操作すれば情報は隠れないのですが、素材選択するときに距離があるので、それはそれで不自然な操作になってしまうんですよねー…。