【Bubble】SDGs２択クイズアプリについて①

こんにちは、UGOK-5thメンバーのゆりあです。

今回は、Bubbleで制作中の「SDGsを学べる２択クイズアプリ」を紹介します。

企画のきっかけ

NHKスペシャルの「2030 未来への分岐点」を見て、SDGsに興味を持ち始めました。

今までSDGsという言葉は知っていても、詳しい内容まで理解していませんでした。

そこで、次世代を担う若者向けに、SDGsの内容を分かりやすくクイズにすれば、難しい内容だと遠ざける人にも興味を持ってもらえると思い、本企画を考えました。

アプリの内容

● ホーム画面

自然をイメージした優しい色合いになるよう意識しました。

｢SDGsって？｣ボタンを押すと、以下の説明ポップアップが開きます。

ポップアップの内容は端的にまとめたものなので、2ページに増やして17の目標を表示するのもいいのでは…と考えています。

● ２択クイズ

クイズの作成方法については、ノーコード ラボ様の「Bubble で作る『4択クイズアプリ』」という記事を参考にさせていただきました。

クイズの内容はユニセフの｢SDGs CLUB｣、国連広報センターの「SDGs報告2020」を参考に作成しました。

企画時は、できるだけ分かりやすいクイズにしようと思っていましたが、実際作ると少し難しくなってしまいました。

AかBのボタンを選んで押すと無効状態(押せなくなる)になり、「次の問題へ」ボタンが有効状態になります。それと同時に、○×アイコンと解説が表示されます。

今は、何度挑戦しても同じ10問が出題されるのですが、飽きてしまうので挑戦するたびに問題を変えられないかなと考えています。

● クイズ結果

クイズをすべて解くと「次の問題へ」ボタンが「結果発表」ボタンになり、結果発表ポップアップが開きます。

全問正解するかしないかで表示されるボタンを変えてみました。達成感を得られるように、全問正解した分、木が成長するようなシステムを作りたいと考えています。

現在の問題点

● ユーザーが飽きないように多数のクイズをランダムで表示させるには？

● クイズに全問正解するたび、木が成長するようにするには？　　　　　　　　→（成長するアニメーションはつけられる？）

● クイズ結果をSNSにあげられるようにするには？

作っていく中で様々な機能を付けたいと思うようになり、いくつか問題を抱えています。まだ方法を見つけ出せていないのですが、これから解決していきたいです。

最後まで読んでくださった方、ありがとうございました！