「ビブルカード」のような何かを作ってみたい・・・
わが家は共働きで、保育園に通う息子（5歳）がいます。
日中はそれぞれ離れた場所で過ごしており、親子がコミュニケーションを取れる手段がないのが悩みです。
もし現実世界に、ONE PIECEの「ビブルカード」のような夢のツールがあったなら・・・と、
初心者ながらに妄想＆挑戦中です。（あらゆる可能性を探るため、プロトタイプ中）
※「ビブルカード」やプロダクトの詳細は、以下リンクに記載しています。ぜひご覧ください！
今回プロトタイプしたもの ～位置情報を取得するWebアプリ～
プロトタイプとして、先日学習した「Web Sensor API」を使って何かできないか？と考えました。
全体イメージとアプリは、以下のとおりです。（今回は、一部分をプロトタイプ）
【プロトタイプ部分】
Webアプリケーションは、NetlifyにデプロイおよびPWA化しています。（リンクは、以下のとおり。）
※自端末（スマホ）と保育園の位置情報を取得するアプリ。（保育園の位置は、公開用のダミーデータ）
【全体イメージ】
全体イメージは、以下の図のとおりです。
- 親が持つスマホで位置情報（現在地・保育園の位置）を取得。 ←今回は、こちらをプロトタイプ
- お互いの距離が近づくと、子どもが持つプロダクトに合図が送られる。（カードやキーホルダー等を想定）
作成方法・ソースコード
位置情報の取得には、「Geolocation API」を使用しています。構文などは、以下の記事にまとめています。
ソースコードは、セクションのとおりです。（CodePen)
実際の操作で気づいたこと
クラウドファンディングに挑戦したいと思っているため、ユーザーに近い実姉（保育園児の母）と、夫の2名にWebアプリを使ってもらいました。（以下、フィードバックを記載）
事前に期待していた反応は、以下のとおりです。
- 位置情報アプリとしての精度については、何かしら意見をもらえるのでは？（しっかり取れた、ずれているなど）
- デザインや操作性は、アプリを使い慣れているユーザーとして、他のアプリと比較した率直な意見が聞けそう
- ワーママ（パパ）ならではの忙しい生活スタイルをベースとした意見が聞けそう
実際のコメントは、以下のとおりでした。
マイナス部分はいずれも同感で、"今度改善したいが、実現できなかったポイント"を的確に指摘してもらいました。
| 分類 | 内容 |
|---|---|
| 機能面 | 今回は、全体像の一部ということもあり、このアプリだけで何ができるか分からない |
| 機能面 | アプリの地図は、１つでよいのでは？（自分の位置・保育園の位置がどちらも表示されるように） |
| 機能面 | 位置情報はしっかり取れている。移動した際も、（面倒ではあるが）ボタンを押せばきちんと反映される |
| 操作面 | アプリの操作説明は、もっと詳しい方がよい（どのボタン押せばよいか迷う） |
| 操作面 | マップを表示するまでに、2アクションあるのが手間になる |
| デザイン面 | 雰囲気はイラストもあり、やわらかくてよい |
| デザイン面 | 文字のサイズが小さい。スマホの画面全体に表示した方がよい |
今後の改善点
フィードバックも踏まえて改善点が浮かんだので、しっかりと記録しておきます。
- 実現可能性も含めて、全体像をもっと練る。（子どもが持つツールはどんなもの？どうやって連携する？）
- 位置情報に変化がない場合、変化があった場合のアクションを明確にする。（移動がない時間は、取得不要）
- アプリを起動しなくても、自動的に位置情報を取得できる仕組みが必要。（忙しいので、起動やボタンの押下を忘れる）
- 「Firebase」等の他サービスを使って、位置情報を保存し、そこから情報を取得するなども検討。
- シンプルかつ操作がしやすい設計にする。（LINEと連携してリッチメニューを使うなど、簡単な操作が重要）
- １つの地図上で、①自端末の位置情報、②保育園の位置情報、③距離などの一元管理を目指す。