トイレ検索アプリのUIデザイン

プロジェクト内容：自主制作
担当：要件整理、情報設計、ユーザーヒアリング、UIデザイン
期間：8日間（2022年2月3日〜2月10日）

【制作物】トイレ検索アプリのUIはこちら

動画はこちら

本作品は、ポートフォリオ用の架空アプリです。

【プロセス】最終UIに至るまでの流れ

本ポートフォリオは、下記の流れに沿って作成しています。

要件定義
情報設計
方向性の確認
デザイン_ver1.0
ユーザーヒアリング
デザイン_ver2.0

1. 要件定義：実現すること、ユーザー想定

今回の自主制作では、トイレ検索アプリ作成にあたって基礎情報を最低限網羅したものを目指して作成しました。(BONOのシートを使用)

実際のユーザーの課題解決に見合ったデザインを目指すため、サービス利用をするユーザーの設定を行い、現状の課題・何を解決することがゴールなのかを言語化し設定しました。

2. 情報設計（OOUI）：オブジェクトの抽出と整理

想定したユーザーの感情の変化やアクションに沿って行動フローを細かく言語化しました。名詞をUI画面に表示させる候補としての「オブジェクト」をあぶり出す作業を行いました。

3. 方向性の確認：ラフによるアイディア出し・検討

オブジェクトの抽出作業を終えたのち、実際に装飾するための方向性の確認を行いました。どのオブジェクトを、どういった順序で配置することがユーザーにとって良い体験となりえるかを洗い出すことが目的です。

その結果、ユーザーは「いかに早くトイレに行けるか」を重要視すると考え現在地から探す方向性で進むことにしました。

4. デザイン_ver1.0：情報を網羅したUIの作成

ワイヤーフレームを元にUIを作成しました。

デザインVer1.0はこちら

この段階で、必要な情報・条件を網羅した最低限のUIに整理することができました。

5. ユーザーヒアリング：センターピンの特定

ここまで制作した状態から、さらに「他社サービスと比較した際の優位性をどこに置くか」「何がユーザー体験として価値あるものになるのか」という視点を得てデザインへ反映させるために、友人に上記のver1.0デザインを実際に見て操作してもらい、フィードバックをもらい方針を決定することにしました。

ヒアリングの結果、「たんにトイレにたどり着くことがゴールではない」ということがわかりました。なぜなら、ユーザーはトイレに到着したからと言って安心できるわけではなく、個室に入って初めて不安感から解放されるためです。

これを受け、サービスの肝となる要素は「急な腹痛への不安感を解消すること」であると考えました。これまでは「近くのトイレの場所を知りたい」というのを1番重要な課題と認識していましたが、ヒアリングを通して「多少距離があっても空いているトイレの場所を知りたい」という課題がより重要だと認識しました。デザイン_ver2.0ではこの点をトイレGoのコア価値として置くことにしました。具体的なアイデアとして、「空室状況の表示」等を追加します。