Created data
March, 2018( 5/7 Update ※随時更新)
Role
Design

■ テーマ

想定したこと。

  1. 1. 「衣食住」や「暮らし」に関わるサービス。生活に少しの趣 -おもむき- を持たせる。
  2. 2. ミニマム・スタートを想定。運用しながら一次情報などを経てグロースや機能追加を発展させる。
  3. 3. 現状は、ビジネス視点(収益)を外した想定。

■ サービス内容

  • ・トイレの位置情報共有
  • ・UGC(User Generated Contents/ユーザー登録型コンテンツ)にする。

SNSについて

twitterやFacebookなどのSNSで、ユーザーが便意や感想を主張/拡散するメリットが現状は浮かんでいないため、
「面白がる」以外の拡散見込みは無いと想定する。
(ただし、OGPは想定しておく。)

□ 仮想の競合サービス

トイレ情報共有マップくん

■ 簡易ジャーニーマップ

ジャーニーマップ

ジャーニーマップ
簡易ジャーニーマップ

見解

  • ・「トイレを探す」場面においては、”状況”や”便意”により、ユーザーの心理に緊張が走っている。
  • ・直感的に操作できるUIを想定する必要がある。
    → 要(かなめ)は、トイレの場所(02-01_Map Searching Toilet)とトイレの状態(03-01_Single Status)のわかりやすさ。

制作側の思考/計画

「(トイレを)使用する」場面においては、”スマホを触る”時間を有効に利用したい。
→ ステータス入力(03-02_Status Setting)に使ってもらいたい。
→ 後に、収益を図る(広告を貼る)場合は、このページが良いかもしれない。

■ サイト・ストラクチャー

階層型分類構造 / ハブ&スポーク型構造

■ サイトマップ / フローチャート

フローチャート

フローチャート
フローチャート

01 SignUp / Login

登録する

スタート画面/登録画面

スタート画面/登録画面
スタート画面/登録画面
メールアドレスで登録する/登録画面

メールアドレスで登録する/登録画面
メールアドレスで登録する/登録画面
アカウント作成画面/登録画面

アカウント作成画面/登録画面
アカウント作成画面/登録画面

ログインする

ログイン画面

ログイン画面
ログイン画面
登録情報を入力/ログイン画面

登録情報を入力/ログイン画面
登録情報を入力/ログイン画面

パスワードを忘れた場合の処理

メールアドレス/パスワードを忘れた際の入力画面

メールアドレス/パスワードを忘れた際の入力画面
メールアドレス/パスワードを忘れた際の入力画面
電話番号/パスワードを忘れた際の入力画面

電話番号/パスワードを忘れた際の入力画面
電話番号/パスワードを忘れた際の入力画面

02 Map

トイレを探す

トイレの検索画面/マップ画面

トイレの検索画面/マップ画面
トイレの検索画面/マップ画面

iOSのデフォルトのマップ・アプリのAPI(MapKit?)を想定。
このページをハブ(根幹)とする。

03 Status

トイレに関する情報の詳細/入力

トイレの詳細情報

トイレの詳細情報
トイレの詳細情報
トイレに関する情報の入力画面

トイレに関する情報の入力画面
トイレに関する情報の入力画面

04 Person

ユーザー(アカウント)情報の詳細/入力

アカウント情報の画面

アカウント情報の画面
アカウント情報の画面

ステータス入力の経歴一覧から、「お気に入り(ピン)として残す」/「または削除する」機能。

アカウント情報の編集画面

アカウント情報の編集画面
アカウント情報の編集画面

05 App Setting

アプリ内機能の設定

アプリ内機能の設定画面

アプリ内機能の設定画面
アプリ内機能の設定画面
アプリ内機能の入力画面

アプリ内機能の入力画面
アプリ内機能の入力画面

■ How to Design

Tool

Rule

Symbol
01_Atom-Colors/Green +1
01_Atom-Colors/Green 0
01_Atom-Colors/Green -1
01_Atom-Icon/●●●_white
01_Atom-Icon/●●●_gray
… etc
02_Molecules-slider/item
02_Molecules-Favorite_pin/item
… etc
03_Organisms-Parts
… etc
99_Others

※ 参考にした記事
Sketchのシンボル活用で新規サービスの開発効率が2倍になった

■ 過去のデザイン

サイトマップ

遷移図(サイトマップ)
過去のデザイン

Tags