こんにちは！ちょこです！
このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！
今回は「グランサガ」から、無料で回せるガチャがあるデザインをご紹介します。
ショップに無料アイテムを陳列するデザインはしばしば取り上げていましたが、よく考えるとガチャ画面も以前から同様のデザインになっていました。
該当の画面はこちらです。
ショップに無料アイテムを陳列するデザインについてしばしば書いていますが、ガチャでも「無料ガチャ」ってよく見るな、と気付きまして、今回紹介してみます。
まず、ガチャ画面にある無料召喚ボタン付近のデザインをあげると以下の３点が特徴的だと感じました。
- ボタンの色を黄色くして画面内で相対的に目立つようにしている
- 通知バッジを付けてタスクを消したくなるようにしている
- 「Free」「無料」と文字でお得感をアピールしている
無料で回せるガチャを用意するのは、ソシャゲの初期の頃からあったような気はします。ショップに無料アイテムを配置するのと同様、無料ガチャを用意することでユーザーをガチャ画面に遷移させ、有料商品を訴求する狙いがあるように感じます。
無料召喚を回し終わった画面はこんな感じです。
１回召喚のボタンは他のボタンと同様の色になり、特に目立つデザインにはしていません。
また、新着情報に「無料で召喚できます」と表示することで、無料ガチャがあることをユーザーにタスクとして認識させています。
画面右側のリスト部分ですね。
いくつか項目が並んでいる中に無料で召喚できる旨が書かれています。
一連の流れをアニメーションで見るとこんな感じです。
先ほど紹介した新着情報のリストから召喚画面に遷移できるので、
ユーザーの手数を抑えている点、ユーザーが「召喚画面に行くには…」と考えなくても良い点など、UIとしても便利な機能になっています。
「無料ガチャ」という機能については、昔からあまりにも当たり前に存在してたため、「そういうもの」という意識が少なからずあったのかもしれません。…見落としていました。
以上です。
ガチャ画面のデザインをする際の参考になれば幸いです。
このブログではこのようにゲームUIついて簡単にまとめて紹介しています。
他のゲームUIも紹介しているので、もし良かったら他の記事も見て行っていただけると嬉しいです。
権利者さまへ
以下はコンテンツ利用に関する認識の説明です。
「グランサガ」のガイドラインを確認したところ、二次創作物の制作、SNSや共有サイトの投稿に関しては許諾されている旨の記載がありました。
主な参照箇所を抜粋します。
第3条 許諾および遵守事項
以下は確認したガイドラインページのキャプチャです。
画像利用、記事の内容について問題がありましたら、お手数ですがご連絡ください。
速やかに対応いたします。
