![見出し画像](https://assets.st-note.com/production/uploads/images/56858457/rectangle_large_type_2_2de7218d0161c87aeb75325a9559cb15.png?width=1200)
【プロダクト紹介】 子供の頃のワクワク、思い出してみませんか?
最近インターンばかりでアウトプットする機会が無かったので、前から作りたかったプロダクトを作成しました。
今回はそのプロダクトの紹介をしていきます!
特に後半の「制作背景、届けたい価値」、「UIデザイン」の章ではこのプロダクトにかけた熱い思いを語っていますので、是非ご覧になってからプロダクトを触ってみてください!
作品概要
今回作った作品はQuizWikiという、クイズ型Webアプリケーションです。
( ※ 7/16現在、スマホのレスポンシブ未対応です。PCで開いてください🙏 )
(※ 2023/2 サーバー費用抑えたいので、いったん非公開にしました🙇♂️)
以前アイデアを固めて少しだけ作ったのですが、この作品に込める思いが半分も形になっていなかったので、今回はアーキテクチャ設計含め、0からリメイクしました。
また、技育展のテーマの一つでもある、
「ライフスタイル」
日常生活を豊かにするアプリケーション
とマッチするのも、この作品をリメイクした理由の一つです。
プロダクトの中身は、
「Wikipediaの記事のタイトルを当てる」
といったシンプルなクイズとなっています。
より具体的に話しますと、
クイズをスタートするとWikipediaの記事が無作為に一つ抽出されます。
その記事に関連するキーワードが9つ表示されるので、プレイヤーはそれをヒントにしてタイトルを当てるというゲームとなっています。
プロダクトの中身を聞いて「めっちゃむずいやん!」と思った方も多いと思いますが安心してください。(笑)
これにはちゃんと理由があります。
詳しくは記事の後半で制作背景やコンセプトについて話していますので、そちらを読んでもらえたらと思います。
アーキテクチャ
作品概要に続きまして、このアプリケーションの設計について紹介します。
アーキテクチャの構成は以下の通りです。
![アーキテクチャ](https://assets.st-note.com/production/uploads/images/56779108/picture_pc_6dc376f3c581aaa8bfffedf9f79c690a.png?width=1200)
また、それぞれのソースコードは以下のリポジトリに入っています。
興味がある方は見てみてください!
制作背景、届けたい価値
前置きが長くなりましたが、ここからが本題です。
このプロダクトを通じて皆さんに届けたいものは、結論から申し上げると、
「子供の頃のようなワクワク」です。
なぜこのような結論に至ったか話していきます…
「大人になるにつれて人生退屈になってくる」という話よく聞きますよね..
僕も様々な場所で耳にするのですが、それって何故だと思いますか?
僕は子供と大人の違いとしてひとつ挙げられるのが、新しい発見の量だと考えています。
子供の頃って何もかもが新鮮で、新しい発見の連続ですよね!
そんな毎日、楽しいに決まっています。
一方、大人になってからはどうでしょう。
毎日同じような一日を当たり前のように過ごす...
こんな大人も多いと思います。
そういった毎日を過ごしていたら当然新しい発見なんか無いため、退屈になるのも無理ありません。
以上の話を仮説として設定し、この課題を解決するサービスを作るために、コンセプトを以下のようにしました。
「当たり前の毎日を過ごしている大人たちに新しい発見を提供することで、子供の頃のようなワクワクを呼び覚まし、社会に活力を与える」
QuizWikiで遊んでみた方は既に分かると思いますが、正直このクイズを答えられる確率は1%もないと思います。
そもそも、出題されている記事の存在自体を知らないケースがほとんどですから。(笑)
このサービスはクイズに正解してもらうことが目的ではなく、
全く知らない人物や出来事について考えてもらい、新しい発見をしてもらうことで先ほど掲げたコンセプトを叶えるサービスとなっています。
答えが合っているかではなく、答えの解説を確認する行為が、このサービスにとって1番重要なのです。
また、クイズ形式にしたのも理由があります。
新しい発見を得ること自体は、もちろん本を読んだりインプットをすることで可能だと思いますが、
このサービスの思いを届けたい人は、そういった自己研鑽をする時間がないほど忙しかったり、あまり気が乗らない人をペルソナにしています。
なので、そういった人たちにも気軽に触ってもらうためにはどうすればいいかと考えた結果、クイズ形式にするという結論に至りました。
近年はゲームへの見方も変わってきており、ただの娯楽ではなく、ゲームを通じて何かしらの成長を与えるものも増えてきています。
今回はその流れに乗らせて頂きました🙂
UIデザイン
また、このような思いを形として届けるために、UIデザインにもこだわりました。(知人に監修してもらいました🙏 ありがとう!)
今回のプロダクトのコンセプトでもある「子供の頃のようなワクワク」をより解像度高めると、
「へー!まだまだ地球上にはこんな世界があるんだ!
世界って広いな〜ワクワク😊」
みたいなニュアンスだと思います。
この感覚って具体的に、子供の頃のどういった場面で感じるのか?と考えると、
「国語辞典や図鑑を意味もなくパラパラ見てる時間」
が最も近いと思いました。
あることを調べるために本を開いていると、たまたま隣にある単語が目に入り、気がついたらページをパラパラめくって時間が過ぎちゃう...
といった体験、一度はしたことがあると思います。
時間が過ぎちゃったことに後悔すると同時に、知的好奇心が満たされることによる満足感もあるという、何とも言えない気持ち。
この体験をQuizWikiでも感じてほしいと思い、
「図書館で辞書をパラパラとめくっていく」
といった世界観をデザインで表現しました。
Wikipediaはネット版辞書とも言われているので、そういったコンテンツとのマッチもしていると思います。
これらの背景から、実際のデザインはこのようになりました。
![画像2](https://assets.st-note.com/production/uploads/images/56932900/picture_pc_b0cc84140907772978cbe6e12c39abf3.png?width=1200)
![画像3](https://assets.st-note.com/production/uploads/images/56932905/picture_pc_f387a9f5e17f84a24ddfee272367fa5a.png?width=1200)
![画像4](https://assets.st-note.com/production/uploads/images/56932908/picture_pc_abd371c13843438bf39075b025b1ab21.png?width=1200)
以上が、僕がこのサービスを作った背景であり、届けたい想いです。
もしここまでの話を聞いて、このサービスに興味を持ちましたら、ぜひ遊んでみてください!
ログイン等なく気軽にプレイできることもこのサービスの魅力の一つです☺️
実際に遊んでみての、このサービスについての意見やFB、感想等ありましたら以下のメールアドレスにまで連絡して頂けると嬉しいです🙌
wdtk2525@gmail.com
ここまで読んで頂きありがとうございました😊
それではまた🙋♂️
この記事が気に入ったらサポートをしてみませんか?