¶ P6 UI再設計 デザインブリーフ
履歴資料: Track #56でデザイン案を検討するために使用した入力資料。現行の実装規範ではない。現在のUI変更では「Drogger Tablet UIデザイン指針」を最初に参照する。
Claudeへ実装を引き継ぐ際はTrack #56 UI再設計 Claude実装指示を使用する。
¶ 目的
トラクターでの耕耘作業中に使うAndroidタブレットアプリについて、ライブ作業を主役にした、迷いにくく屋外で扱いやすいUIへ整理する。
今回の対象は見た目だけの変更ではない。これまで機能追加のたびに地図上へ配置してきたボタンを、画面の役割と操作頻度に沿って再構成し、後続のライブ耕耘あと表示・AB線・横ずれ誘導を無理なく追加できる土台を作る。
¶ 利用環境
- 主端末: Redmi Pad SE 8.7、縦向き800×1340相当
- 利用場所: トラクター運転席、屋外、直射日光、振動あり
- 操作条件: 作業手袋を着ける場合があり、運転中の細かな操作は避ける
- 地図は画面の主役とし、現在位置・耕耘済み範囲・将来の誘導情報を表示する
- 通信断や測位品質低下は安全に関わるため、通常操作より強く伝える
¶ 合意済みの画面構造
カメラアプリとアルバムの関係に近い構造を採用する。
- 作業画面が主画面: アプリ起動時と「作業へ戻る」操作の到達先。現在位置、ライブ軌跡、記録操作、将来のAB線・誘導を扱う。
- 保存記録は従モード: 作業画面から明示的に入る。記録一覧、保存記録の再生、書き出し、削除を扱う。
- 設定は作業・保存記録と同格の常時ナビゲーション項目にはしない。作業画面から、用途に応じた入口で開く。
- 保存記録のどの階層からも、1操作で作業画面へ戻れるようにする。Androidの戻る操作だけに依存しない。
- 保存記録を閲覧しても、進行中の軌跡記録を勝手に停止しない。記録継続中は保存記録画面でも明示する。
¶ 現行UIの問題
- 地図上の左下に、プロファイル、記録一覧、記録開始・再開・停止、新規記録、軌跡クリアが同じ見た目のボタンとして縦に並ぶ。
- 地図右上に、現在地状態、地図・航空写真、筆ポリゴン、現在地へ戻る操作が同じく縦に並ぶ。
- 測位品質、通信警告、開閉式の接続状態パネルが別レイヤーで重なり、画面サイズや文言によって干渉しやすい。
- ライブ作業、記録一覧、保存記録再生が明示的な画面モデルではなく、複数の表示フラグで切り替わる。利用者から見ると、現在どちらの地図を見ているのか分かりにくい。
- 低頻度かつ破壊的な「軌跡をクリア」が、日常的な記録操作と同じ場所・同じ強さで表示される。
- ボタンの追加余地が乏しく、AB線や誘導を追加すると再び操作が散在する可能性が高い。
¶ 情報と操作の優先順位
¶ 常時認識すべき状態
- 測位品質: 固定解、浮動解、差分測位、単独測位、無効、古い、不明
- 記録状態: 記録停止、記録中
- 重大な通信警告: WireGuard未起動、NTRIP到達不能など
- アクティブな作業プロファイル
¶ 作業中の主要操作
- 軌跡記録の開始または停止
- 現在地へ戻る
- 保存記録を開く
- 将来追加するAB線・誘導操作
主要操作は、状態に応じて必要なものだけを大きく提示する。複数の同格ボタンを常時並べない。
¶ 地図表示の補助操作
- 地図／航空写真の切り替え
- 筆ポリゴンの表示切り替え
- 将来追加する中心線／耕耘あと帯の表示切り替え
補助操作は地図上へ常時展開せず、1つの表示設定入口から開く方式も比較対象とする。
¶ 低頻度・注意を要する操作
- 軌跡クリア
- プロファイル編集
- 書き出し、削除
- 通信・アプリ設定
- 診断画面
主要操作から距離を置き、必要に応じて確認を挟む。
¶ 必須画面と状態
外部デザイン案では、少なくとも次の状態を別々に確認できること。
- 作業画面・記録停止中
- 作業画面・記録中
- 作業画面・重大警告表示中
- 保存記録一覧
- 保存記録再生
- 保存記録を見ている間もバックグラウンドで記録中の状態
保存記録再生では「保存記録」「記録日時または名称」を明示し、ライブ現在位置と混同させない。作業画面へ戻る操作は常に同じ位置・表現とする。
¶ デザイン上の制約
- 地図の有効面積をできるだけ大きく保つ。
- 色だけで状態を伝えず、文字・形・アイコンを併用する。
- 主要タップ領域は手袋と振動を考慮した大きさにする。
- 警告文が長くても、他の安全情報や復旧操作を画面外へ押し出さない。
- 半透明の部品を地図上へ置く場合、航空写真上でも文字が読めるコントラストを確保する。
- 装飾よりも、ひと目で現在のモード・記録状態・測位状態が分かることを優先する。
- 自動操舵を連想させる過度に未来的な表現は避け、農作業機器として落ち着きと信頼感のある外観にする。
¶ 外部デザイン相談で求める成果物
- 800×1340縦向きの主要6状態のモックアップ
- 作業画面から保存記録を開き、再生し、作業へ戻る遷移図
- 色、余白、角丸、文字サイズ、アイコンの基本ルール
- 主要操作と補助操作の配置理由
- 長い警告文を表示した状態のレイアウト
- Compose実装へ変換可能な、特殊すぎないコンポーネント構成
最低2案を比較する。一案は地図下部に固定の作業バーを持つ構成、もう一案は地図上の大きな主操作と収納式の補助操作を持つ構成とする。
¶ 初回コンセプト案
外部の画像生成モデルへ本ブリーフの条件を渡し、比較の叩き台となる2案を作成した。生成画像は完成仕様ではなく、情報階層・占有面積・主操作の強さを比較するために使う。
¶ A: 固定作業バー
- 下端に保存記録への入口と、その時点の主操作を固定する。
- 操作位置が安定し、停止中・記録中の状態別レイアウトをComposeで実装しやすい。
- 下部の占有面積が大きく、将来のAB線操作を常時追加すると再びボタン列になりやすい。
¶ B: フローティング主操作＋収納式補助操作
- 記録開始・停止をその時点の主操作として強く見せ、保存記録と表示設定を従操作にする。
- 「ライブ作業」と「記録中」の識別が強く、地図の主役感も保ちやすい。
- 生成案のままでは停止ボタンが過度に大きく、振動中の誤操作リスクがある。実装案では大きさを抑え、停止確認または長押し等の扱いを別途判断する必要がある。
¶ 初期評価
方向性はBを基調としつつ、Aの「操作位置が毎回変わらない」利点を取り入れる案が有力。具体的には、下端に小さな固定ドックを設け、主操作1つと保存記録入口を同じ位置へ置く。AB線等はドックへ常時横並びにせず、作業段階に応じて主操作を差し替えるか、展開式の作業パネルへ収容する。
¶ 採用するハイブリッド案
利用者レビューにより、Aの簡潔さ・固定された操作位置を土台にし、Bのライブ状態・記録状態・主操作の明瞭さを取り入れる方針を採用する。
¶ 共通レイアウト
作業画面は、上から「システムステータス」「地図」「作業ドック」の3領域で構成する。
┌──────────────────────────┐
│ 測位品質 │ プロファイル │ 記録状態 │ システムステータス
├──────────────────────────┤
│ │
│ 地図 │
│ [現在地]│ 地図上の常設操作
│ [表示] │
│ │
├──────────────────────────┤
│ [記録を見る] [その時点の主操作] │ 作業ドック
└──────────────────────────┘
- システムステータス: 画面上端の固定領域。高さは64〜72dpを目安とし、地図へ半透明で重ねない。測位品質、アクティブプロファイル、記録状態の3項目だけを横並びにする。
- 地図: 残りの領域を全て使用する。現在位置・軌跡・将来の耕耘あと帯と誘導表示を描画する。
- 作業ドック: 画面下端の固定領域。高さは88〜104dpを目安とし、「記録を見る」と主操作1つだけを常時置く。
- 現在地: 地図右下寄りへ56dp以上の丸型アイコンボタンとして常設する。位置は作業ドックと重ならない。
- 表示: 現在地ボタンの上へ48〜56dpのアイコンボタンとして置く。押すと地図背景・筆ポリゴン・将来の中心線／帯表示を設定する小さなパネルを開く。
- システムステータスと作業ドックには不透明または十分にコントラストのある背景を使い、航空写真の内容に読みやすさを左右されないようにする。
¶ 寸法と視認性の基準
- 主要操作のタップ領域は高さ64dp以上、補助操作も48dp未満にしない。
- 主要操作のラベルは20sp以上、常時状態は16sp以上を目安とする。最終値は800×1340実機で確認する。
- 作業ドックの左右余白は16dp、操作間隔は12dp以上とする。
- 主操作はドック幅のおおむね65〜70%、保存記録入口は30〜35%を使う。
- 状態を色だけで表現せず、アイコンと文言を必ず併用する。
- アイコンだけでは意味が自明でない「表示」「記録を見る」には文字ラベルを付ける。
¶ システムステータス
¶ 測位品質
- 現行の
PositionQualityBadgeの判定と文言を維持する。 - 正常時は「固定解 1.4cm」のように1行表示する。
- 無効・古い・単独測位等は色、アイコン、文言を変えるが、領域サイズは変えない。
- タップで詳細を開くことはできるが、通常の作業操作には使わない。
¶ プロファイル
- トラクターまたは作業機アイコンとプロファイル名を表示する。
- 長い名前は1行省略し、ステータス領域全体を押し広げない。
- タップするとプロファイル選択を開く。編集は選択画面からさらに入る。
¶ 記録状態
- 停止時は中立色で「記録停止」。何が停止しているか不明瞭だった「停止中」は使わない。
- 記録中は赤い点と「記録中」。アニメーションは必須とせず、屋外でも判別できる静的表示を基本とする。
- 保存記録閲覧中もバックグラウンド記録が継続している場合、この表示規則を共通して使う。
¶ 状態別仕様
¶ 1. 作業画面・記録停止中
- 主操作: 緑系の強調ボタン「記録を開始」。
- 保存記録入口: 中立色の「記録を見る」。
- 既存軌跡がない場合、主操作を押すと新しいセグメントを開始する。
- 既存軌跡がある場合、主操作を押すと小さな選択シートを開き、「続きから再開」「新しい記録を開始」を選ばせる。2つの開始ボタンをドックへ常時並べない。
- 「軌跡をクリア」は作業ドックに置かず、表示設定とは別の作業メニュー内に移す。実行前に確認する。
¶ 2. 作業画面・記録中
- 主操作: 中立背景に赤い停止アイコンを添えた「記録を停止」。画面全体を支配する警告色の巨大ボタンにはしない。
- 1回のタップで停止確認シートを開き、「停止する」「続ける」を選ばせる。振動中の偶発タップで即停止しない。
- 「記録を見る」は利用可能なままとする。保存記録へ移動しても記録は継続する。
- システムステータスの「記録中」と主操作の両方で状態を示す。
¶ 3. 作業画面・重大警告中
- 警告はシステムステータスの直下に、画面幅内へ収まる固定バナーとして表示する。地図上の中央や他のステータスへ重ねない。
- バナーは最大2〜3行を許容し、復旧操作を画面外へ押し出さない。
- 復旧操作がある場合は「再接続」等をバナー右端または次行へ置く。
- 警告表示中も作業ドックの位置は動かさない。
- 測位品質が誘導不可の状態になった場合、将来の誘導操作は無効化するが、軌跡記録を自動停止するかどうかは別Trackで判断する。
¶ 4. 保存記録一覧
- 独立した画面として扱い、上部に「保存記録」と明示する。
- 左上または固定位置に「作業へ戻る」を置き、どの一覧状態からも1操作でライブ作業画面へ戻れるようにする。
- バックグラウンドで記録中の場合、上部に赤い点と「ライブ記録中」を表示する。
- 一覧行全体のタップは記録再生を開く。複数選択はチェックボックスで書き出し・削除対象を選ぶ現行仕様を維持する。
- 書き出し・削除は選択時だけ有効にし、主導線である「記録を開く」より視覚的に弱くする。
¶ 5. 保存記録再生
- 上部に「保存記録」と記録日時または名称を表示する。
- ライブ現在位置を表示せず、再生位置であることが分かる専用マーカーを使う。
- 「作業へ戻る」を常設し、記録一覧を経由せずライブ作業画面へ戻れるようにする。
- 一覧へ戻る操作も用意するが、「作業へ戻る」と区別する。
- 再生、停止、先頭へ戻る、速度、シークバーは画面下部の再生コントローラーへまとめる。
- バックグラウンドでライブ記録中の場合、「ライブ記録中」を上部へ表示する。再生停止とライブ記録停止を同じ操作にしない。
¶ 画面遷移
画面状態は複数Booleanの組み合わせではなく、少なくとも次の明示的な行き先として扱う。
Work
├─ SavedRecords.List
│ └─ SavedRecords.Replay(recordId)
├─ Profile.Select
│ └─ Profile.Edit(profileId)
├─ MapDisplayOptions
└─ WorkMenu
SavedRecords.List ──「作業へ戻る」──> Work
SavedRecords.Replay ──「作業へ戻る」──> Work
SavedRecords.Replay ──「一覧へ戻る」──> SavedRecords.List
- Androidの戻る操作は、再生→一覧→作業の順に戻る補助導線とする。
- 画面内の「作業へ戻る」は履歴をたどらず、常に
Workへ直接戻す。 - アプリ再起動時の初期画面は常に
Workとする。前回開いていた保存記録再生へ自動復帰しない。 - 画面遷移と軌跡記録状態は独立させる。画面を移動しても記録状態を変更しない。
¶ 実装時のコンポーネント案
WorkScreen: 地図、ステータス、警告、作業ドックを統合する主画面。WorkStatusBar: 測位品質、プロファイル、記録状態。WorkDock: 保存記録入口と状態別主操作。MapUtilityControls: 現在地、表示設定。MapDisplayOptionsSheet: 地図背景、筆ポリゴン等の補助設定。RecordingStartSheet: 続きから再開／新規開始の選択。RecordingStopSheet: 停止確認。SavedRecordsScreen: 一覧と共通の作業復帰導線。SavedRecordReplayScreen: 保存記録の明示、再生操作、作業復帰導線。- 画面遷移はsealed class等の単一状態で表し、複数の
showXxxBooleanによる優先順位分岐を段階的に置き換える。
¶ 実機確認項目
- 800×1340で地図、上部ステータス、下部ドックが無理なく共存する。
- 手袋を想定して開始、停止、保存記録、現在地を押し分けられる。
- 航空写真上でも状態と操作の文字が読める。
- 長いNTRIP警告を表示しても、測位品質、記録状態、再接続、作業ドックが互いに重ならない。
- 保存記録再生から「作業へ戻る」を迷わず見つけられる。
- 保存記録閲覧中にライブ記録が継続していることを認識できる。
¶ 評価基準
案は次の順で評価する。
- ライブ作業と保存記録を取り違えない
- 保存記録から作業画面へ迷わず1操作で戻れる
- 記録中かどうかを一目で判断できる
- 測位品質低下と重大警告を見落としにくい
- 運転中に必要な操作が少なく、タップ対象が十分大きい
- 地図を過度に隠さない
- AB線・誘導を追加しても構造が破綻しない
- 見た目に一貫性があり、農作業機器として落ち着きと信頼感がある
¶ 今回のTrackで決めないこと
- ライブ耕耘あと帯の描画実装
- AB線生成と横ずれ誘導の仕様
- 旋回判定閾値の実走調整
- ブランドロゴや専用イラストの制作
これらは新しい画面構造を決定した後の実装Trackで扱う。