WEBサービス開発の初期に行うべきサイト構成について検討した

旅行計画

スポンサーリンク
レクタリング広告(大)

WEBサービスの開発を開始

Djangoのオンラインコースの受講を終えて、いよいよWEBサービスの開発に取り掛かりました。

ざっくり「こんなサービスを作ってみたい」というイメージはあるのですが、

プログラミングをするにも「具体的にどういった動きをするページを作成するか」をまず考える必要がありました。

そこで、各ページのイメージと機能を紙にざっと考えてみました。

サイトの「ホームページ」

ユーザーが最初に訪れるサイトの「ホームページ」です。

ここでサービスの概要を説明します。サービスの使い方を絵などを使って視覚的に理解しやすい説明にします。

出来れば、キャッチーなコピーライトとスタイリッシュなデザインで目を引くページにしたいです。

ホームページでは特に、サービスのオリジナリティをユーザーに理解してもらうことが重要かなと思います。

「ユーザー登録」機能

ホームページ下部に「ユーザー登録ボタン」を設置し、ページの説明を見て興味を持ってくれたユーザーに登録してもらいます。

「ログイン」機能

ページ上部のメニューに登録ユーザーのための「ログインボタン」を設置します。

ボタンを押すとログインページに飛び、ユーザーはログインフォームに情報を入力することで「マイページ」にログインできます。

オススメスポットの「リストページ」

全国のユーザーのオススメスポットが探せる「リストページ」です。

ここでは、スポットの写真、場所、ジャンル、評価が示された「スポット情報」の一覧が表示されます。

(インスタの写真に補足情報がついたイメージ)

ページを訪れたユーザーは、自分が行ってみたいスポットを選択し、詳細情報を閲覧できます。

スポットの詳細情報

スポットを選択すると、スポットの詳細情報を見ることが出来ます。

ここでは、写真以外に以下の情報が確認できます。

  • 投稿者名
  • 簡単な説明
  • 所要時間
  • 詳細な場所(最寄駅から○分など)
  • ジャンル(景色、グルメ、レジャー、etc…)
  • 評価(「いいね」が○個)
  • コメント(スポットを訪れた人のコメント)

この情報をみて気に入ったら「Pick」ボタンを押し、「Pickルート」にスポットを保存します。

「Pickルート」機能

「Pickルート」は「Pick」した複数のスポットを並べ、所要時間の合計を表示できる機能です。

ユーザーは「Pick」ボタンを押すことで、「Pickルート」にスポットを保存できます。

スポットを保存し「仮確定」ボタンを押すと、「Pickルート」の所要時間が合計され表示されます。

「Pickルート」に納得いかなければ、何度でも他のスポットと入れ替えることが可能です。

ルートが決まれば、「確定」ボタンを押すことで、「マイページ」に「Travelルート」が保存されます。

※ルート決定ボタンが押されると、そのルートに含まれるスポットの評価があがります。このようにスポットが評価されていく仕組みです。

「スポット検索」機能

リストページは全てのスポット情報が載せられるため、その中から自分が訪れたいスポットを探すためには検索機能が必要です。

ユーザーは「地域×ジャンル」のように検索して、目的のスポットを絞るイメージです。

地域は、どれほど詳細(県or市or駅)にするかは検討の余地があります。

「食べログ」はかなり詳細な検索が可能ですが、どうやって実現しているのでしょうか?

ユーザーの「マイページ」

ユーザーはログインした後、「マイページ」に入ります。

マイページでは、ユーザーが作成した「Travelルート」を確認できます。

LINEと連携できれば、自分のルートを友人にLINEで送ることができます。

もし、実際に訪れてみた感想を言いたければ、各スポットへのコメントが可能です。

また、ユーザーが情報を随時追加していくことで、自然と情報がアップデートされる仕組みを作れればと思います。

もちろん、自分のオススメスポットを投稿することができますし、投稿したスポットの評価を確認できます。

「形にする」ことを最優先

ここまで、ざっくりサービスのイメージを書いてきましたが、書きながら自分の頭も整理することが出来ました。

これのどこまで実現できるかは分かりませんが、

まずは最低限の機能だけを持たせ、「形にする」ことを優先したいと思います。

そしてサービスをローンチ後に、ユーザーの反応を見て徐々に機能を追加していきたいと思います。

スポンサーリンク
レクタリング広告(大)
レクタリング広告(大)

シェアする

  • このエントリーをはてなブックマークに追加

フォローする