Figmaの画面遷移と構成を下敷きに作った3つの案。概要で見比べ、各タブで実際に操作して確認できる。画像は仮のイラストで、地図も実際のタイルではない。数値の一部は説明用の仮の値。
アプリ全体の画面構造と見た目の方向性。Material 3を基準に、探索画面だけ天気で背景が変わる。
案Aと同じ6画面を、Apple HIG（iOS 26）とMaterial 3の標準部品で組み直して並べた。
探索条件の5項目を1項目ずつ1画面で選ぶ案。初回のチュートリアルを兼ねる。
| A 全体コンセプト | B iOS・Android比較 | C ステップで条件選択 | |
|---|---|---|---|
| 対象範囲 | アプリ全体（6画面） | Aと同じ6画面 | 探索条件の入力だけ |
| 条件の入力 | 1画面にまとめ、チップとボトムシートで編集する | iOSはリスト＋プルダウン、AndroidはFilter chip | 1項目1画面。イラスト・スライダー・タイルで選ぶ |
| 探し始めるまでの操作 | 1タップ | 1タップ | 前回の条件なら1タップ。選び直すと7タップ前後 |
| 実装の重さ | 中 | 大（OSごとに部品を分岐する） | 中（イラストとアニメーションの作り込みが要る） |
| 主な利点 | 全体の見通しがよい | 各OSの操作に慣れた人が迷わない | 初めての人にも楽しく分かりやすい |
| 注意点 | 条件の項目が多く見える | デザインとQAの量が2倍近くになる | 毎回通すと手間になるため入口の導線が必須 |
A・B・Cは択一ではない。たとえば「Bの部品方針でAを作り、条件の入力だけCにする」組み合わせもできる。