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

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

「ドラゴンクエストタクト」フィルタかけたらカテゴリによって見出しが表示されるデザインでした!分かりやすっ!

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

 

ドラゴンクエストタクト」のソートで、ソートする項目によって小見出しが付く仕様になっていたのが良かったです!

いくつかソート項目があるのですが、以下の項目で小見出しが表示されていました。

  • ランク
  • 系統
  • タイプ

f:id:appgameui:20200809222117p:image

▲ランクでソートした結果

 

f:id:appgameui:20200809222105p:image

▲系統でソートした結果

 

f:id:appgameui:20200809222112p:image

▲タイプでソートした結果

 

f:id:appgameui:20200805085404p:image

 

 

流れで見るとこんな感じです。

ああああああああ

 

 

見出しがあることによって、目的のランク、系統、タイプなどが認識しやすくなります。

ああああああああ

 

見出しが無い状態だと、カテゴリがどこで分かれているか分かりづらい。
(下図はHPが高い順でソートされています。カテゴリが分かれていなかった場合のイメージとして)

f:id:appgameui:20200809223241p:image

 

以上です。

このようにソートした結果もより分かりやすくできる工夫があるのだな、と感じました。画面をデザインする際の参考までに!

 

 

 

動画・生配信・画像投稿に関するガイドライン | ドラゴンクエストタクト 公式プロモーションサイト | SQUARE ENIX

 

このページで利用している株式会社スクウェア・エニックスを代表とする共同著作者が権利を所有する画像の転載・配布は禁止いたします。
© ARMOR PROJECT/BIRD STUDIO/SQUARE ENIX All Rights Reserved.